Cognitive accessibility and neurodiversity

Updated By Omnireso4 min read

Cognitive accessibility aims at content understandable by people with dyslexia, autism, ADHD, memory difficulties or simple fatigue. It relies on clarity, predictability and user control.

The key rules

Code example

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

How to test

Enable reduced motion in your system, read the page aloud, ask an outside reviewer to summarise the expected task. See the W3C WAI cognitive accessibility guide.

Frequently asked questions

Does RGAA require plain language?

RGAA doesn’t impose it as such, but several criteria (clear labels, motion, contrast) contribute; it is a recommended practice.

What is prefers-reduced-motion?

A CSS media query detecting the system preference for reduced animation so you can adapt to it.

Sources and references