User Tools

Site Tools


Creating Unique Accessible Names for Links and Buttons

If an element’s accessible name doesn’t contain enough information, it can be supplemented with `aria-describedby` or `aria-description`. A common use case: making unique link titles without changing the visible text.

Do not use visually hidden CSS to add invisible text inside a label, button, or link tag. A mismatch between the accessible name and what is visible on the screen will prevent voice input users from selecting their intended elements; see Designing and Coding for Voice.

See #2016343 Add aria-describedby when multiple links have identical text for discussion of aria-describedby in links


accessibility/aria/acc_names.txt · Last modified: 2023/07/10 16:55 by scl

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki

© 2008-2022 GPLS and others. Evergreen is open source software, freely licensed under GNU GPLv2 or later.
The Evergreen Project is a U.S. 501(c)3 non-profit organization.