Who it helps
Website accessibility for people with ADHD
One-click profile
ADHD friendly
Stops motion and dims everything but the lines you read. Visitors turn it on with one click from the panel.
- Stop animations
- Reading mask
- Saturation
The barriers
What makes websites hard to use?
Common problems for adhd visitors, and the reason the tools below exist.
Moving and autoplaying content
Carousels, animated ads, looping videos and sound that starts on its own pull attention away from the task at hand.
Pop-ups and interruptions
Newsletter pop-ups, chat prompts and banners that appear mid-task break concentration and make it easy to lose track of what you were doing.
Long, unstructured pages
Walls of text without headings or summaries make it hard to find the one thing you came for, and easy to give up.
Long forms and time limits
Multi-step forms, session timeouts and forms that clear your answers after an error are hard on anyone who gets distracted partway through.
The tools
Which tools help?
Each one is a tile in the panel. Visitors switch it on, and it stays on as they browse.
- Reading maskDarkens the page except for a clear strip around the pointer or keyboard focus, so visitors can focus on a few lines and tune out the rest.On
- Stop animationsStops CSS animations, pauses videos and freezes animated GIFs, so less on the page competes for attention.On
- Mute soundsMutes the page's audio and video players, including ones that start later, so unexpected sound doesn't break concentration. Sound inside players embedded from other sites, such as YouTube, can't be reached.On
- SaturationThe Low level softens strong colors across the page, which can make busy designs feel calmer.LowHighMono
- Page structureLists the page's headings in the panel, so visitors can see how the page is organized and jump straight to the part they need.Opens a list
- Hide imagesHides images and background pictures while keeping their space, so the text stands out on busy pages.On
For site owners
What should you fix in your own code?
The tools help visitors adapt your pages, but they can't fix how your site is built. These changes make the biggest difference.
- Don't autoplay video, audio or carousels. Anything that moves for more than five seconds needs a way to pause, stop or hide it (WCAG 2.2.2).
- Keep pop-ups to a minimum, never show them mid-task, and make them easy to close with a visible button and the Escape key.
- Start long pages with a short summary, then break the rest into sections with clear headings.
- Show progress in multi-step forms, keep answers when there's an error, and warn people before a session times out so they can extend it (WCAG 2.2.1).
- Keep navigation and layout the same from page to page. Our page on cognitive accessibility has more tips for clear, predictable pages.
- Respect the reduced-motion setting in visitors' operating systems with the CSS prefers-reduced-motion media query.
FAQ
Frequently asked questions
About adhd, the tools and how they work.
Still have a question?
We read every message and reply as soon as we can.
support@example.comContact usHow common is ADHD?
The CDC estimates that about 7 million US children aged 3 to 17 (11.7%) have a current ADHD diagnosis, based on a 2024 parent survey. In a 2023 CDC survey, about 15.5 million US adults (6.0%) reported a current ADHD diagnosis.
Does ADHD continue into adulthood?
Often, yes. The US National Institute of Mental Health says symptoms begin in childhood and usually continue into the teen years and adulthood.
What makes a website ADHD friendly?
Few distractions, clear structure and forgiving forms. That means no autoplaying media, few pop-ups, short sections with clear headings, and forms that keep people's answers and give them enough time.
What does the ADHD friendly profile turn on?
It turns on the Reading mask and Stop animations and sets Saturation to Low, all in one click. Visitors can adjust or turn off each tool, and their choices are saved in their own browser.
Sources
- Data and Statistics on ADHD (CDC)cdc.gov
- ADHD Diagnosis, Treatment, and Telehealth Use in Adults, United States, 2023 (CDC MMWR)cdc.gov
- Attention-Deficit/Hyperactivity Disorder (National Institute of Mental Health)nimh.nih.gov
- Cognitive, Learning, and Neurological: Diverse Abilities and Barriers (W3C WAI)w3.org
Other visitor needs
Give every visitor the tools they need
Create an account, add your website and preview the widget in minutes.