UI Patterns
Tabs
role='tablist' → role='tab' → role='tabpanel'. Arrow keys move between tabs, Tab moves into the panel. aria-selected on active tab. One of the trickiest ARIA patterns to get right.
In plain terms
Tabbed panels where the arrow keys switch tabs — simple to see, but surprisingly easy to build wrong for screen readers.
Why this matters
Tab interfaces built without proper roles confuse screen-reader users, who don't hear that the tabs are related or which one is selected — and arrow-key navigation often doesn't work.
How to detect
Quick check
With a screen reader, check each tab is announced as a tab with its selected state, and that arrow keys move between tabs while Tab moves into the panel.