Accessibility of Audio Content Challenge Problem

Accessibility of Audio Content Challenge Problem
0.0 0

#1

Tell us what’s happening:

When I attempt to “Run the Test” on this code, it keeps telling me to “make sure my audio has a closing element”… which I did, it’s right after the source element.
Am I doing something wrong?
Any help would be greatly appreciated!!

Your code so far


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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 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


#2

Remove id="screenreader" from audio tag.

Thanks


#3

Thank you so much! I think I assumed that the source tag also needed an id of some kind since the example given had one.