An icon lacks 3 to 1 contrast ratio

Link to An icon lacks 3 to 1 contrast ratio copied to clipboard

contrast-graphical-objects-icon-3-1

Rule

Parts of graphics (required to understand the content) MUST have a contrast ratio of 3 to 1 against adjacent color(s). Exceptions exist.

Background

People who have low vision or are colorblind may have difficulty perceiving the important parts of an informative graphical object (i.e., the parts of the graphic required to understand the content) if the contrast between parts of the graphic essential for understanding the graphic is insufficient. When an graphical object has adequate contrast, people who have low vision or are colorblind are more likely to be able to perceive the information conveyed by the object. NOTE: The term "graphical object" applies to stand-alone icons such as a print icon (with no text), and the important parts of a more complex diagram such as each line in a graph. For simple graphics such as single-color icons the entire image is a graphical object. Images made up of multiple lines, colors and shapes will be made of multiple graphical objects, some of which are required for understanding. Not every graphical object needs to contrast with its surroundings - only those that are required for a user to understand what the graphic is conveying. This requirement does not apply to a graphic whose information is available in another form such as text - for example a printer icon with the word "print" next to it - and it does not apply to decorative images that do not convey information.

How to Fix

Fix this issue by adjusting the parts of graphics (that are required to understand the content) and/or adjacent color to increase the contrast to at least 3 to 1.