Icon Buttons That Still Have a Name
Give a wordless button a clear accessible label.
The Silent Button Problem
A button with only an icon inside looks clear to the eye, but a screen reader may just say button with no clue what it does. 🔇
Every Control Needs a Name
Every interactive control must have an accessible name. For text buttons the text supplies it; an icon-only button has no text to borrow.
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