A11ying with Sanna - I would if I could a guide to web accessibility

1.4.3 Contrast

All the examples have two text paragraphs, one of which is large text. The first example has a white background and the second one has a black background. Sorry in advance for the eyesore.

Problematic example

Larger text

Text for the element.

Larger text

Text for the element.

Better example

This example pair covers the requirements for 1.4.3 (Level AA)

Larger text

Text for the element.

Larger text

Text for the element.

This example pair covers the requirements for 1.4.6 (Level AAA)

Larger text

Text for the element.

Larger text

Text for the element.

Final comments

Ensuring better contrast improves your site. If you have good color vision, you might not see anything too wrong with any of these. But just remember that some people do have problems with color vision or have a lower vision in general. Don't forget to include those users in your designs.