Skip to content
UI/UX Atlas
Topics
Patterns
Color Tool
Templates
Quizzes
Topics
Patterns
Color Tool
Templates
Quizzes
Quizzes
/
Visual Design
Iconography & Symbol Systems — Quiz
5 questions
·
Read the lesson first →
Question 1 of 5
Iconography & Symbol Systems
When an icon is used as the sole label inside an interactive button (no visible text), what is the correct accessibility approach in HTML?
Add an alt attribute directly on the SVG element
Add an aria-label on the button element and set aria-hidden='true' on the SVG
Wrap the SVG in a span with a title attribute
Use role='img' on the button and a tooltip only on hover
Check answer