Make videos accessible with captions
SkillWeb & browsingvideo-accessibility is a skill for AI agents that checks video-related HTML for captions and accessibility issues. It is used when reviewing templates, rendered HTML, or shared components related to making videos accessible with captions. The skill validates the final browser-facing markup, not just the source framework abstraction, so problems are caught before they ship.
Use Make videos accessible with captions in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add Make videos accessible with captions and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use the Make videos accessible with captions skill
Details
Instructions available. Your AI can read the instructions. Execution depends on the setup they require.
Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.
No other account needed.
Have an AI agent that can load and run skills.
What your AI can do with it
- Check video elements in rendered HTML for caption tracks
- Review templates and shared components for video accessibility
- Validate browser-facing markup instead of framework abstractions
- Identify missing or misconfigured caption markup before release
Getting started
- Have an AI agent that can load and run skills.
- Add the video-accessibility skill to that agent.
- Point the agent at the templates, rendered HTML, or shared components you want reviewed.
- Ask the agent to check the video-related markup for captions and accessibility issues.
What this skill tells your AI
The instructions your AI receives, as published by thedaviddias/front-end-checklist in skills/video-accessibility/SKILL.md and read by ahel’s review.
Videos without captions exclude deaf and hard-of-hearing users, while videos without audio descriptions exclude blind users from understanding visual content.
Quick Reference
- Always provide accurate closed captions (not auto-generated)
- Include audio descriptions for visual content
- Provide text transcripts as an alternative
- Never autoplay videos with sound
Check
Verify videos have accurate closed captions (not auto-generated), audio descriptions for visual content, transcripts, keyboard-accessible pause controls, and no autoplay. Confirm spacebar pauses video without scrolling the page.
Fix
Add track elements for captions and audio descriptions, provide text transcripts, implement global pause controls, disable autoplay, and ensure media controls are keyboard accessible with proper focus management.
Explain
Explain how captions help deaf and hard-of-hearing users, audio descriptions help blind users understand visual content, and pause controls help users with cognitive disabilities who find autoplay disorienting.
Code Review
Review templates, server-rendered HTML, and shared components that output markup related to Make videos accessible with captions. Flag exact elements, attributes, and routes where the rendered HTML violates the rule.
For full implementation details, code examples, and framework-specific guidance,
see references/rule.md.
Rule page: https://frontendchecklist.io/en/rules/html/video-accessibility
Signals
- GitHub stars
- 74k
- Forks
- 7k
- Last commit
- Oct 2026
Questions
- What kind of tool is video-accessibility?
- It is a skill for AI agents. It checks video-related HTML for captions and accessibility issues when reviewing templates, rendered HTML, or shared components.
- What does it validate?
- It validates the final browser-facing markup, not just the source framework abstraction.
- When should I use it?
- Use it when reviewing templates, rendered HTML, or shared components related to making videos accessible with captions.
- Does it check the source framework code?
- It focuses on the final browser-facing markup rather than the source framework abstraction.
- Can it fix the issues it finds?
- The skill checks for captions and accessibility issues. It does not state that it applies fixes.
Advanced
- Item type
- skill
- Key
video-accessibility- Source
- github.com/thedaviddias/front-end-checklist
github.com/thedaviddias/front-end-checklist
More in Web & browsing
Skill · browser-use
More in Web & browsingwebapp-testing
Skill · anthropics
More in Web & browsingplaywright-cli
Skill · microsoft
More in Web & browsingbenchmark
Skill · affaan-m
More in Web & browsingopen-source
Skill · browser-use
More in Web & browsingimpeccable
Skill · pbakaus
More in Web & browsing