Detailed answer
Use audio with controls and a supported resource, together with a descriptive heading.
Provide a transcript so the information is available without playback. Avoid unexpected automatic sound. Native controls help people operate the player, but they do not provide an equivalent of the audio content by themselves.
Example
<h2>HTML introduction</h2><audio controls preload="metadata" src="intro.mp3"></audio><p><a href="/intro-transcript/">Read transcript</a></p>
Understanding the behavior
An audio element offers playback, but spoken content also needs an accessible text equivalent such as a transcript. The transcript can help people who cannot hear the audio and people who prefer searching or reading the lesson.
Practical implementation notes
Check the file response and supported format if playback fails. Avoid making a lesson depend on automatic playback, and ensure the transcript covers the meaningful information rather than only listing the topic.
How to check it
Open the transcript without playing the audio and compare its information with the recording.
Expected result
The transcript conveys the lesson rather than merely offering a filename.
Watch out: A transcript should convey the information, not merely name the audio file.
Read the reference ↗