Learn Accessibility by Building a Quiz - Step 47

HTML-CSS
1

Tell us what’s happening:

How do I know the background color should be #dfdfe2 for a background?

Your code so far

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


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



li > a {
  color: inherit;
  text-decoration: none;
}

nav li:hover {
  background: white;
  color: black;
  cursor: pointer;
}

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36

Challenge Information:

Learn Accessibility by Building a Quiz - Step 47

2

it’s the color of the text, defined on line 39. If you need to switch the color of text and background, you need to use the color of background as color for text, and teh color of text as color of background

3
  • its mostly for better contrast ratio which improves readability, you will know about these facts in futures topics/courses

lets read from instructions

…that when the cursor hovers over them, the background color and text color are switched

  • also to avoid any confusion they provided in console which value is required for this step

happy coding :slight_smile: