How do you create audio

HTML-CSS
1

Tell us what’s happening:
how do you put audio

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 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/87.0.4280.88 Safari/537.36 Edg/87.0.664.66.

Challenge: Improve Accessibility of Audio Content with the audio Element

Link to the challenge:

2

These attributes should be part of an HTML tag.

3

The failing tests say

Your code should have one source tag.
Your source tag should be inside the audio tags.
The value for the src attribute on the source tag should match the link in the instructions exactly.
Your code should include a type attribute on the source tag with a value of audio/mpeg.

It looks like you are not quite following the example given in the challenge.

Example:

<audio id="meowClip" controls>
  <source src="audio/meow.mp3" type="audio/mpeg" />
  <source src="audio/meow.ogg" type="audio/ogg" />
</audio>

Yours:

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

Your source tag is malformed - its missing a < and a >