HTML Test | Office for Digital Accessibility (ODA)

Example

<p>
  The Looney Tunes cartoon character, <span id="mtm1">Marvin the Martian,</span> made his debut in 1948.
</p>

<button type="button" onclick="document.getElementById('angryMarvin').play()" aria-describedby="mtm1 mtm2 mtm3">
  Listen to an audio sample
</button>

<audio id="angryMarvin" src="../audio/Angry.mp3">Your browser does not support the audio element.</audio>