---
name: accessibility
description: Semantic HTML, keyboard paths, focus order, ARIA and screen readers — what breaks real usage
when: Any interactive UI, or when a screen reader or keyboard user cannot reach something
---
# Accessibility
Beyond the basics in `web-app-quality`. These are the failures that make an
interface genuinely unusable rather than merely imperfect.
## ⚠️⚠️ The right element does most of the work for free
```html
✗
Save
✓
```
The `
` cannot be focused, cannot be triggered by Enter or Space, is not
announced as a button, and does not participate in forms. The `