Blog · Accessibility

Dyslexia and contrast sensitivity — how much contrast is enough?

10 min read · July 2, 2026

The usual accessibility rule is simple: more contrast is better. But for a meaningful share of dyslexic readers, maximum contrast — pure black text on a pure white screen — is actively uncomfortable. The letters seem to shimmer, bleed into the white, or move around the page. Turning the contrast down slightly, without going anywhere near inaccessible territory, often makes sustained reading easier. This article explains why that happens, what the research says, and how to find the setting that works for you.

Contrast sensitivity is not the same as visual acuity

Visual acuity — the kind measured by reading letters off a chart at the optometrist — describes how well you resolve fine detail at a given distance. Contrast sensitivity is a different measure: it describes how small a difference in lightness your visual system can detect between adjacent areas. The two are largely independent. Someone can have excellent acuity but low contrast sensitivity, or vice versa.

For most accessibility purposes, higher contrast is unambiguously better: a person with low contrast sensitivity needs the text and background to be far apart in luminance before they can reliably read. This is what drove the WCAG 2.x contrast guidelines — at Level AA, body text must achieve at least 4.5:1 contrast against its background; at Level AAA, at least 7:1. Pure black (#000000) on pure white (#ffffff) scores 21:1, well above either threshold.

The complication is a different phenomenon common among dyslexic readers: heightened sensitivity to high spatial-frequency visual patterns. At very high contrast, the white space between and around letters can appear to glow or pulse — a perceptual effect researchers call "halation" or "glare from the page." It is closely related to visual stress, and it explains why some dyslexic readers find a cream or pale grey background far more comfortable than a blinding white one, even though the contrast ratio has only dropped from 21:1 to something like 15:1 or 12:1 — still far above any accessibility floor.

What visual stress has to do with it

Visual stress (sometimes called Meares-Irlen syndrome or scotopic sensitivity) is a pattern-related visual phenomenon in which high-contrast striped patterns — and text at sufficient density resembles a striped pattern — generate discomfort, instability, or distortion. Researchers including Arnold Wilkins at the University of Essex have published extensively on the link between visual stress and the high spatial contrast of black-on-white text. Their work found that reducing the luminance of the white background — by tinting it cream, pale yellow, or pale blue — measurably reduced both discomfort and the perceptual distortions some readers described.

Not every dyslexic reader experiences visual stress. Estimates vary, but some studies suggest a majority do not. However, for those who do, background colour is one of the highest-impact single adjustments available — often more immediately felt than a font change. We covered the evidence for specific tint colours in more detail in our article on background colours for dyslexia, and the relationship between lighting conditions and visual stress is explored in visual stress and fluorescent lighting.

The WCAG floor versus the comfort ceiling

It is worth being precise about what the WCAG guidelines are and are not. They define a minimum below which text becomes inaccessible for people with low contrast sensitivity — typically older readers and people with low vision. They were never designed to define an optimal level for people with dyslexia-related visual stress. There is no contradiction in saying "this text passes WCAG AAA" and "this text is too harsh for some dyslexic readers." Both can be simultaneously true because the two populations are experiencing different problems in different directions.

The practical implication is that you can reduce the harshness of a page without coming close to accessibility failure. Moving from pure white (#ffffff) to a warm off-white (#faf8f2, for example) reduces the contrast of black text from 21:1 to roughly 18:1 — still nearly three times the WCAG AA threshold. Switching the text from pure black (#000000) to near-black (#1a1a1a or #222222) while keeping a white background takes you from 21:1 to roughly 16:1 or 13:1, still well above threshold. Doing both together — near-black on off-white — typically lands around 12:1 to 14:1, which remains at more than twice the AA requirement.

Notice that reducing contrast from 21:1 to 14:1 produces a noticeably softer reading experience without compromising legibility. The third example — grey text on white at around 3:1 — falls below WCAG AA and becomes a genuine accessibility problem. The goal is not to move toward that end; it is to avoid the harsh extreme at the other end.

Colour contrast and chromatic contrast

The WCAG contrast ratio is calculated from luminance — the relative brightness of the two colours — not from their hue difference. Two colours can look dramatically different in hue while having identical luminance, in which case the WCAG ratio is 1:1 (unusable) even though the eye perceives them as distinct. Conversely, a dark blue on a cream background may have an identical WCAG ratio to near-black on the same cream, but feel completely different to read.

For dyslexic readers who benefit from coloured overlays (most commonly pale blue, pale yellow, or pale green backgrounds), the tint introduces a modest chromatic contrast in addition to the luminance contrast. Some researchers have suggested that this chromatic component reduces the "visual noise" generated by high-luminance backgrounds, although the exact mechanism is debated. What is fairly consistent in the literature is that individual readers differ substantially in which tint they prefer and how much benefit they experience — there is no universal best colour, only a useful range to experiment within.

If you suspect a coloured overlay might help you, the most useful starting point is to try a pale warm yellow or a pale blue tint on a website or document and read for ten minutes. The benefit, if present, is usually felt quickly — within a few paragraphs. We covered the specific palette options in depth in background colours for dyslexia, and tinted overlays specifically in Irlen syndrome and tinted overlays.

Dark mode: the contrast problem in reverse

Dark mode — light text on a dark background — inverts the usual polarity and produces a different version of the same contrast question. Very bright white text (#ffffff) on a very dark background (#000000 or #0d0d0d) can produce its own glare effect: the bright letterforms halate against the dark surround. In practice, most readers who find pure white backgrounds uncomfortable also find pure-white-on-black uncomfortable, for the same underlying reason.

The solution is identical: soften both ends. Off-white text (#e8e8e0 or similar) on a dark charcoal background (#1a1a1a) typically scores around 12:1 and avoids the extreme contrast spike at either end of the range. Whether dark mode itself is beneficial for dyslexic readers is a separate question — we addressed that in detail in dyslexia-friendly dark mode.

A quick self-test

The fastest way to know whether high contrast is affecting your reading comfort is to open a long article on a white-background site and read it for two to three minutes. Then, in your browser's developer tools or a reading extension, switch the background to a warm off-white like #faf8f2 or #f5f0e8 and read the same passage again for two minutes. Pay attention to whether the page feels easier to look at — less "busy" or flickery, less tiring on the eyes. Also notice whether you re-read sentences less often.

If the difference is noticeable, that is a reliable signal that background colour changes will help you across all your everyday reading — not just on one site. The challenge is that most websites do not expose a background-colour setting, and editing developer tools on every site you visit is impractical.

How to apply contrast adjustments across the whole web

Browser extensions that modify page typography can also modify background colour. LexiFont lets you set a preferred background colour and text colour on any website, applying the tint consistently without touching the site's own CSS in a way that breaks the layout. You can choose from preset tints or enter a custom hex value. Because the extension works at the browser level, the same setting applies automatically to every site you read — news sites, email clients, documentation, social feeds — without needing to reconfigure each one individually.

For readers who want their contrast and background preferences to persist without re-applying them on every visit, LexiFont Pro adds per-site memory, so each site remembers your last settings and restores them automatically when you return.

Practical contrast recommendations

The message from this table is that you have a wide range of comfortable options between 10:1 and 16:1 — all of them far above what WCAG requires — before you approach anything that could be called inaccessible. Reducing contrast to improve comfort for dyslexic readers does not require sacrificing accessibility for low-vision readers, provided you stay in that range.

Font weight, spacing, and contrast interact

Contrast does not operate in isolation. A thin-weight font at 21:1 contrast may be harder to read than a medium-weight font at 14:1, because the fine strokes of a light-weight letterform produce very thin high-contrast edges that can appear to vibrate at maximum contrast. Conversely, a bold, wide-set font on an off-white background often "holds" much better than a light italic on pure white, even if both combinations pass WCAG at the same grade.

This means that if you are adjusting a site for easier reading, changing the background colour and changing the font work well together. A slightly softer background combined with a heavier font weight and slightly increased letter spacing can each contribute a modest improvement, and the effects compound. We covered font weight in font weight and dyslexia, and spacing in line spacing and letter spacing for dyslexia.

The dyslexia-friendly web design checklist brings these elements together into a practical list for anyone building or auditing a site, including specific contrast targets alongside font and spacing recommendations.

Children and contrast sensitivity

The evidence on visual stress suggests it is more prevalent and more pronounced in children learning to read than in adults who have developed compensatory strategies. Educational materials printed on pure white paper — or displayed on a maximum-brightness screen — may be inadvertently adding perceptual difficulty on top of the phonological difficulty that dyslexic learners are already managing. Off-white or cream paper has been used in many UK school interventions for this reason, and the same principle applies to screen-based reading apps and educational platforms. Reducing background brightness to 70–80% of screen maximum, and shifting white backgrounds to warm off-white in any app that supports it, are practical first steps that cost nothing and take under a minute to apply.

The limits of the evidence

It is worth being honest about what the research does and does not tell us. The studies on visual stress and contrast are mostly small, and the population of "dyslexic readers" is heterogeneous — different subtypes of dyslexia have different underlying profiles, and not all of them involve visual stress at all. The consistent finding is that some dyslexic readers benefit substantially from reduced background luminance, while others are indifferent to it. The absence of a universal best contrast level is not a research failure; it is an accurate description of a genuinely variable population.

The practical corollary is that testing matters more than following a rule. If you have tried softening contrast and noticed a real difference, do it. If you tried it and noticed nothing, the benefit may simply not apply to your particular pattern of reading difficulty — and your energy is better spent on font choice, spacing, or text-to-speech tools instead.

Further reading

• Background colours for dyslexia — cream, blue, grey, or white?
• Visual stress and fluorescent lighting — screen tints that help
• Irlen syndrome and tinted overlays — what the evidence says
• Dyslexia-friendly dark mode — does inverted contrast help?
• Dyslexia-friendly web design — a practical checklist