Improve Accessibility of Audio Content. What happened. I don't understand

Tell us what’s happening:

Your code so far


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

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 6.0.1; SM-G532M Build/MMB29T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.158 Mobile 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 of your audio tag and it should be fine :slight_smile:

@anon38736429 is right. Remove the id.

As @anon38736429 said remove the id and it will work. This happens because multiple ids are not allowed on a single element. Removing only one id should solve it. I would have used classes.