Designing for Accessibility: Best Practices for Closed Captioning and Subtitles UX — Smashing Magazine
smashingmagazine.com · 3,089 words · saved by 1 readers
Captioning can be much more than text. Design patterns for better UX of subtitles, captions, video players, transcripts and on-screen text.
14 min read UX , Design Patterns , Web Design , Accessibility Share on Twitter , LinkedIn About The Author Vitaly Friedman loves beautiful content and doesn’t like to give in easily. When he is not writing, he's most probably running front-end & UX … More about Vitaly ↬ Email Newsletter Your (smashing) email Weekly tips on front-end & UX . Trusted by 182,000+ folks. Designing Complex UIs in the Age of AI with Vitaly Friedman Figma MCP with Christine Vallaure Celebrating 10 million developers Cascading Style Systems: Resilient & Maintainable CSS with Miriam Suzanne Custom Web Forms for Angular,
related reading
- Say precisely what you mean.index.how
- Craptions - 99% Invisible99percentinvisible.org
- How Subtitles Took Over TV - The Atlantictheatlantic.com
- Conversational UX & Multimodal Interfaces Interactive Lessonapp.uxcel.com
- Designing For Accessibility And Inclusion — Smashing Magazinesmashingmagazine.com
- What is Accessibility? — updated 2026 | IxDFinteraction-design.org
- Web Interface Guidelinesrauno.me
- Web Interface Guidelinesinterfaces.rauno.me
- Conversation Designconvodesign101.xyz
- AI Design Field Guideaidesignfieldguide.com
- Web Interface Guidelinesvercel.com
- Designing for Web Accessibility – Tips for Getting Startedw3.org