Improve Accessibility of Audio Content with the audio Element2

HTML-CSS
1

where is the problem??

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

The id in your audio tag is messing with the test. I’m not sure if it’s intentional, but your code will pass when you remove it.

3

Sorry I don’t understand waht exactly i will do can you explain me what exactly i will do?
:slightly_smiling_face::slightly_smiling_face::slightly_smiling_face:

4

Remove the id “mewClip” from the audio element.

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

That?But again it’s not right

6

Remove the id entirely.

<audio controls></audio>

You may need to make the source tag self-closing, too.

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

Omg sorry for annoyance but again I don’t understand where to put that and again it isn’t right

8

I’ve edited your post for readability. When you enter a code block into the forum, precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

markdown_Forums

9

Read my post again. You didn’t make any of the changes.

10

because it is hard to do it can you ask me what exactly i should do because i tried 2 hours but i haven’t got

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

OMG THANKK YOU VERY MUCH I GOT IT