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"