The Color Contrast Dilemma For Designers

Why High Contrast Ratios Can Fail

Most accessibility training teaches one lesson about color contrast: make it higher. Color contrast control for designers means more contrast equals more accessible. Pass the ratio. Move on.

That standard practice is wrong. And for people with vestibular disorders, it can cause real harm. High contrast is not automatically safe. In fact, it is the opposite.

Intense color pairing like pure black text on a pure white background, can be just as triggering as a spinning animation. The eyes perceive the sharp boundary between extremes as visual vibration. The brain works overtime to stabilize what it is seeing.

The result is the same fight-or-flight response that motion triggers: dizziness, nausea, headaches and vertigo.

Calibrating Contrast for the Human Eye

If someone has sensitive hearing, silence is not the goal. A room that is too quiet amplifies every small sound. A room with some ambient noise is actually more comfortable.

Color contrast works the same way. Too little contrast and the text is unreadable. That is the accessibility problem most designers know. Too much contrast and the visual intensity becomes overwhelming. That is the problem designers have not been taught.

The goal is the right contrast for the font, the size, the background, and the user. APCA’s Lc (Lightness Contrast) value helps you find that balance. It is not a pass/fail score; it is a tool for calibration.

That tool combined with WCAG contrast, saturation and luminance creates accessibility.

What Does Too Much Contrast Look Like?

Here are some common design choices that pass standard contrast checks but can still trigger vestibular symptoms:

