Learn Accessibility by Building a Quiz - Step 46

HTML-CSS
1

Tell us what’s happening:

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.
li>a {
color:white;

}
Response
You should give the a elements inside list items a color property.

Your code so far

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


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

 li>a {
   color:white;

 }
 


/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 OPR/116.0.0.0 (Edition Campaign 34)

Challenge Information:

Learn Accessibility by Building a Quiz - Step 46

2
  • remove “>”
  • try using a “space” between them instead

happy coding :slight_smile:

3

thank you. i implemented your advice and it worked

1 Like
4

after passing the step it changed like
li > a {
color: inherit;

5

you can use the >, but you need to have spaces around it

1 Like