Skip to content
UI/UX Atlas
Topics
Patterns
Color Tool
Templates
Quizzes
Topics
Patterns
Color Tool
Templates
Quizzes
Quizzes
/
Accessibility
Screen Readers & Assistive Technology — Quiz
5 questions
·
Read the lesson first →
Question 1 of 5
Screen Readers & Assistive Technology
A development team builds a custom dropdown menu using `div` and `span` elements with click handlers and CSS animations. It looks and behaves identically to a native `select`. A screen reader user tabs to the component and hears only silence. What is the most precise root cause?
The component lacks a `tabindex` attribute, so keyboard focus cannot reach it
The component does not expose a role, accessible name, or state to the accessibility tree, so the screen reader has no semantic information to announce
The CSS `display: none` on the dropdown panel prevents the screen reader from reading options
Screen readers cannot read dynamically injected content, so the options must be server-rendered HTML
Check answer