Level: Beginner

Bernd Schmitt

Audio content on WordPress-websites is growing. Websites with audio content (podcasts and music) should be accessible and comprehensible for all people. This talk is about creating accessible audio content with open-source-tools and how to place it the best way in WordPress. We are talking about audio quality, transcripts and sound control.

Making WordPress Audio Accessible: Step 1: Recording High-Quality Audio
Step 2: Editing and Enhancing Audio
Step 3: Creating Transcripts
Step 4: Adding Captions (for Video Podcasts)
Step 5: Embedding Accessible Audio in WordPress
Step 6: Providing Download Options
Step 7: Testing Accessibility

Audio Accessibility in WordPress: Making Your Podcasts and Music Available for Everyone

The web is meant to be inclusive, and that includes audio content. Whether you’re running a podcast, a music blog, or sharing educational audio, accessibility should be a priority. WordPress, being the most popular content management system, offers a robust platform for publishing audio—but creating accessible audio content requires careful attention to quality, format, and user control.

Why Audio Accessibility Matters

Accessibility ensures that all users, including those with hearing impairments, cognitive disabilities, or sensory sensitivities, can engage with your content. For audio content, accessibility means providing alternatives and tools so everyone can understand and enjoy your media. This doesn’t just benefit users—it improves SEO, increases audience reach, and promotes inclusivity.

Creating Accessible Audio Content

1. High-Quality Audio Recording

Good accessibility starts with good audio. Clear, well-balanced recordings reduce listening strain and help all users follow your content. Tips include:

Use a quality microphone and a quiet recording environment.
Normalize levels to avoid sudden volume spikes.
Reduce background noise with free or open-source tools like Audacity or Ocenaudio.

2. Transcripts

Providing transcripts is essential for users who are deaf or hard of hearing. A well-prepared transcript also benefits users in noisy environments or those who prefer reading over listening. Best practices include:

Include speaker names and timestamps if multiple people are speaking.
Make transcripts easy to read with clear formatting (headings, paragraphs).
Update transcripts alongside audio changes.

Open-source tools like oTranscribe or Aegisub can help you generate and edit transcripts efficiently.

3. Captions for Video Podcasts

If your audio is paired with video, include captions. Open-source tools like Amara or Subtitle Edit allow you to create synchronized captions that improve comprehension.

4. Sound Controls

Users should have control over their listening experience:

Include volume controls and pause/play buttons.
Avoid auto-playing audio to prevent disorientation or accessibility issues.
Provide options for speed adjustments or downloadable versions.

5. Metadata and Semantic Markup

Using proper HTML markup improves screen reader compatibility. For audio in WordPress, ensure:

<audio> elements have controls enabled.
Include descriptive title and aria-label attributes.
Link transcripts directly from the audio player.

Implementing Accessible Audio in WordPress

Using the Built-in Audio Block

WordPress’ Gutenberg editor provides an Audio block:

Upload your audio file (MP3 or OGG preferred for broad compatibility).
Enable controls so users can play, pause, or adjust volume.
Add a caption or description below the player.

Plugins for Enhanced Accessibility

Several plugins make accessibility easier:

Accessible Audio Player – Adds keyboard-friendly audio players with transcripts.
PowerPress Podcasting Plugin – Supports podcast publishing with accessible feeds.
WP Accessibility – Offers global accessibility improvements that benefit audio navigation.

Hosting and File Formats

Prefer MP3 for compatibility and OGG for open-source users.
Compress files appropriately to maintain quality without long load times.
Provide downloadable versions for offline access.

Best Practices Checklist

✅ High-quality recordings with clear speech.
✅ Transcripts for all audio content.
✅ Captions for video or multimedia audio.
✅ Customizable audio player controls.
✅ Semantic HTML and proper metadata.
✅ Avoid auto-play and provide multiple formats.

Conclusion
Accessible audio in WordPress isn’t just a technical requirement—it’s a commitment to inclusivity. By focusing on high-quality recordings, providing transcripts, ensuring player control, and using open-source tools, creators can make podcasts, music, and other audio content comprehensible to everyone. Accessibility benefits all users, improves your SEO, and demonstrates responsibility as a content creator.

