Improve Accessibility of Audio Content with the audio Element1

HTML-CSS
1

Tell us what’s happening:

Your code so far




</body>
<body>
  <header>
    <h1>Real Coding Ninjas</h1>
  </header>
  <main>
    <p>A sound clip of Zersiaxs screen reader in action.</p>

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

  </main>
</body>

Your browser information:

User Agent is: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; 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

You do not have a closing tag for your audio element. Additionally, your audio element should not have an id for this challenge. The tests need the tags to match exactly what is asked for.

3

I had a problem with the same lesson

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

This was my problem, after taking out the id, it went through. It was confusing though because the lesson kept saying you need to add a closing tag for audio, and I had one.

image
image1920×1080 193 KB

4

I agree that the test conditions and the test message don’t go together very well.