Learn Accessibility by Building a Quiz - Step 23

So I keep getting an error of " You should place the span after the text content D.O.B." but I do have it after the text but if I put it after the label the it shows an error of " You should add a span element within the third label element." I don’t quite understand what exactly I’m doing wrong or error I am having.

Directions: "Append a span element with a class of sr-only to the current text content of the third label element. "

Your code so far

      <div class="info">
        <label for="birth-date">
           D.O.B <span class="sr-only"></span>
        </label>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

Challenge: Learn Accessibility by Building a Quiz - Step 23

Link to the challenge:

Remove space between D.O.B. and span

It still shows an error of" you should place the span after the text content D.O.B."

can you post the changed code ?

D.O.B.<span class="sr-only"></span>

can you post more of your code?

        <label for="birth-date">  D.O.B<span class="sr-only"></span> </label>
        <input type="date" name="birth-date" id="birth-date" />

remove space in front of D.O.B and its D.O.B.

1 Like

please post -all- the code

        <label for="birth-date">D.O.B<span class="sr-only"></span> </label>
        <input type="date" name="birth-date" id="birth-date" />

      </div>

as sunilaadewar pointed out already, you need to add back the period for D.O.B.
(you deleted the last dot)

ohh i didn’t even notice that, thank you

1 Like

thank you, i didn’t notice i took out the last dot

1 Like