Blog · Accessibility

Dyslexia-friendly dark mode: does inverted contrast help?

Every accessibility checklist on the internet recommends dark mode. Every dyslexia handbook recommends the opposite — soft, off-white backgrounds with dark text. Both can't be right. So which is it for a dyslexic reader staring at a screen at 11pm?

The honest answer is that dark mode solves a different problem than the one dyslexia research was originally asking about, and the collision between the two is where most people get stuck. This post walks through the collision, what the typography literature actually shows, and the compromise settings that almost always outperform either extreme.

The short answer

Pure white-on-black is not, for most dyslexic readers, better than the off-white-on-dark-text recommended by dyslexia typography research. But it is often better than pure black-on-white, because what dyslexic readers typically react badly to is glare, not the direction of the contrast.

The setting that tends to win: a low-contrast "warm dark" (off-white text like #d9d7ce on a dark-blue or near-black background like #1b1f24) or a "warm light" (near-black text on a cream background like #f7efe1). Both move away from the 100% contrast ratio that causes visual stress, in opposite directions.

Why dark mode became the default accessibility answer

Dark mode entered the mainstream for three reasons, none of which were originally about dyslexia: it saves power on OLED screens, it reduces blue-light exposure at night, and it reduces overall luminance, which many users find kinder on the eyes after sunset. These are real benefits, and the last one — reduced luminance — is the one that overlaps with accessibility.

A bright white 250-nit screen in a dim room is a small, nearby light source pointed at your face. For anyone with photophobia, migraine sensitivity, or the kind of visual stress associated with Irlen syndrome and visual stress, that luminance is the problem before typography becomes the problem. Dark mode turns the luminance down, and the symptomatic relief is immediate.

That relief is sometimes mistaken for "dark mode helps my dyslexia." What it's actually doing is reducing glare. Glare and dyslexia often co-occur but they aren't the same thing, and the fix for one is not automatically the fix for the other.

What dyslexia typography research actually recommends

If you dig into the guidance produced by organisations like the British Dyslexia Association, the near-universal recommendation is not dark mode — it's an off-white or pastel background (cream, pale yellow, pale blue, pale grey) with very dark (not pure black) text. The reasoning is twofold.

First, pure white paper or a pure white screen produces high-frequency luminance flicker at the edges of letters, which some dyslexic readers perceive as shimmer, movement, or "dancing" text. A cream background has less luminance, which damps the flicker without inverting the contrast polarity the eye is trained on.

Second, the letter-shape research — the same research underpinning OpenDyslexic and Google's Lexend — was almost entirely conducted on light backgrounds. The fonts were designed to be read on paper or on a white page. Their x-heights, counters and stroke contrasts are tuned for positive polarity. Inverting them to white-on-black can subtly weaken the features they were drawn to exploit.

Warm light — cream background Cream backgrounds (around #fffaf2 to #f7efe1) reduce luminance flicker while keeping the positive polarity most fonts are designed for.
Pure dark mode — high contrast White text on near-black backgrounds cuts glare hard, but it also inverts the polarity, and at high contrast the letters can "halate" or bloom along their edges.

Why pure dark mode has its own problem: halation

High-contrast white text on a black background produces an effect called halation — a faint glow or bleed at the edges of each letter, caused by the extreme luminance difference between foreground and background. On an LCD the effect is mostly perceptual; on an OLED or on astigmatic eyes, it's genuinely physical. Readers describe the letters as feeling slightly out of focus, or as having a faint halo that fuzzes out the serifs and counters.

For many readers with astigmatism or reduced contrast sensitivity, halation in pure dark mode is more fatiguing over a long read than the glare of pure light mode. This is the single most-cited reason that professional typographers recommend against both #000000 backgrounds and #ffffff text even in dedicated dark themes — they drop the contrast to something like #1b1f24 on #d9d7ce, and the halation largely disappears.

Warm dark — the compromise Off-white text (around #d9d7ce) on a dark-blue or warm-grey background (around #1b1f24) keeps most of dark mode's glare relief while eliminating the halation that makes pure white-on-black tiring. This is the same principle the Solarized theme is built on.

What the evidence looks like specifically for dyslexic readers

The direct evidence base — dyslexic readers reading the same passage in matched light and dark modes — is thinner than either camp's marketing implies. What the existing work does suggest:

Subjective preference for dark mode among dyslexic readers is higher than in non-dyslexic controls, but the gap closes when the light-mode background is coloured rather than pure white. In other words: dyslexic readers prefer dark over white, but they don't necessarily prefer dark over cream.

Objective reading speed tends to be roughly flat across the two polarities once glare is controlled for. The effect that does show up in some studies is a reduction in self-reported visual stress on dark backgrounds — fewer reports of shimmer, movement, and headache. That maps cleanly onto the glare-reduction story, not onto any deep link between dyslexia and contrast polarity.

The practical upshot: if your dyslexia presents with heavy visual stress (shimmer, movement, photophobia), dark mode is a reasonable first move. If it presents as letter confusion or reading fragmentation without much photophobia, a cream background will usually outperform dark mode, and changing the font will outperform changing the polarity. See our guide to the best fonts for dyslexia in 2026 for the font side of that choice.

The decision tree

Dark mode is probably your answer if …

  • You get headaches from bright screens, especially after dark.
  • Text on a white page seems to shimmer, vibrate, or "crawl."
  • You already prefer dimmer environments generally and find fluorescent lights uncomfortable.
  • You're reading for long stretches in low ambient light.

A cream / pastel light mode is probably your answer if …

  • Letters confuse or rotate (b/d, p/q, m/w) more than they shimmer.
  • You read mostly in bright daylight or well-lit offices.
  • You're reading in a font like OpenDyslexic or Lexend that was tuned for positive polarity.
  • You find pure dark mode looks "fuzzy" or out of focus (a classic halation signature).

A warm-dark compromise is probably your answer if …

  • Pure dark mode feels too fuzzy but pure light mode feels too bright.
  • You have astigmatism alongside dyslexia.
  • You switch between well-lit and dim environments during the day.

Practical settings you can apply today

None of this requires new software. You can get to any of the three modes above with tools already on your machine.

Operating system dark mode flips every app that respects system preference, including Chrome's UI chrome. It does not, by default, flip the content of web pages — most sites are still white-on-black regardless of what your OS reports. This is the crucial gotcha. Most users turn on dark mode at the OS level, notice their browser looks dark, and assume the job is done. The pages they're actually reading are still blazing white.

To flip page content, use a site-aware dark-mode extension (Dark Reader is the canonical choice) or a site's own "dark mode" toggle where it offers one. Dark Reader gives you control over contrast, brightness, and sepia filter — which is the knob you want, because pulling the sepia filter up by about 20-30% is what turns pure dark mode into the warm-dark compromise described above.

For a cream light mode on any site, the simplest route is a user stylesheet or an accessibility extension that sets the page background to #f7efe1 and the text to #2a2a2a. LexiFont lets you apply a cream background alongside your chosen dyslexia font in one click, and keeps the combination consistent across every site you visit — which is useful, because dyslexia-friendly typography only helps if you don't have to fight your browser for it on every new page.

The stacking trap

A temptation once you start tweaking is to stack every accessibility aid at once: dark mode, OpenDyslexic font, Bionic Reading, reading ruler, tinted overlay. Each one is trying to solve a specific problem, and stacked together they fight each other. Dark mode inverted on top of a bionic-bolded rendering is visually overwhelming. OpenDyslexic on a pure-black background can halate badly because its heavy bottoms pick up even more edge bleed than a normal font.

The advice we give in our reading tools breakdown applies here too: introduce one change, live with it for a few days, keep it only if you can point at the specific problem it solved. Typography is additive only up to a point.

A note on AMOLED and "true black"

If you have an AMOLED screen (most modern phones, some laptops), "true black" #000000 backgrounds turn pixels off completely, which is genuinely easier on the eye than #0b0b0b. The catch is that for text-heavy reading, true black amplifies halation, because the edge between "pixel off" and "pixel at full brightness" is the sharpest transition the display can produce. A useful compromise on AMOLED is true black background with an off-white text colour like #e5e2d6 rather than pure white. You get the battery and photophobia benefits of true black without the worst of the halation.

What to try first

If you've never deliberately tested this, a ten-minute experiment will tell you more than a thousand words of theory. Pick one long article — a Wikipedia feature, a long news piece, anything you'd actually read to the end. Read two paragraphs each in: pure light mode, pure dark mode, warm dark (Solarized-style), and cream light. Write down a single word for each: which one you'd rather keep reading in. That's almost always enough signal to pick a default.

From there, layer in the font. A font change on top of your preferred polarity tends to compound — changing the font on every website in Chrome is the next move, not the first. Polarity is foundational; font is decoration on top.

Get LexiFont Pro — dyslexia-friendly fonts and background colours across every website, $14.99 one-time

Further reading