CozyStay Documentation

How to add aria-label to a link

September 20, 2024

To improve the accessibility of the website, if the default accessible name of a link element on the page is missing or the accessible name does not accurately describe the content of the element, we need to add an aria-label attribute to the link element.

Please follow the steps below:

  1. When editing a page with Elementor, find an element on the page, for example, “Call To Action”. In the left panel of Elementor, find the “Link” option, click the small gear icon next to the link field.
  2. Find “Custom Attributes”, and enter:
    aria-label|

  3. Then enter some text like “Discover more about …”.
  4. Save and publish the changes. The result is code that is added to the HTML, like this:
    Click the image to zoom in.

 

Close
Close