Improve Accessibility of Audio Content with the audio Element (audio tag)

HTML-CSS
1

Tell us what’s happening:
I can’t pass the challenge. It says “Make sure your audio element has a closing tag” but I have a closing tag in my code.

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 id="meowClip" 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 (Windows NT 10.0; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element

2

This could be a bug dear, not so critical.

Seems FCC test is so syntax strict.

I realized if you remove the id="meowClip" from opening audio tag, it passes.

Keep going on good work. Happy programming

3

I did have the same issue with the audio element lately. we can’t add any more than what it is asked for. you need to take out the close tag from source src and id as well.

type or paste code here
<audio  controls>
<source src="https://s3.amazonaws.com/freecodecamp/screen-reader.mp3" type="audio/mpeg" >
</audio>
1 Like
4

It worked. Thank you! I appreciate your help.

5

Thank you! That worked perfectly!