Here’s a detailed, step-by-step guide for WordPress podcasters and musicians to create accessible audio content using open-source tools and best practices.

Step-by-Step Guide: Making Your WordPress Audio Accessible

This guide walks you through recording, editing, and embedding accessible audio content for podcasts, music, and other audio media on WordPress.

Step 1: Recording High-Quality Audio

Every audio producer knows the GIGA principle: garbage in – garbage out.
Noise contained in a recording isn’t so easy to remove later, even in the age of AI tools. So lets Start with some recording basics:

The room

Good room acoustics can prevent unwanted reverberation. Rooms with large, smooth surfaces made of concrete and glass, which reflect sound, are not suitable for good audio recordings.
Record in a quiet environment to minimize background noise.

The recording hardware

Use a decent microphone, even a USB mic can significantly improve clarity.

The recording software

Audacity – Cross-platform audio recorder and editor.
Ocenaudio – Simple, lightweight audio editor.
Normalize volume levels to ensure even sound throughout the recording.

The voice

Speak clearly and at a moderate pace.

Step 2: Editing and Enhancing Audio

Editing ensures your audio is easy to understand.

Steps in Audacity/Ocenaudio:

Noise Reduction: Remove background hiss or hum.
Compression & EQ: Balance loud and soft sounds.
Normalize Audio: Make volume consistent.
Export in Accessible Formats: MP3 for broad compatibility; OGG for open-source users.

Tip: Keep the final audio under 10–15 MB for faster page loading, especially for podcasts.

Step 3: Creating Transcripts

Transcripts make audio content accessible to deaf and hard-of-hearing users.

Tools:

oTranscribe – Web-based, helps manually create transcripts.
Aegisub – Ideal if you want time-coded transcripts or subtitles.

Transcript Tips:

Include speaker names and timestamps.
Break text into short, readable paragraphs.
Make transcripts downloadable or embed them below the audio player.

Optional Automation: Some AI transcription tools exist, but manual review ensures accuracy and readability.

Step 4: Adding Captions (for Video Podcasts)

If your podcast has video:

Use Amara or Subtitle Edit to create synced captions.
Export captions as .srt or .vtt files and upload alongside your video.
WordPress video players like Video.js support caption files.

Step 5: Embedding Accessible Audio in WordPress

Option 1: Gutenberg Audio Block

In the WordPress editor, select Add Block → Audio.
Upload your audio file.
Ensure Show Controls is enabled (play/pause, volume, seek).
Add a caption with a link to the transcript.

Option 2: Plugins for Enhanced Accessibility

Accessible Audio Player – Keyboard-friendly, supports transcripts.
PowerPress Podcasting Plugin – Adds podcast feed support with accessible players.

Best Practices for Embedding:

Avoid auto-play audio.
Allow users to control volume and skip sections.
Include multiple formats (MP3 + OGG) for compatibility.
Add descriptive aria-label attributes for screen readers.

Step 6: Providing Download Options

Some users prefer offline listening. Provide direct download links for:

MP3 and OGG files.
Transcripts (PDF or HTML).

This also helps users with slow internet connections.

Step 7: Testing Accessibility

Checklist:

Can the audio player be controlled via keyboard?
Are transcripts easy to locate and readable?
Does the audio sound clear without extra amplification?
Do captions sync correctly if it’s a video?

You can also use free accessibility testing tools like WAVE or axe DevTools to check page-level accessibility.

Step 8: Optional Enhancements

Provide speed controls for podcasts (1.25x, 1.5x).
Add “skip intro” buttons or chapter markers for long audio content.
Ensure website themes are responsive and the audio player scales correctly on mobile.

Summary Table: Tools & Uses

Task	Open-Source Tool	Purpose
Recording & Editing	Audacity, Ocenaudio	Noise reduction, compression, normalization
Transcripts	oTranscribe, Aegisub	Generate accurate, readable transcripts
Video Captions	Amara, Subtitle Edit	Synchronized subtitles
WordPress Embedding	Gutenberg Audio Block, Accessible Audio Player	Playable, accessible audio content

By following these steps, your WordPress audio content will be inclusive, accessible, and user-friendly—ensuring that all visitors, regardless of ability, can enjoy your music or podcasts.