Learn Basic CSS by Building a Cafe Menu - Step 7

HTML-CSS
1

Tell us what’s happening:
for some reason it shows my code is not correct even though i did everything they asked
please help
Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
  </head>
  <body>
    <main>
      <h1>CAMPER CAFE</h1>
     <p>Est. 2020.</p>
    </main>
  </body>
</html>

Your browser information:

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

Challenge: Learn Basic CSS by Building a Cafe Menu - Step 7

Link to the challenge:

2

You have an extra period after the 2020

1 Like
3

thanks, that worked.
i thought that “.” is a part of it
they should really put those texts in quotes

1 Like
4

The text is highlighted but it is hard to see sometimes where the highlight ends.

5

Unfortunately as a screenreader user the highliting is no help

6

Oh I see! The highlight is done with quotes or backticks I believe so I thought it would be accessible (question to @bbsmooth). Maybe there is a setting that can be used.

7

Probably, I have to check.
I will update on this once I found anything
Edit, for the record I am on windows 10 and using nvda screen reader.

1 Like
8

I’ve been an advocate for moving inline text that is supposed to be added by the user into a separate paragraph of its own for quite a while now and this is just another example of why it would be a good idea. Currently, the text is wrapped in the HTML code element, which as far as I know most screen readers completely ignore. I’ve been searching to see if NVDA can be configured to recognize the code element but no luck so far. @techexplorers please let me know if I am wrong. Thus, the screen reader will just read whatever is in the code element as a natural part of the sentence and thus it may be very hard to tell where the text you are supposed to add to your HTML begins and ends.

I’m not sure they want to use quotes around the string though as I’m guessing they are afraid people will accidentally include the quotes in the HTML. @techexplorers do you think putting this text in a separate paragraph with a clear lead in, such as “Add the following text to the HTML” would make this more accessible for you? Or do you have another suggestion?

1 Like
9

“please let me know if I am wrong. Thus, the screen reader will just read whatever is in the code element as a natural part of the sentence and thus it may be very hard to tell where the text you are supposed to add to your HTML begins and ends.”
Yeah exactly.
“do you think putting this text in a separate paragraph with a clear lead in, such as “Add the following text to the HTML” would make this more accessible for you? Or do you have another suggestion?”
That could work or just adding the code in a separate line would be also a solution
“I’m not sure they want to use quotes around the string though as I’m guessing they are afraid people will accidentally include the quotes in the HTML.”
Well I am not sure but usually that’s how some websites do it

10

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