Description
For user interface components with labels that include text or images of text, the name contains the text that is presented visually.
*A best practice is to have the text of the label at the start of the name.
Questions & Answers
How do I make my login process accessible?
This is the first time I’m building a mobile app from the ground up that centers around accessibility. I wanted to know what you recommend in terms of accessible login and sign up options.
- forms
- login
- mobile
When short on space, can we add better link descriptions in the code and leave the link UI as-is?
I understand links need to be read by screen readers but sometimes really good descriptions don’t fit. Can we just add better descriptions in the code and leave the UI as-is? Example: Read more vs Read more about accessibility
- link text
- links
How do I prevent user errors on my website?
How do I prevent user errors on my website?
- errors
- forms
- labels
- user experience
Should visible labels and accessible names match exactly?
I have a button with a visible label of "Send" and an accessible name of "Submit," which means basically the same thing. Does the visible label need to match the accessible name exactly?
- accessible name
- visible labels
When should I use aria-label?
How do I properly use an aria-label?
- accessible name
- aria
- aria attributes
- aria-label
What are the differences between label, aria-label, aria-labelledby and aria-describedby?
There appear to be several ways to put a label on items in order for them to be accessible for users of screen readers or other assistive technologies. Which method of labeling should I use?
- accessible name
- aria
- aria attributes
- aria-label
- form
- form input labels
- form labels
- forms
- html
- label
When to use aria-label vs. aria-labelledby?
When to use the aria-label attribute vs. the aria-labelledby attribute?
- accessibility tree
- accessible name
- aria
- html
- label