Contrasting Accessibility with Color Contrast

A presentation at BarCamp Philly 2020 by Todd Libby

A talk about the current state of color contrast on the web and a walk through why designers and developers should practice accessibility.

Resources

The following resources were mentioned during the presentation or are useful additional information.

  • WebAIM Million Report

    An annual accessibility analysis of the top 1,000,000 home pages.

  • World Health Organization - Blindness and Visual Impairment

    Key facts, definitions, and information on blindness and visual impairment.

  • Lea Verou’s Contrast Checker

    This contrast checker attempts to visually demonstrate how readable color combinations are, for normal, italic, bold, or bold italic text of various sizes and font styles.

  • Who Can Use

    It’s a tool that brings attention and understanding to how color contrast can affect different people with visual impairments.

  • WCAG Contrast Checker

    This tool is built for designers and developers to test color contrast compliance with the Web Content Accessibility Guidelines (WCAG) as set forth by the World Wide Web Consortium (W3C). These calculations are based on the formulas specified by the W3C.

  • WCAG Contrast Checker

    This tool is built for designers and developers to test color contrast compliance with the Web Content Accessibility Guidelines (WCAG) as set forth by the World Wide Web Consortium (W3C). These calculations are based on the formulas specified by the W3C.

  • WebAIM Contrast Checker

    Another contrast checker from WebAIM to test color compliance with the W3C Web Content Accessibility Guidelines (WCAG).

  • WAVE Web Extension

    The WAVE Chrome and Firefox extensions allows you to evaluate web content for accessibility issues directly within Chrome and Firefox browsers.

  • axe Web Extension

    Accessibility checker for WCAG 2 and Section 508 accessibility. Find accessibility defects on your website or web application by using the axe extension.

  • Web Content Accessibility Guidelines (WCAG) 2.1

    Web Content Accessibility Guidelines (WCAG) 2.1 covers a wide range of recommendations for making Web content more accessible.

  • Contrast (Minimum): Understanding SC 1.4.3

    The intent of this Success Criterion is to provide enough contrast between text and its background so that it can be read by people with moderately low vision (who do not use contrast-enhancing assistive technology).

  • How to Meet WCAG 2.0 Success Criterion - Visual Contrast

    Sufficient and Advisory Techniques on how to meet WCAG 2.0 Visual Contrast requirements.

  • Another Blue Beanie Day

    Jeffrey Zeldman, on Blue Beanie Day.

  • UN General Assembly, Human Rights Council

    Report of the Special Rapporteur on the promotion and protection of the right to freedom of opinion and expression.

  • A11y is a Right t-shirt

    A11y is a right. NOT a privilege. T-shirt over at Cotton Bureau for sale to promote accessibility all over the world and the internet.