Accessibility of Audio Content with the audio Element (closing tag problem)

Tell us what’s happening:

When I run the code it keeps telling me there should be a closing tag for audio but it’s already there and still it does not work.

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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.87 Safari/537.36.

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

Remove the id attribute from audio tag, otherwise the test will be confused I think.

Source: GitHub - Freecodecamp open issues : Audio element closing tag not accepted

Thank you so much!!! It was driving me crazy.

1 Like