The required attribute in Chrome's accessibility tree
A previous article explored all the methods that could be used to generate an accessible name.
But which are the best methods to use? Are there any bad methods?
Let's start with
The title attribute
The placeholder attribute
The aria-label attribute
So, what are the best solutions
Ideally, we want labels and accessible names that are
- Presented on screen as well as in the accessibility tree, so the information is available to all users.
- Are persistant - remain on screen at all times while users are interacting with the elememt.
- Where possible, the visible text label and accessible names match
Button - button content
Links - link content
Inputs, select, textarea - programmatically associated label