Learn Accessibility by Building a Quiz - Step 46

Description says to “Change the font color of all the anchor elements within the list elements to something with a contrast ratio of at least 7:1.” I’m not entirely sure what I’m being asked to do here.

li > a {
  color: 7:1;

I have edited your post to include a direct link to the challenge in question, to provide context for your question.

A contrast ratio of 7:1 is for accessibility, to allow some people with visual impairments to read text more easily:
G17: Ensuring that a contrast ratio of at least 7:1 exists between text (and images of text) and background behind the text | Techniques for WCAG 2.0.

In practice this means that you need to set the colour of the font to one which is sufficiently contrasting with the background colour. In this specific case, it’s perhaps a little confusing as you set the colour value for the li elements in the previous step to #dfdfe2, and now have to set the colour again as anchor elements appear in blue by default. You can use the same value however, as this will provide sufficient contrast with the dark background.

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.