A11y interview questions
Practice 18 questions on a11y. Each runs in a real in-browser editor with Jest tests and a worked, diagram-backed solution.
18 questions
- EASY
Progress Bar
Build a progress bar component that visualizes the percentage completion of an operation.
15 minUI / FrameworksAngularReactHTML / CSS / JSVue - EASY
Toggle Switch
Build an on/off toggle switch that flips state on click and slides its knob to reflect it.
15 minUI / FrameworksAngularReactHTML / CSS / JSVue - EASY
Tooltip
Build a tooltip that shows on hover/focus of a trigger and hides on leave/blur.
15 minUI / FrameworksAngularReactHTML / CSS / JSVue - EASY
useFocus
Implement a hook that exposes a ref plus a function to focus the attached element on demand.
15 minJavaScript - MEDIUM
Accordion II
Build an accordion component with the correct ARIA roles, states, and properties for screen readers.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Combobox
PREMIUMBuild an editable combobox that filters options as you type and supports full keyboard selection.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Command Palette
PREMIUMBuild a keyboard-driven command palette with fuzzy search and arrow-key navigation.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Date Picker
PREMIUMBuild a calendar date picker that renders a month grid, navigates between months, and selects a day.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Dropdown Menu
Build an accessible dropdown menu that opens on click, closes on outside-click and Escape, and supports arrow-key navigation.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
File Explorer II
Build a file explorer that exposes the correct ARIA tree roles, states, and properties for assistive tech.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Modal Dialog II
Build a modal dialog with the correct ARIA roles, states, and properties for assistive technology.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Modal Dialog III
Build a modal dialog that closes via the close button, backdrop click, and the Escape key.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Star Rating
Build an interactive star rating with hover preview and half-star support.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Tabs II
Build a tabs component with the correct ARIA roles, states, and properties for assistive tech.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - HARD
Accordion III
PREMIUMBuild a fully accessible accordion with keyboard navigation per the ARIA authoring practices guide.
40 minUI / FrameworksAngularReactHTML / CSS / JSVue - HARD
Autocomplete III
PREMIUMBuild a production autocomplete with async fetch, debounce, keyboard navigation, caching, and match highlighting.
40 minUI / FrameworksAngularReactHTML / CSS / JSVue - HARD
Modal Dialog IV
PREMIUMBuild a fully accessible modal dialog with focus trapping, focus restoration, and keyboard support.
40 minUI / FrameworksAngularReactHTML / CSS / JSVue - HARD
Tabs III
PREMIUMBuild a fully accessible tabs component with arrow-key navigation per the ARIA authoring guide.
40 minUI / FrameworksAngularReactHTML / CSS / JSVue