The visual presentation of the following have a contrast ratio of at least 3:1 against adjacent color(s): user interface components, in order to identify their states and function, except for inactive components or where the appearance of the component is determined by the user agent and not modified by the author. Same applies to parts of graphics required to understand the content, except when a particular presentation essential to the information being conveyed.

 

https://webaim.org/articles/contrast/

https://www.w3.org/TR/WCAG21/#identify-purpose

 

Interface Components

that identify state and function:

a looking glass icon for search navigation shows the successful contrast ratio The looking glass and the adjacent

black color is over 3:1

 

 

 

Parts of Graphics

that are a part the content:

A white cloud and light blue raindrops on a black background. Both the cloud and the raindrops follow the ratio guidelines

In this icon both a cloud and raindrops

are important in understanding content.