Improve-accessibility-of-audio-content-with-the-audio-element

HTML-CSS
1

Tell us what’s happening:

Your code so far



<body>
  <header>
    <h1>Real Coding Ninjas</h1>
  </header>
  <main>
    <p>A sound clip of Zersiax's screen reader in action.</p>
    <audio controls>
      <source src="https://s3.amazonaws.com/freecodecamp/screen-reader.mp3" type="audio/mpeg" />
    </audio>
    
  </main>
</body>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 10032.86.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.140 Safari/537.36.

Link to the challenge:

2

Do you have a problem or question?

3

The problem is probably the same that I just ran into where the test for closing audio tag refuses to pass even though the audio tag is closed. Although in their case they also chose to not use the id attribute.

Even copy and pasting the audio control from the example doesn’t pass the closing tag test

4

I am experiencing the exact same issue as TheRemyD has mentionned.

Make sure your audio element has a closing tag.

Even though the audio element is closed.

5

Yeah, it looks like I’m having the same issue. I’ll post my code here to make sure I’m not doing something wrong:

<body>
  <header>
    <h1>Real Coding Ninjas</h1>
  </header>
  <main>
    <p>A sound clip of Zersiax's screen reader in action.</p>
    
    <audio id="audioClip" controls>
      <source src="https://s3.amazonaws.com/freecodecamp/screen-reader.mp3" type="audio/mpeg"/>
    </audio>
    
  </main>
</body>

I have a closing tag for my audio element, but it still says “Make sure your audio element has a closing tag.”

6

Hello, i’ve the same issue. I closed the audio tag but the test still say me that it isn’t close…
Can somebody help us, please ? Thank you very much

7

If you delete your: id=""
the program will consider the tag now closed.
:slight_smile:

14 Likes
8

yes i have this issue also

9

run test has now disappeared also

10

Thank you very much, it’s worked for me

11

It worked for me too

12

Thank you!! This works :slight_smile: But why wouldn’t we put an id. Because the challenge didn’t say it needed one :smiley:

13

Got rid of the id='' and the problem was solved. Cheers for the help!

14

thanks i was having the same issue, cheers

15

Thank you! :sunflower:

16

i have no id

what should i do here is my code:

Real Coding Ninjas

A sound clip of Zersiax's screen reader in action.