Improve Accessibility Challenge Glitch

Improve Accessibility Challenge Glitch
0.0 0

#1

Tell us what’s happening:
I can’t progress through this challenge because it is telling me that there isn’t a closing audio tag, when there clearly is.
If i remove the source tag, the audio closing tag point is marked as complete, but once i add in the source tag, it tells me that I need a closing audio tag.

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 alt="" 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/66.0.3359.181 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

alt="" This doesn’t belong there. Not only does the challenge not tell you to use an alt attribute, but setting it to an empty string makes it meaningless.


#3

While that did fix the problem, it specifically says in the text of the challenge, “HTML5’s audio element gives semantic meaning when it wraps sound or audio stream content in your markup. Audio content also needs a text alternative to be accessible to the deaf or hard of hearing. This can be done with nearby text on the page or a link to a transcript.” and should have no affect on me completing the challenge.


#4

In addition, the challenges also specifically state that it is good practice to use alt text, even if it is simply an empty string. Thus, my point still stands that this is an obvious glitch.