Some links on this website are affiliate links. Find out more.

Documentation:
Accessibility Attributes

ARIA Label

A) ARIA Label

Here you can enable the aria-label or aria-labelledby attribute on the module.

B) Label Type

The aria-label attribute can be used to enter a text value that will label the module. The aria-labelledby attribute can be used to enter a space-separated list of IDs for elements on the page whose attributes or content will provide a label for the module.

C) Label Text

Here you can enter a text value that will label the module. This can be used in cases where a module has no accessible name, or has an accessible name that isn’t accurate, and when there is no content on the page that can be referenced with the aria-labelledby attribute.

D) Label Selector

By default, the aria-label attribute is applied to the main module element. Here you can enter a selector for a specific element within the main module to apply the attribute instead. You may enter a single id, class or tag only. For example: entering h3 would apply the attribute to .et_pb_module h3, entering #my_id would apply the attribute to .et_pb_module #my_id, and entering .my_class would apply the attribute to .et_pb_module .my_class.

E) Label IDs

Here you can enter a space-separated list of IDs for elements on the page whose content will provide a label for the module. This can be used in cases where a module has no accessible name, or has an accessible name that isn’t accurate.

For detailed information on the aria-label attribute and its uses, please see the W3C Web Accessibility Initiative (WAI) documentation.

For detailed information on the aria-labelledby attribute and its uses, please see the W3C Web Accessibility Initiative (WAI) documentation.

aria-label mode
aria-labelledby mode

Still need help?

If you didn’t find what you were looking for, please contact us.