Hiding Decorative Icons With aria-hidden
Keep ornament out of the accessibility tree.
Some Icons Say Nothing
A little flourish next to a label adds nothing for a screen reader user. Announcing it just adds noise they have to wade through. 🔇
The Word Decorative
An icon is decorative when removing it would not change what the user understands. The nearby text already carries the meaning.
All lessons in this course
- Inline SVG: role img and a title
- Hiding Decorative Icons With aria-hidden
- Icon Buttons That Still Have a Name
- Icon Fonts and Their Accessibility Pitfalls