Learn Accessibility by Building a Quiz - Step 46

HTML-CSS
1

Tell us what’s happening:

Hi there please help…

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.

Your code so far

<!-- file: index.html -->


/* file: styles.css */
/* User Editable Region */

a {
  color: #FFE3D6;
}

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (iPhone; CPU iPhone OS 18_2_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.2 Mobile/15E148 Safari/604.1

Challenge Information:

Learn Accessibility by Building a Quiz - Step 46

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

3

I can’t find 7:1 ratio of color

4

Hi @Akbarshox

You should only change the color of a elements inside list elements.

The colour choose is good. You need to make the selector more selective.

Happy coding