Jump to content

Important note: This Wiki page is edited by participants of the AGWG. It does not necessarily represent consensus and it may have incorrect information or information that is not supported by other Working Group participants, WAI, or W3C. It may also have some very useful information.

Contrast Gallery

From Low Vision Accessibility Task Force

Examples of Failures

  • Screenshot: Pencil icon with failed contrast.
    Pencil icon is #E9EBEE on a #FFFFFF background. Contrast Ratio = 1.2:1
  • Screenshot: Social media icons and Color Contrast Analyzer tool.
    Facebook, Twitter, and YouTube icons have failed contrast. Foreground is #CECCCC on a #EFEFEF background. Contrast Ratio = 1.4:1
  • Screenshot: Back to Top Arrow Icon with failed contrast.
    Arrow icon #999999 on a #FFFFFF background. Contrast Ratio = 2.3:1
  • Screenshot: X to close control.
    "X" Icon is #BEC2C9 on a #F6F7F9 background. Contrast Ratio = 1.7:1
Retrieved from "https://www.w3.org/WAI/GL/low-vision-a11y-tf/wiki/index.php?title=Contrast_Gallery&oldid=3011"