Freecodecamp: BETA: Applied Accessibility: Improve Accessibility of Audio Content with the audio Element, not detecting closing </audio> tag.

Created on 5 Feb 2018  路  6Comments  路  Source: freeCodeCamp/freeCodeCamp



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


https://beta.freecodecamp.org/en/challenges/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element

Issue Description


I tried to complete the task at hand. I believe it is done correctly, but it is saying that I still require a closing audio tag. You can see from the image below that I do have one in there and it is still not passing.

Browser Information


Note that this was performed in Chrome.

  • Browser Name, Version: Chrome, latest version
  • Operating System: Windows 10
  • Mobile, Desktop, or Tablet: Desktop

Your Code

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

Screenshot


audio

picture ghost

Most helpful comment

Ran into this same issue tonight. For everyone still having trouble, do not include an id attribute in your audio tag. It seemed to accept my answer after I removed the id attribute completely.

    <audio controls>
      <source src="https://s3.amazonaws.com/freecodecamp/screen-reader.mp3" type="audio/mpeg" />
    </audio>
picture jmwdmr on 13 Jun 2018
👍6

All 6 comments

I also have this issue: receiving error message "cannot read property 'length' of null" and failing checks despite closing <audio> tag being in appropriate place.

bug-audio_source_failing_checks

Browser Information

  • Browser Name, Version: Vivaldi 1.13.1008.44
  • Operating System: Windows 10
  • Mobile, Desktop, or Tablet: Desktop
SilentGamelan picture SilentGamelan on 5 Feb 2018

Found the faulty regex in the test: /<audio id=\"meowClip\" controls>/g. The addition of the "meowClip" id attribute in the audio tag test was never specified in the directions and seems to have mistaken the challenge description (which uses a <audio id="meowClip"> tag as an example) for a solution.

Since the faulty regex would never match anything and the test used a .match(...).length to check if the number of closing tags matched the number of opening tags, it threw the aforementioned error cannot read property 'length' of null.

jsonkao picture jsonkao on 5 Feb 2018

(Real Coding Ninjas)Audio closing tag still not detected!!!!

Herbertbhs02 picture Herbertbhs02 on 2 Apr 2018

SAME! It is not being detected.



Real Coding Ninjas




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



NANAENGLISH picture NANAENGLISH on 5 May 2018

still not fixed

johanvl picture johanvl on 8 Jun 2018

Ran into this same issue tonight. For everyone still having trouble, do not include an id attribute in your audio tag. It seemed to accept my answer after I removed the id attribute completely.

    <audio controls>
      <source src="https://s3.amazonaws.com/freecodecamp/screen-reader.mp3" type="audio/mpeg" />
    </audio>
jmwdmr picture jmwdmr on 13 Jun 2018
👍6
Was this page helpful?
0 / 5 - 0 ratings

Related issues

Tzahile picture Tzahile  路  3Comments
MichaelLeeHobbs picture MichaelLeeHobbs  路  3Comments
jurijuri picture jurijuri  路  3Comments
EthanDavis picture EthanDavis  路  3Comments
imhuyqn picture imhuyqn  路  3Comments