Accessibility-first CSS

CSS architecture should support accessibility rather than fight it.

This page is a summary. For full guidance, use Accessibility and CSS.

CSS code example

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0s;
    }
}

Next useful pages

Read the complete accessibility architecture guidance and examples.

Use complete guidance for focus, motion, and interaction patterns.

Use explicit state patterns for accessible interaction behavior.