Provide titles for iframes and frames
SkillMediaFrame-title is a skill for reviewing rendered HTML, interactive components, and design-system patterns related to Provide titles for iframes and frames. It guides an AI agent through checking that each iframe and frame element carries a non-empty, descriptive title attribute, so assistive-technology users can identify and skip embedded content such as ads or widgets.
Available today. Use it from your connected AI after setup.
No other account needed.
Have a skill-capable AI agent set up with the frame-title skill available.
Then ask your AI: use the Provide titles for iframes and frames skill
What your AI can do with it
- Confirms each iframe and frame element has a non-empty, descriptive title attribute
- Checks native HTML semantics first when reviewing frames
- Inspects keyboard behavior of embedded frames
- Reviews focus flow across frames and iframes
- Verifies accessible names on frame elements
- Checks screen-reader output where relevant
Getting started
- Have a skill-capable AI agent set up with the frame-title skill available.
- Prepare the rendered HTML, interactive component, or design-system pattern that uses iframes or frames.
- Ask the agent to review the page or component for frame titles.
- Review the agent's findings on title attributes, keyboard behavior, focus flow, and screen-reader output.
What this skill tells your AI
The instructions your AI receives, as published by thedaviddias/front-end-checklist in skills/frame-title/SKILL.md and read by ahel’s review.
Frame titles allow users of assistive technology to quickly understand the content of an iframe without having to navigate into it, which is crucial for navigation and orientation.
Quick Reference
- Add a descriptive
titleattribute to every<iframe> - Ensure titles clearly describe the frame's content
- Helps screen reader users navigate between frames
Check
Verify that all and elements have a non-empty 'title' attribute.
Fix
Add a descriptive 'title' attribute to the tag that explains what the embedded content is.
Explain
Explain how frame titles help screen reader users identify and bypass embedded content like advertisements or social media widgets.
Code Review
Review the rendered markup and interactive states that affect Provide titles for iframes and frames. Flag exact elements, roles, labels, focus behavior, or keyboard interactions that violate the rule, and note how to verify the fix with browser accessibility tooling or assistive tech.
For full implementation details, code examples, and framework-specific guidance,
see references/rule.md.
Rule page: https://frontendchecklist.io/en/rules/accessibility/frame-title
Signals
- GitHub stars
- 74k
- Forks
- 7k
- Last commit
- Aug 2026
Questions
- What does frame-title check?
- It reviews HTML to confirm each iframe and frame element carries a non-empty, descriptive title attribute, checking native semantics first, then keyboard behavior, focus flow, accessible names, and screen-reader output.
- Why do frames need titles?
- Frame titles let assistive-technology users identify and skip embedded content such as ads or widgets.
- When should the skill be used?
- Use it when reviewing rendered HTML, interactive components, or design-system patterns that involve iframes or frames.
Advanced
- Item type
- skill
- Key
frame-title- Source
- github.com/thedaviddias/front-end-checklist