# CSS Accessibility Checklist

CSS can improve accessibility or quietly destroy it. Check these before shipping.

- Keyboard focus is visible on every interactive element.
- Hover information is also available on focus or tap.
- Text contrast is checked, including muted text and text on gradients/images.
- Color is not the only status signal for error, success, warning or selected states.
- `display: none` is only used when content should be unavailable to everyone.
- Visually hidden text remains available to assistive technology when needed.
- Reduced motion is respected with `prefers-reduced-motion`.
- Touch targets are at least compliant and preferably comfortable.
- Layout works at 200 percent zoom.
- Sticky, fixed and modal UI does not trap or hide content.
- Error states in forms include visible text, not only red borders.

Accessible CSS is not a final pass. It is part of every component decision.