Learn Accessibility by Building a Quiz - Step 23

HTML-CSS
#1

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:

#2

Remove space between D.O.B. and span

#3

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

#4

can you post the changed code ?

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

can you post more of your code?

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

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

1 Like
#9

please post -all- the code

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

      </div>
#11

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

#12

ohh i didn’t even notice that, thank you

1 Like
#13

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

1 Like