Learn Accessibility by Building a Quiz - Step 3

HTML-CSS
1

Tell us what’s happening:
It keeps saying that this is incorrect. I’ve tried adjusting the spaces, where the viewport lines goes (before or after the other link and meta line) but it does not work.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<!-- User Editable Region -->

  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="styles.css" />
  </head>

<!-- User Editable Region -->

  <body>

  </body>
</html>


/* file: styles.css */
body {
  background: #f5f6f7;
  color: #1b1b32;
  font-family: Helvetica;
  margin: 0;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/111.0

Challenge: Learn Accessibility by Building a Quiz - Step 3

Link to the challenge:

2

Your browser is most likely inserting additional meta elements behind your back and thus throwing the tests off. Do you have any browser extensions installed that are changing the appearance of the page? If so, you might start disabling them until you find the culprit. Or you could try a different “clean” browser without any extensions installed.

3

weird it is working for me. have you tried it with adbockers or other extensions disabled? maybe try another browser?

4

It turned out to be my darkmode plugin. Didn’t see that coming haha

1 Like