Improve Accessibility of Audio Content with the audio Element2

Improve Accessibility of Audio Content with the audio Element2
0.0 0

#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.


#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