M Y N D E X
Perception Research

Myndex Technologies is currently researching perceptual contrast for assessing legibility and accessibility on graphically rich web pages and computer displays.
There is a live issue and discussion at GitHub, and also on ResearchGate. Below are links to some of our live experimental pages, evaluating the issue in detail:

Please be advised: The experiment pages listed below are using fonts sized in REM and are thus NOT responsive. They are intended for desktop/laptop use, or use in our test app.

Live Contrast Experiments 2019

   • Initial Page describing the problem with the current standard. Discussion of the genesis of this project, the discovery of the issues with the WCAG contrast standard math.
   • Some initial equation evaluations and considerations. Early experiments solving the perceptual uniformity problem.
   • Experiments CEX and CEXI (link is off to avoid confusion but available on request) — A layout of the basic experiments but using the current WCAG math for a comparison standard.

Brief Commentary on Contrast

and the WCAG Accessibility Standards.

Interestingly, the W3C/WCAG math is similar to a basic Weber contrast in terms of a perception curve WHEN in a totally DARK environment (such a bedroom at night). Of course the aforementioned issues are present in typical and high ambient lighting.

Part of the problem with the WCAG math is the addition of a 0.05 "flare" component to both sides of the simple contrast equation: (L1 + 0.05) / (L2 + 0.05) This appears to do little except distort contrast by marginally pushing ratios slightly toward 1:1 (if you eliminate the L luminance terms, you get 0.05/0.05 = 1:1).

It is not a particularly useful way to boost contrast or limit low contrast. While it does help to slightly enhance contrast in dark color pairs, dark color pairs is where the overall WCAG still fails most, especially in high ambient lighting conditions. Indeed this math spits out a lot of contrast figures that are ultimately illegible in real world conditions.

Hwang-Peli's Modified Weber adds the flare component to only one side, the denominator, as:
   (Llight - Ldark) / (Llight + 0.05) 
I discuss that modweber in this post in the GitHub discussion. This method provides a superior and more robust contrast assessment.

Our ongoing research is working with a set of equations & algorithms that are based on human visual perception. Beyond providing a reliable and robust assessment of contrast for accessibility guidelines for graphically rich web content, we anticipate further development of the concepts will lead to better environmental responsiveness for computer display devices in general.

   • Experiment CE09 — Comparing several different contrast assessment equations.
   • Experiment CE10 — SAPC3 Evaluation (Dark on Light). Sample DIVs with sRGB values that are approximately perceptually uniform with in each target range.
   • Experiment CE11 — SAPC3 Evaluation (Light on Dark). A straight inversion of the values used in CE11, see that when inverted the assessment does not indicate perceptual uniformity from bright to dark. See experiment CE12.
   • Experiment CE12 — SAPC3 Evaluation (Light on Dark v02) Perceptually uniformity Experiment. The sRGB values were adjusted for uniformity. Useful to note how polarity inversion affects perceptual contrast in terms of uniformity.
   • Experiment CE14 — SAPC5 Evaluation (Dark on Light) Further perceptually uniformity Experiment. CE14 and CE15 are examine a new formula/algorithm for a perceptually uniform contrast assessment. OF NOTE: This equation is showing overall promise in real-world ambient light, especially on mobile devices in daylight. (Please note this page is NOT yet responsive, and thus has usability issues on mobile devices).
   • Experiment CE15 — SAPC5 (INV) Evaluation (Light on Dark) Further perceptually uniformity Experiment. See CE14, this is the light text/dark BG version.

Related:

We are presenting a new set of articles and help files for web design, web app development, and user interface design (GUI).


Click here for our new Hue Contrast Color Chart. Use this chart as you would a color wheel — only this chart presents the 12 colors in a view matrix so you can easily judge relative contrast. Also, this chart is adjusted for perceptual uniformity, so the colors are more like pigments in the real world instead of harsh "computer" colors. An interactive version, and wheel versions, are in the works along with a tutorial in development right now.