Module U
Accessibility (a11y)
Practice elements with proper ARIA, keyboard navigation, and screen-reader-only text.
ARIA-labeled icon button
No visible text — locate by aria-label.
Screen-reader only text
Visible button has icon, but extra text is for screen readers.
ARIA live region
Initial status.
Tabbable form (keyboard nav)
Tab through 4 elements in order.
ARIA expanded button
Hidden details revealed!
Negative case — broken ARIA
Bad: button without label, with wrong role.
No accessible name (negative example)