Open rachaelbradley opened 1 year ago
Research list for APCA: https://git.myndex.com/
This had been posted in the old Silver repo, adding it here as it directly relates.
Color, as in hue and colorfulness, is distinctly separate from luminance, which is "colorless" spectrally weighted light.
It's convenient to think of luminance as a black & white TV set, and to think of color as just the small amount that's added to that black-and-white signal. Because that's literally how the human vision system processes it as well, and the separate components of luminance and color serve different purposes in our neurology.
As such, color (hue/colorfulness) and DataViz/non-text contrasts fit well together in a group,
And then spatial and luminance tests/parameters fit well together for readability contrast.
Text zoom, Text use-cases, non-text use-cases, text in an SVG, contrast for images of text/logos.
For convenience, here are the tables relating to color and visual contrast from the Google doc as split / combined into these two guidelines:
2.x SC | Short Description |
---|---|
1.4.1 | Use of Color (hue and colorfulness) |
1.4.1a | Use of color in controls |
1.4.1b | Use of color in organizing content |
1.4.11 | Non-text Contrast - UI Components |
1.4.11a | Non-text Contrast - Graphics |
1.4.11b | Non-text Contrast - Dataviz |
1.4.11c | Non-text use-cases: Semantic, Symbolic, DataViz, Container.⁶ |
2.x SC | Short Description |
---|---|
1.4.3 | Contrast (Minimum) |
1.4.3a | Contrast exceptions (see use-cases) |
1.4.4 | Content Zoom |
1.4.4a | Proportional Text Zoom |
1.4.6 | Contrast (Enhanced) |
1.4.6a | Font weight and glyph characteristics |
1.4.6b | Text use cases: Fluent Body Text, fluent, sub-fluent, spot-read, ancillary.⁶ |
1.4.8 | Use of contrast in the visual hierarchy (was Visual Presentation) |
1.4.8a | User selectable text and background colors for blocks of text. |
1.4.8b | Column width for body-text rules.⁷ |
1.4.8c | Body-text justification rules.⁸ |
1.4.8d | Body-text line spacing (leading) & paragraphs.⁹ |
1.4.8e | Sufficient margins and padding around text |
1.4.5 | Images of Text, when the text is part of content it meets contrast minimums. |
1.4.5a | SVGs containing text, rich-text formatted alt-text (logos). |
Thank you for reading.
A general reference for a crash-course in color and contrast: The Realities And Myths Of Contrast And Color
Footnotes 1) G.Legge, et alia (Psychophysics of Reading) 2) M.Stone (NIST,Guidelines for Using Color...) 3) L.Arends (NASA,Individual Differences in Color Vision) 4) S. Chung,B.Tjan Spatial-frequency and contrast properties of reading 5) Stevens, 1961; Bartleson and Breneman 1967
The following references are selected early work product from A.Somers 2019/2020 research into visual contrast and accessibility. The 2021/2022 to come.
Organized into clickable sections to keep it more manageable.
These graphics were developed to help explain some of the concepts involved in vision, contrast, and readability.
This is the human contrast sensitivity curve. The grey sample fonts are all at the exact same color of #c7c7c7
, they become impossible to read as they get thinner.
This shows standard vision upper left and then different forms of color insensitive to demonstrate the colors that they can see and not see.
This comparison shows WCAG2 text on the left and APCA on the right, with minimums in dark mode, only the APCA text is easily readable.
in this graphic a thin font is shown with WebKit font smoothing antialiased or in auto, an anti-aliased, much of the font is subsumed into the background making the font thinner in weight and therefore lower in contrast. In auto the contrast is improved because the weight is not damaged as much, and it is still smooth because default anti-aliasing is more than sufficient for small fonts.
This graphic shows the font Verdana at 14px and the font Times New Roman also at 14px, showing that even though they are both set to the same exact font size, Times new Roman is substantially smaller as rendered to the screen.
This chart indicates the screen pitch for the CSS canonical measurement px to equal 1.278 arc minutes.
This shows the functional similarity between WCAG2 contrast values and APCA Lc values, measured near center contrast.
This is a table that indicates the critical font size for best readability at different levels of visual acuity.
This graph from research of Lovi-kitchin shows the contrast reserve and critical contrast.
Thank you for highlighting and centering the disabled perspective with this issue—it is really appreciated.
I've been doing some research on the academic end of things, and am in the process of performing outreach to individuals whose domain expertise may be applicable for this concern.
I am posting this to communicate that work is occurring here, with the hope that it keeps this issue open until I can either make introductions or come back with no interest expressed from the people I am reaching out to.
Part of this is the translation layer, where these individuals may not be aware of/participate in GitHub or WCAG. I am hoping my outreach communication helps with this aspect.
This issue is to gather research on color contrast. If you have links to color contrast research or are aware of individuals working in this space, please note that here.
Peer reviewed research studies on readability by people with disabilities are particularly valuable.
Please keep this issue clear of discussion and debate. It is meant to collect resources.