The problem with white backgrounds

White backgrounds affect some neurodivergent people.
Symptoms can include headaches and exhaustion.
I see this at first-hand with two of my team, when we are doing live audits.
We will always start off brightly but, as time goes on, the white background begins to gradually chip away at their energy and reduce their ability to concentrate.
You begin to hear it in the tone of their voices. They rarely complain but, as I have got to know them, I know how the intensity of our sessions affects them and they are exhausted by the end of each one.
So, should we get rid of white backgrounds?
Of course not!
There is a simple solution.
Offer different colour contrast options on your website.
All it takes is a bit of JavaScript to switch the website’s styling at the press of a button.
Doing this allows your neurodivergent visitors to have a more inclusive, enjoyable experience on your website and increase their feeling of well-being towards you.
We always recommend running your website through a colour contrast checker. This tool highlights where your colour combinations may fail accessibility standards. A contrast ratio that may seem fine to you could be impossible for someone else to read, especially under bright white backgrounds.
One of the key updates in wcag 2.2 aa relates to visual presentation. It includes refinements that support users with limited vision or cognitive challenges. Colour contrast is a recurring issue in audits, and sites that ignore this often cause discomfort to their users. A colour contrast checker aligned with wcag 2.2 aa will flag these failures quickly.
We recently worked with a design agency that specialised in minimalist layouts. Their intent was clean design, which is great in theory, but their use of white backgrounds with pale grey text left many visitors struggling. After testing, we showed how a few small changes using a colour contrast checker could make a big difference without compromising the look.
It’s also important to remember that some devices and assistive technologies amplify contrast issues. What may seem like a subtle background on your desktop could become a harsh glare on a mobile screen. Testing with tools that follow wcag 2.2 aa guidelines will help ensure your site works for everyone, regardless of how they access it.
The best websites balance style with accessibility. You do not need to remove white backgrounds completely. You need to give users options. A toggle for dark mode, higher contrast themes or even just better spacing can make a real difference. Using a colour contrast checker is one of the easiest steps you can take.
We recommend integrating wcag 2.2 aa compliance as early as possible into your design process. This avoids costly rework and ensures that colour contrast and layout are considered from day one. Colour contrast checker tools make this even easier to manage throughout development.
The benefits go beyond compliance. Sites built with accessibility in mind show higher engagement and lower bounce rates. If someone can read your content clearly, they are more likely to stay, explore and take action.
If you are not sure whether your current design meets modern standards, we can help. At Access by Design, we carry out audits and manual testing against the latest guidelines. We also work with disabled testers who give real feedback on what does and does not work.
To see how we do this, visit our Accessibility Audit page: https://accessbydesign.uk/accessibility-audit/
To read more about our approach and the results we achieve, visit our Our Clients page: https://accessbydesign.uk/about/our-clients/
Want to create a more inclusive website experience?
Find out how we can help you with your website accessibility