Improve Accessibility of Audio Content with the audio Element

Improve Accessibility of Audio Content with the audio Element
0.0 0

#1

I’m fairly sure there is an error here. It ref :)uses to pass closing audio tag. There is a post in the help section of the forum but the solution given (delete the id to leave it blank) does not work and I cannot pass. Please advise thank you. :slight_smile:


<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"> 
      </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.62 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

Remove the id = "".


#3

i have but the run tests button has disappeared for some odd reason.


#4

wrong pic sorry but it shows the lack of buttons at the top


#5

You can run tests by hitting [Ctrl]+[Enter]


#6

thanks i didn’t know that. Unfortunately it still has not passed though unfortunately! 2018-06-01%20(2)|690x388


#7

What is your current solution?


#8

sorry my onedrive is not working now either apparently. My solution code is as follows:

Real Coding Ninjas

A sound clip of Zersiax's screen reader in action.

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

#9

Get rid of the extra space where the id = "" was.


#10

I do not know what is going on here half my code hasnt appeared even though i copy pasted it

Real Coding Ninjas

A sound clip of Zersiax's screen reader in action.

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

#11

THANK YOU!!! It worked much appreciated


#12

telling that Audio closing tag missing?
If possible tell me answer

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

#13

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.


#14

You also have an extra space in your opening audio tag. The test checks that the audio tag matches exactly what is expected, so having extra spaces will cause it fail.


#15

I’m having the same problem. I’ll remove the id= from audio controls.


#16

Do you know why it doesn’t work with the id included? I removed it completely and just have and it ended up working.


#17

The test is checking that the tag matches exactly what is expected. All it knows is that you didn’t have <audio controls>.....</audio>


#18

Error says your audio tag should have a closing tag, but its there. Were am I getting it wrong


#19

The message that the failing test displays is somewhat misleading. It is probably your opening tag that is incorrect.