Learn Accessibility by Building a Quiz - Step 46

Step 46

On the topic of visual accessibility, contrast between elements is a key factor. For example, the contrast between the text and the background of a heading should be at least 4.5:1.

Change the font color of all the anchor elements within the list elements to something with a contrast ratio of at least 7:1.

My answer:

li > a{
color: min(7.1);

The step is about the contrast ratio between the background-color and color. Try to use this web tool to make it as required:

https://contrast-ratio.com/

It should look like this:
li > a {
color: #value; -------------------- find a hexadecimal value of color at the required contrast ratio!
}

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