Bug with: Improve Accessibility of Audio Content with the audio Element

HTML-CSS
1

Tell us what’s happening:
Hi,

I posted regarding a bug with Firefox ESR. 52.1.8.1 browser on a previous CSS exercice, ans now I’m using “Vivaldi” browser (latest version) on Windows 7 64-bits and I seem to have another bug with this exercice! I can hear the MP3 clip fine , but when I want to validate FCC tells me to add the closing “audio” tag which I did!!

Please check my code. Everything seems fine.

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="Zersiax" 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 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.183 Safari/537.36 Vivaldi/1.96.1147.47.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element

2

Most of us use Chrome to avoid hitting browser compatibility issues with this site. It’s a free download, so why not?

3

Remove the id attribute from your audio tag.
Hope this helps :slight_smile:

4

But isn’t Free Code Camp supposed to work on most major browser like Firefox and Internet Explorer??

5

Yes! That was the solution!!! But pedagogically I’m sorry but its really not that intuitive. FCC shows an example with an audio tag containing an id tag…Then in the assignment doesn’t say not to use id tag.So I used the same as the example in the exercise. Logical, isn’t it?

6

Not from my experience…

7

Yes, having an id or not should not affect the test cases.
However I am positive that this bug is known and is worked on as we speak.

Also, If the query is solved, please mark it as the solution, so that others may benefit from it at times of need too :slight_smile: