A11y interview questions

Build a progress bar component that visualizes the percentage completion of an operation.

Build an on/off toggle switch that flips state on click and slides its knob to reflect it.

Build a tooltip that shows on hover/focus of a trigger and hides on leave/blur.

Implement a hook that exposes a ref plus a function to focus the attached element on demand.

Build an accordion component with the correct ARIA roles, states, and properties for screen readers.

Build an editable combobox that filters options as you type and supports full keyboard selection.

Build a keyboard-driven command palette with fuzzy search and arrow-key navigation.

Build a calendar date picker that renders a month grid, navigates between months, and selects a day.

Build an accessible action menu with keyboard focus, selection, Escape, and outside-click dismissal.

Build a file explorer that exposes the correct ARIA tree roles, states, and properties for assistive tech.

Build a modal dialog with the correct ARIA roles, states, and properties for assistive technology.

Build a modal dialog that closes via the close button, backdrop click, and the Escape key.

Build an interactive star rating with hover preview and half-star support.

Build a tabs component with the correct ARIA roles, states, and properties for assistive tech.

Implement a hook that traps keyboard focus inside a container while it is active and restores it on release.

Implement a hook that reports whether keyboard focus is anywhere inside a container, without flickering as focus moves between children.

Implement a hook that tracks the system reduced-motion accessibility preference through matchMedia and updates when it changes.

Implement a hook that gives a widget arrow-key navigation, keeping exactly one item in the tab order at a time.

Build a fully accessible accordion with keyboard navigation per the ARIA authoring practices guide.

Build a production autocomplete with async fetch, debounce, keyboard navigation, caching, and match highlighting.

Build a fully accessible modal dialog with focus trapping, focus restoration, and keyboard support.

Build a fully accessible tabs component with arrow-key navigation per the ARIA authoring guide.