Enhancing Audio Player Accessibility Without JavaScript

1min Snip

00:00

Play full episode

Summary

Transcript

Episode notes

This chapter discusses the limitations of audio players using JavaScript, suggesting alternative solutions like direct MP3 links for better accessibility. It also explores historical methods for creating persistent audio experiences across navigation, highlighting the need for reliable functionality.

Scott and Wes debate whether your website really needs JavaScript to function. They explore the principles of web standards, progressive enhancement, and test popular websites like Shopify and Netflix to see how they perform without JavaScript.

Show Notes

00:00 Welcome to Syntax!
00:11 Take 2
01:43 Brought to you by Sentry.io.
02:19 The clip summarized.
- 03:16 Your website should load, be readable and be (mostly) styled without JavaScript.
- 07:32 Web standards first. If it can be done without JavaScript, it should be.
  - 08:09 What if the CSS doesn’t load?
  - 10:20 Linking
  - 10:24 Forms.
  - 12:11 Links (Duh, but also c’mon!)
  - 12:35 Query parameters.
- 13:57 Server render if possible.
15:20 Progressive Enhancement.
- 17:24 CSS Page Transitions.
19:07 Let’s test websites out.
- 19:15 Shopify.
- 22:16 Syntax.fm.
- 25:23 Netflix.
  - 27:27 Local first and offline service workers.
- 29:27 TikTok.
- 29:33 GitHub.