Demonstrates accessibility patterns and theming with light/dark/system modes.
Current Theme
Preference: system → Resolved: light
Keyboard shortcuts:
Notice how the focus ring only appears when using keyboard navigation (Tab), not on mouse click. This is the focus-visible pattern.
✓ Button for actions
Triggers JavaScript action, no navigation
✗ Anti-pattern
Don't use <div onClick> or <span onClick> for interactive elements. They lack keyboard support and ARIA semantics.