Color Contrast

Color contrast is the difference in brightness between the colors used for foreground and background content. Its applications scope is very wide and includes web pages, desktop and mobile applications, and even texts printed on paper!

With regards to accessibility, ensuring an adequate color contrast is critical, as it makes the content much more readable; this helps people with visual impairments, as well as people with cognitive disabilities. Therefore, depending on the usage scenario, different guidelines to establish which color contrast are available; in this section you can find references to them, as well as pointer to useful tools in order to verify the color contrast in your products.

Resources

Showing results 25 to 36, out of 60.

Web Accessibility Evaluation Tools List (W3C)

Vincenzo Rubano
·

Web accessibility evaluation tools are tools you can use to evaluate wether web content (websites or applications) meets accessibility standards and guidelines, identifying actual issues and potential ones; some of them are also designed to be used as development aids.

Read more

Web Content Accessibility Guidelines (WCAG) 2 Overview

Vincenzo Rubano
·

This informative document provided by the World Wide Web Consortium (W3C) introduces the Web Content Accessibility Guidelines (WCAG). It explains their purpose, illustrating the reasons why they are important and how they get developed.

Read more

Introduction to Web Accessibility

Vincenzo Rubano
·

When websites and applications are properly designed and coded, people with disabilities can use them. However, currently many sites and tools are developed with accessibility barriers that make them difficult or impossible for some people to use.

Read more

Tenon.io

Vincenzo Rubano
·

Powering the accessibility of many big companies over the world, Tenon.io is a commercial web service that allows you to test your web page or application for accessibility issues.

Read more

EPUB Accessibility Techniques 1.1

Vincenzo Rubano
·

Published as a working group note by the World Wide Web Consortium (W3C), EPUB Accessibility Techniques is a document that provides guidance on how to meet the EPUB Accessibility discovery and accessibility requirements for EPUB publications.

Read more

Authoring Tools Accessibility Guidelines (ATAG) Report Tool

Vincenzo Rubano
·

Being developed by the World Wide Web Consortium (W3C), the Authoring Tools Accessibility Guidelines (ATAG) report tool is a web service designed to help accessibility testers and evaluators report on the accessibility of authoring tools.

Read more

Authoring Tools Accessibility Guidelines (ATAG) Overview

Vincenzo Rubano
·

ATAG overview is a document that introduce the Authoring Tools Accessibility Guidelines (ATAG) 2.0 standard. It describes the “ratio” behind this specification, as well as providing all the context that is necessary to understand why things have been organized in “the way they are”.

Read more

Authoring Tools Accessibility Guidelines (ATAG) at a Glance

Vincenzo Rubano
·

ATAG at a glance is a document that paraphrases and summarizes Authoring Tools Accessibility Guidelines (ATAG) 2.0 with (hopefully) clearer, more understandable terms. The main intent of this document is to help people understand the content of the ATAG specification, summarizing and paraphrasing concepts that may be hard to grasp while reading the proper specification.

Read more

Adee Comprehensive Accessibility Tool

Vincenzo Rubano
·

Available as a plugin for Adobe Xd and Figma (with support for Sketch coming soon), Adee is a “comprehensive accessibility tool” you can install to integrate accessibility directly in your design workflow.

Read more

Considering the User Perspective: a Summary of Design Issues

Vincenzo Rubano
·

In this guide from WebAIM you can find a summary of the problems a user may experience with regards to web accessibility. Problems are classified by disability, so that it can be clearer why they are an issue and what may be the most appropriate solution.

Read more

Web Accessibility for Designers

Vincenzo Rubano
·

The process of creating an accessible website or application begins much earlier than the first line of code that implements it is written: the visual design of a page or screen can have a very significant impact!

Read more

Color Palette Contrast Analyzer

Vincenzo Rubano
·

Being developed by Deque Systems (the same company behind products such as axe-core and Axe Dev Tools), this color palette contrast analyzer is a web service that allows you to quickly check the contrast ratio between all colors in your color palette.

Read more