Tag: ARIA
4 posts
Replacing CSS Class Assertions with ARIA in Storybook
CSS classes break when Tailwind configs change. ARIA attributes are the semantic contract. Six rules for interaction tests that survive refactors.
Tooltip aria-describedby Was on the Wrong Element
A Tooltip component passed every test but put aria-describedby on a wrapper div instead of the trigger. Screen readers never announced it.
Mobile Nav Accessibility: The Bottom Sheet Dialog Pattern
A nav redesign passes code review but fails E2E tests on mobile. Here's what axe caught and how aria-hidden, inert, and proper dialog semantics fixed it.
Building an Accessible Dropdown Without a Library
Full ARIA menu semantics and keyboard navigation in ~150 lines of React, no Radix, no Headless UI, just the spec.