Improve Accessibility of Audio Content with the audio Element help pls

HTML-CSS
1

Tell us what’s happening:

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  controls> 
    <source src="https://s3.amazonaws.com/freecodecamp/screen-reader.mp3" type="audio/mpeg"/> 
    </audio>
    
    
  </main>
</body>

Your browser information:

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

This telling me that I don’t have audio closing tag. Why?

2

You could say your code should be neater but this really is just down to how the tests run, i.e your code is fine and correct so you should not worry (just be aware of spacing!).

The problem is because of a space between audio and controls:

<audio  controls>// double space casues tests to fail
<audio controls> // will pass the tests

Hope this helps :slight_smile:

1 Like
3

I see it now, my fault. Thanks a lot! :grin: