Build a Custom Accessible Audio Player

Learn how to create a custom, accessible audio player in this 90-minute tutorial. Discover techniques for building an audio player that is both functional and usable for all users, including those with disabilities. Explore the HTMLMediaElement API, implement ARIA attributes for improved accessibility, and gain insights into creating custom range sliders with CSS. Follow along as the instructor demonstrates building a React-based audio player, complete with playback controls and progress indicators. Access the provided demo and GitHub repository to examine the finished product and source code. Dive into additional resources on web accessibility, including tools like Accessibility Insights and guidance on implementing ARIA techniques.

Build a Custom Accessible Audio Player (with Lindsey Kopacz) — Learn With Jason