Pure black on pure white (#000000 on #FFFFFF): This is the maximum possible contrast. It passes every ratio test, but it is also one of the most commonly reported triggers for people with visual processing sensitivity, migraines, and vestibular disorders.
Bright white text on a deep black background: Inverted screens or dark mode designs with extreme contrast have the same problem in reverse. The bright text bleeds into the dark background, making it harder for the brain to track.
Saturated color on white: Pure red, electric blue, or vivid green text on white creates chromatic contrast as well as lightness contrast. Saturated colors activate color-sensitive cones in the eye more intensely, which adds to visual strain.

Creating Vestibular Safe Contrast

Pure black on pure white: Try a very dark grey on an off-white background. Something like #1A1A1A on #F5F2EE is far less visually intense and still passes APCA at a comfortable Lc value for body text. For someone with a vestibular disorder, it is the difference between reading comfortably and having to leave the page.

White text on black: Try a warm light tone on a deep (not pure) dark. Using #F0EDE8 on #1C1C1E removes the harshest edges of the contrast while keeping readability strong.

Instead of saturated color text: Desaturate by 20 to 30 percent. Pull the red toward burgundy, the blue toward slate, and the green toward forest. The color reads clearly, but the intensity drops significantly.

Dark Mode Doesn’t Fix it All

Dark mode is often recommended as a vestibular-friendly setting. For many people, it is. But dark mode designed with extreme contrast—brilliant white text on pitch black—can still cause problems.

If you offer a dark mode, apply the same principle. Choose deep but not pure black backgrounds, and use warm white or light grey instead of #FFFFFF. The goal is low visual intensity, not just inverted colors.

Two Questions for Every Designer

When you are reviewing your designs for vestibular safety, contrast is not one question. It is two:

Is there enough contrast for the text to be readable? This is what WCAG and APCA both measure. You can use the Vestibular Accessible Design Checker to get your Lc value and confirm readability for the font size and weight you are using.
Is the contrast so intense that it could trigger visual strain? This is the question most automated tools do not ask. You have to ask yourself. As a general guide: if you are at or near maximum contrast (Lc values above 90 for body text or 80% saturation), consider softening it.

Both questions matter. Your design needs to pass both.

Why Calculating APCA Color Contrast Is Harder Than It Sounds

APCA is a more precise tool than older contrast methods. That precision is its strength, but it is also what makes it difficult to apply quickly.

Unlike a simple ratio, APCA’s Lc value changes based on multiple variables at once: the specific font you are using, the weight of that font, the size of the text, and whether the text is light on dark or dark on light. A color pair that passes for large, bold heading text may not pass for small body text in a lighter weight.

Color contrast includes more nuanced variables.

You cannot apply one Lc number to your whole design and call it done; every combination needs to be checked individually. This means APCA is not a tool you can use once at the end of a project. It needs to be part of the design process from the start. You need to check each text style against its specific background as you build.

There is also a common shortcut that creates a false sense of security: running a quick check on your primary text color against your primary background, seeing a passing result, and moving on.

That check tells you almost nothing about the heading in your hero section, the caption under your image, the placeholder text in your form field, or the label on your button. Each of those is a separate combination with its own Lc value, and each one needs its own check.

APCA rewards careful, methodical work. It does not reward speed.

A Passing Lc Score is Not A Stamp of Accessibility

This is worth saying plainly: a passing Lc value means the text is likely readable for most users. That is all it means. It does not mean the color pairing is calm or safe for people with vestibular disorders, migraines, or visual processing sensitivity.

It does not account for the overall visual environment like the surrounding colors, the background complexity, or the contrast between adjacent elements.

Accessibility is a system, not a checklist item. A passing Lc value sitting next to a high-contrast decorative border, a busy background pattern, and auto-playing video is not an accessible design.

Every element contributes to the total sensory load. You need the whole page to be calm, not just one measurement to be within range.

Think of it this way: passing an Lc check is like checking that one ingredient in a recipe is safe to eat. It matters, but it does not tell you whether the whole dish is right for someone with dietary restrictions. You need to look at everything together.

The Core Principle of Inclusion

Vestibular accessibility is always about stability and calm. That applies to motion, to layout, and to color. Every design decision either adds to the sensory load or reduces it.

High contrast is not a problem; extreme contrast is. Understanding the difference is what separates a design that technically passes an audit from a design that actually works for the people using it.

You cannot build that understanding from a number alone. You build it from listening to the people who live experience and designing with that knowledge from the start.

Frequently Asked Questions (FAQs)

Can high contrast really cause physical symptoms?

Yes. For people with vestibular disorders, migraines, and visual processing differences, extreme contrast creates a halation effect where text appears to glow or vibrate on the page. This triggers a fight-or-flight stress response, resulting in real physical symptoms like dizziness, nausea, and headaches.

If my contrast passes WCAG, is my design accessible?

Passing WCAG contrast ratios confirms text is readable for low-vision users, but it does not mean your design is safe for people with vestibular disorders. WCAG does not currently measure visual intensity or the risk of sensory overload.

If my Lc value passes in APCA, does that mean my design is accessible?

No. A passing Lc value only means that specific text-and-background combination is likely readable. It does not mean the layout is calm or safe from sensory triggers. APCA requires checking every font weight, size, and background variation separately.

What is the safest background color for vestibular accessibility?

Off-white or warm light tones—not pure white. Something in the range of #F5F2EE or #FAF8F5 removes the harshest edge of maximum contrast without looking noticeably different to most readers. Avoid pure #FFFFFF.

Does dark mode help people with vestibular disorders?

For many people, yes, because lowering overall brightness reduces visual strain. However, dark mode only helps if it avoids extreme contrast. Brilliant white text on pitch black can still trigger symptoms.

Why can’t I just quickly run my colors through an APCA checker and move on?

Because APCA requires a separate check for every unique text combination—different sizes, weights, and backgrounds all produce different Lc values. Running one check on your main text color gives you a single data point, not a full picture.

How do I know if my color contrast is too intense?

If you are using fully saturated text colors, desaturate them by 20 to 30 percent. If your background and text are at extreme opposite ends of the lightness scale, soften one of them.

Does this apply to images and graphics too, or just text?

It applies to all visual elements. High-contrast borders, icon outlines, decorative patterns, and image overlays can all create visual strain. Watch for hard, sharp edges between very dark and very light areas anywhere on the page.

Is this a legal requirement?

Not explicitly in current law. WCAG 2.2 addresses contrast for readability and prohibits content that causes physical reactions, but it does not yet have a maximum contrast threshold. However, designing content that triggers physical distress remains an exclusionary practice.