# Aria Labels

**URL:** <https://community.hubspot.com/t/aria-labels/84515>\
**Category:** CMS Development\
**Tags:** design-manager\
**Created:** [June 30, 2023, 7:10pm UTC](https://community.hubspot.com/t/aria-labels/84515 "2023-06-30T19:10:28Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![WAbelman0](https://avatars.discourse-cdn.com/v4/letter/w/f05b48/32.png) [@WAbelman0](https://community.hubspot.com/u/WAbelman0)\
**Post date:** [June 30, 2023, 7:10pm UTC](https://community.hubspot.com/t/aria-labels/84515/1 "2023-06-30T19:10:28Z")

</div>

As part of an accessibility project (making an existing site compliant), we need to add aria tags in some of the content areas. How is this done?

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [June 30, 2023, 10:44pm UTC](https://community.hubspot.com/t/aria-labels/84515/2 "2023-06-30T22:44:22Z")

</div>

Hi @WAbelman0,

If I’m not completly off default modules don’t include aria-labels (haven’t looked into the code of defaults for a long time) so my personal approach is to write custom modules and include specific aria-label inputs like

`<a href="#" type="button" aria-labelledby="{{ module.aria_label }}" target="">{{ module.button_label }}</a>`

Or automate it to something like

`<a href="#" type="button" aria-labelledby="{{ module.button_label }}" target="">{{ module.button_label }}</a>`

best,

Anton