+Improve Accessibility of Audio Content with the audio Element

Tell us what’s happening:

Your code so far


<body>
  <header>
    <h1>Real Coding Ninjas</h1>
  </header>
  <main>
    <audio id="codingninjas" 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) 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

Hi !

Everything seems okay but I am not sure for the ID you inserted in <audio> tag. Remove it and try again.

This should work :

<audio controls>
      <source src="https://s3.amazonaws.com/freecodecamp/screen-reader.mp3" type="audio/mpeg">
    </audio>

hlo its not working . the error is closing tag of not found

You source tag should be self closing. After type=audio/mpeg

I’m already try it. but its also not working

Remove your ID (id=“codingninjas”). I just copied and pasted your code with that ID and does not work. After I have removed the ID its worked.

thanks now its working. before there is one extra space