Summary  
This chapter explains how to embed audio content using the audio element with controls, supply multiple source formats via nested source elements with fallback text, and include a transcript to ensure accessibility.

General domain of usage  
Web development

The `<audio>` element lets you embed sound files directly into your web pages. By adding the `controls` attribute, you allow users to play, pause, and adjust the volume of the audio. To maximize compatibility across browsers, you should provide multiple audio formats—commonly MP3, OGG, and WAV—using nested `<source>` elements. If a user's browser does not support the `<audio>` element, always include fallback text so users know audio content is present but unsupported.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPHRpdGxlPkVtYmVkZGluZyBBdWRpbyBFeGFtcGxlPC90aXRsZT4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aDE+U2FtcGxlIEF1ZGlvIFBsYXliYWNrPC9oMT4KICAgIDxhdWRpbyBjb250cm9scz4KICAgICAgPHNvdXJjZQogICAgICAgIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy8zMjM5ZmY5Yy1mZTU1LTQyZTItOGUzZC1kZjJhODVmZDQxMzgvc2VjdGlvbi0zL2F1ZGlvLm1wMyIKICAgICAgICB0eXBlPSJhdWRpby9tcGVnIgogICAgICAvPgogICAgICA8IS0tIDxzb3VyY2Ugc3JjPSJhdWRpby1maWxlLm9nZyIgdHlwZT0iYXVkaW8vb2dnIiAvPiAtLT4KICAgICAgWW91ciBicm93c2VyIGRvZXMgbm90IHN1cHBvcnQgdGhlIGF1ZGlvIGVsZW1lbnQuCiAgICA8L2F1ZGlvPgogICAgPHA+CiAgICAgIExpc3RlbiB0byB0aGUgYXVkaW8gY2xpcCBhYm92ZS4gSWYgeW91IGNhbm5vdCBwbGF5IGl0LCB5b3VyIGJyb3dzZXIgbWF5CiAgICAgIG5vdCBzdXBwb3J0IHRoZSBhdWRpbyBlbGVtZW50LgogICAgPC9wPgogIDwvYm9keT4KPC9odG1sPg==

To ensure your audio content is accessible, always provide a transcript. A **transcript** is a written version of the audio, allowing users with hearing impairments to access the information. This is essential for inclusivity and meets web accessibility guidelines.

Why should you provide a transcript for audio content on your web page?

Learn how to create meaningful, accessible, and visually rich web content using HTML. Combine text, images, audio, and video to craft pages that are structured, engaging, and optimized for search engines. Gain practical skills in semantic markup, media integration, and navigation design to build web pages that look great and perform well.

Build a strong foundation for creating clear and readable web content. Use semantic elements to structure text, emphasize key information, and organize content with lists that enhance both meaning and accessibility.

Enhance web pages with images that are both visually engaging and accessible. Embed and optimize visuals effectively, add descriptive alt text, and use figures with captions to give context and meaning to visual content.

Combine multimedia and navigation elements to create engaging, discoverable, and user-friendly websites. Add audio and video content, build intuitive navigation menus, and include meta information that improves SEO and accessibility.

Embedding Audio