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
- Designing For Accessibility And Inclusion — Smashing Magazinesmashingmagazine.com
- Details That Make Interfaces Feel Betterjakub.kr
- Invisible Details of Interaction Designrauno.me
- Designing Navigation for Mobile: Design Patterns and Best Practices — Smashing Magazinesmashingmagazine.com
- Web Interface Guidelinesrauno.me
- Every UI/UX Concept Explained in Under 10 Minutesyoutube.com
- Details That Make Interfaces Feel Betterinterfaces.dev
- Refactoring UIrefactoringui.com
- The Elements of UI Engineering — overreactedoverreacted.io
- Accessibility - Material Designm2.material.io
- What is Accessibility? — updated 2026 | IxDFinteraction-design.org
- Web Interface Guidelinesinterfaces.rauno.me