Updated: Feb. 17, 2025
Originally Published: July 10, 2023
Creating websites that accommodate users with disabilities is more than a priority for web professionals – it’s a moral imperative.
So many of life’s essential tasks, tools, and functions have moved to websites, apps, and other online spaces. If those tools are difficult or impossible for disabled individuals to access and use, those people will lack important information, and that can adversely affect their lives.
Web accessibility guidelines often focus on those with visual and physical impairments. All too often, we fail to address the unique needs of the neurodivergent.
Neurodivergent individuals, simply put, have brains that process the world differently than the average (or "neurotypical") brain. Autism Spectrum Disorder (ASD), dyslexia, sensory processing disorders, and chronic mental health conditions can fall within this category. The debate continues as to whether these conditions constitute disabilities or simply a "different" mode of cognitive function. Categories aside, they can dramatically impact a person’s life, even with treatment.
Neurodivergences can also affect how a person navigates the distracting, overwhelming informational landscape of the internet. As an example, I'd like to focus on one particular neurodivergence that can make browsing the internet a challenge, Attention-Deficit Hyperactivity Disorder (ADHD). How does ADHD alter a user’s experience of the web? How can we make any website a friendlier place for them? And what can we learn about accessibility from this example?
As the proud owner of an ADHD brain and someone who spends a lot of time thinking about and refining digital content, much of what follows comes from personal experience. Fortunately, there are a lot of things website owners can do to make content more ADHD-friendly. And best of all – they’ll make your neurotypical users happy, too.
Myths About ADHD
First, I think it’s helpful to understand what ADHD is and isn’t. There are a lot of misconceptions about ADHD stemming from inadequate understanding of the disorder immediately after its discovery. Thankfully, no one has ever confidently circulated incorrect information on the internet. And if they did, I’m sure they’d admit that they were wrong when confronted with objective, scientific proof.
Moving on.
The medical community’s understanding of ADHD has grown substantially, challenging many of the myths and misconceptions surrounding this neurodivergence.
Myth #1: Only Little Boys Have ADHD
An estimated 129 million children (about 7.2% of children worldwide) have been diagnosed with ADHD, with nearly equal incidence between sexes in recent years. Sixty to eighty per cent of those children will carry symptoms into adulthood. That means that roughly 5% of your website’s traffic could come from adults with ADHD. This is not a small demographic by any means, and certainly not limited to one sex.
Myth #2: ADHD Is Over-Diagnosed
Just the opposite. Because of the long-standing belief that ADHD only involved hyperactive little boys, girls were dramatically underdiagnosed for decades. Thankfully, modern diagnostic methods began identifying more of these missed cases, which largely accounts for the recent uptick in diagnoses. Early treatment and management can be the difference between a healthy life and truly catastrophic life outcomes for many individuals with ADHD.
Myth #3: People with ADHD Have No Attention Span
In fact, they have an abundance of attention that they struggle to consciously control. This is an especially important point when it comes to web design, as distracting visual elements can hijack and monopolize the attention of an ADHD brain. As a result, they may miss key information they need to interact with your site.
Myth #4: It's Not a Real Disorder
ADHD’s neurobiological causes are very well documented. Study after study has found that ADHD individuals have (typically) smaller brain structures and less neuron activity in the areas associated with several brain functions (listed below), otherwise known as the executive centers of the brain.
So, What Is ADHD?
For many years, ADHD was primarily associated with disruptive, hyperactive little boys who couldn’t sit still in class. Physical hyperactivity can be a symptom of ADHD, but research over the past decade has revealed many other dimensions of this neurodivergence. We now know that, in addition to shortening attention spans and giving children chronic cases of the wiggles, ADHD can dramatically impair an individual’s ability to:
- Organize information.
- Plan or visualize the future.
- Deliberately control their own attention.
- Process sensory stimuli without becoming overwhelmed.
- Retain critical, short-term information.
- Track and manage time.
- Regulate emotions and impulsive behavior.
- Develop speech and motor skills.
Despite all this, ADHD is not exactly a disability. People can manage it very well with medication, lifestyle changes, and acknowledgement of the daily tasks that prove difficult.
Many ADHD brains are perfectly suited for how humans used to live: roaming tribes foraging food and water, recklessly hunting dangerous animals, and never staying in one place for more than a few months. Classically neurotypical brains (tend to) have a more developed capacity for forethought, planning, and impulse control, aptitudes that paved the way for agriculture, settlements, and modern economies.
The growing consensus among researchers is that I and my fellow ADHD-ers are a sub-set of human evolution that doesn’t suit modern environments. 10,000+ years ago, our brains may have actually been an evolutionary advantage. But then y’all had to go and plant seeds and build markets and now everything’s all complicated.
Kidding, of course. Kind of.
But the joke belies a broader truth about accessibility. The first step is understanding that everyone experiences the world in a fundamentally different way. Trying to design for every experience is impossible, but it doesn’t mean we can’t try to empathize with our audience when producing content. If you’ve made it this far, you’re doing just that.
How Does ADHD Affect Internet Use?
The better question might be “How does internet use affect ADHD?”
In some studies, internet use exacerbated ADHD symptoms, particularly the inability to focus attention, process information and sensory stimuli, and regulate emotions. The internet is such a cognitively taxing place that even neurotypical people can begin to show ADHD-like symptoms after hours of browsing.
Many websites are visually overwhelming, distracting, and difficult to navigate even for neurotypical people. A cleaner, easier to use, more intuitive internet is better for all of us, not just those with ADHD.
ADHD Web Accessibility Guidelines
The industry-standard Web Content Accessibility Guidelines (WCAG) should be your starting point. WCAG 2.2 guideliens are the latest standards, but the new WCAG 3 guide is currently in "draft" form and has some useful guidelines, as well. The following tips for better accommodating those with ADHD are drawn from those standards.
Create Predictable Content
Content predictability has two equally important main components.
Consistent layouts help users get familiar with your site’s navigation and visual elements. Seeing the same button design throughout your site, for example, helps users better understand the function of that graphic every time they encounter it. This doesn’t mean that every page must look the same, but the core library of design elements and text styles should be consistent.
To help keep ADHD individuals’ focus on your content, avoid surprising, sudden elements, such as pop-up notifications or oversized chat windows. Avoid navigations and sub-menus that change from page to page, as well. Whenever possible, create one central means of navigating your site and stick to it so your users can get familiar with how it works. This is good practice anyway and doubly important for those with ADHD.
The second component of predictability is accurately setting user expectations with page titles and text. Make sure that link text in buttons and menus clearly describes what to expect on the linked page, to avoid sending users to content that doesn’t match the text they clicked on.
Clear Headings, Labels, and Instructions
Users with ADHD might struggle to retain lengthy, complicated instructions and processes. To address this, break information down into simple, digestible sections with clear and descriptive headers. If you need users to engage with forms or processes, include brief written instructions to help them interact with the form. Consider labelling your forms by user intent, as well, as in “fill out this form to subscribe” as opposed to just “fill out this form.” Assure them that they’re in the right place.
If you have larger, multi-step processes with several requirements (e.g., job applications), provide a step-by-step breakdown of the process in list form. If possible, insert that breakdown somewhere near the beginning of your content so users can understand what you need from them right away.
No Time Limits
ADHD users may need a little extra time to process info and act on it. They’re also 15x more likely to have anxiety disorders than a neurotypical person.
Time pressure is not an ADHD-friendly way to create urgency. Avoid countdowns or any other type of pressure that drives your audience to immediate engagement. Also avoid rotating navigation that changes on a timer, as you might see in a carousel slider menu or other dynamic content. Give your users the chance to process and choose content on their own time.
If you must include a session timer for security purposes, give plenty of visible warning that a user’s session on the site is being timed. You can offer users more control by including a “refresh timer” function, or another explicit way of resetting the clock, so they aren’t logged out or sent to another page.
No Autoplay
Many ADHD users have comorbid sensory processing disorders, which can make auto-playing video and other moving content very disorienting. If possible, avoid using any video that plays automatically on a loop, especially video with heavy visual noise or a lot of movement. If you need to add video to a page, follow the WCAG “Stop. Pause. Hide.” function guidelines and include those controls in your video player. Users should be able to stop the video, pause it temporarily, or hide the video entirely and have that preference remembered by browser cookies. You can also encourage users to set their browser preferences to stop all auto-playing videos.
Generally, though, the best path is to include full video player controls, whether through an uploaded video (if supported by your CMS) or a third-party iframe for whatever video service you use. This allows them to engage with video content as it suits them.
Minimize Distractions
Large amounts of information and visual noise can overstimulate users with ADHD. Thankfully, this is another case where general best practices in web content and design can help.
In content, use headers and text styling to create a clear, well-defined visual hierarchy of sections and sub-sections. This helps users process and scan text section by section. Breaking text down into small, digestible blocks also helps.
If you have more complicated or nuanced content, try to simplify it by breaking it down to its most essential parts. Offer the audience only what they need to know to engage with your product or service. Offer them lean, straightforward information.
In design, the same principles apply. Keep visual themes and layouts simple and free from visual noise, without lots of attention-hijacking distractions. It’s also important to keep outbound links to a minimum, offering only useful (and strategic) exits to other pages. Toning down the number of outbound links has the added benefit of making your calls-to-action stand out more, which is great for you and your users.
Want to Know More?
If you’re interested in reviewing your site for accessibility or want to design a new website that has accessibility built in, reach out! Our accessibility team, UX/UI designers, digital strategists, and other experts will work with you to create a site that’s usable for all visitors and achieves your goals.