Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

Table of Contents
minLevel1
maxLevel6
outlinefalse
styledisc
typelist
printabletrue

Overview

Color should not be used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.

...

Test your contrast level using this color contrast checker for WCAG AA compliance.

Color contrast checker for WCAG compliance

...

  • There should be a contrast ratio of at least 4.5.1 between link text and background color. This applies to regular body text (or 3:1 for large text) .  

  • There must be a 3.1 contrast ratio between link text and the surrounding text. 

Use this link Test your contrast level using this color contrast checker to test color contrasts for links for WCAG AA compliance.

Color contrast checker for links

...

https://www.toptal.com/designers/colorfilter/

Color and Messaging

Don’t rely on color to convey critical information such as alerts and error messages.

...

Please see more

...

information about this under the Alert/Error Messaging section.

Contrast and Non-Text Content

...

Please see more detailed information on how to comply with this guideline.

WCAG Related

...

Guidelines

1.3.3 Sensory Characteristics (Level A)

...