Which ARIA attribute fixes an icon-only button missing its screen reader name?
Tests knowledge of accessible names for interactive elements lacking visible text. Answer: aria-label on the button describing its function, plus aria-hidden on the decorative icon. Red flag: suggesting alt text on the SVG or title attributes as the fix.
Tests whether you can provide an accessible name for an icon-only button when no visible text exists. A complete answer identifies aria-label on the button element as the specific attribute, gives it a concise action-oriented value like Close or Submit, and marks the decorative SVG with aria-hidden and focusable false so screen readers ignore the icon. Red flag: proposing alt text on the SVG, using title attributes, or omitting aria-hidden which causes redundant or confusing announcements.
Read the original → developer.mozilla.org
- #accessibility
- #aria
- #screen-readers
- #html
- #ux-research
Get five bites like this every day.
Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.