Often when we talk about accessibility problems, we end up talking about a number of different errors that all boil down to a missing accessible name: form fields without labels, images without alts, icon buttons without readable text, and many more. Written by Sarah Higley.
A missing or incorrect accessible name in some form or other is right up there with poor color contrast in the list of most common accessibility errors across the web.
More recently, a greater awareness of accessibility and an increase in the use of ARIA attributes has resulted in a sort of reverse naming problem, where elements that cannot or should not be named get artificial names through ARIA. While an improperly added name is a step up from a missing one, it will often give the illusion of accessibility while masking an underlying problem that remains unaddressed.
Here’s a non-comprehensive list of terms and concepts that all boil down to talking about names:
- labels, the
- table captions
- image alt text
- an SVG
- aria-label and aria-labelledby
Not every element can support an accessible name, and even among those that can, not every one should. To learn about few general categories of elements that should always be named read the article in full. Excellent![Read More]