Iframe Negative Tabindex Attribute Check

Description

The “Iframe Negative Tabindex Attribute Check” evaluates whether all <iframe> elements with a tabindex="-1" attribute (which removes it from the tab order) do not contain interactive elements.

Example outcome

I noticed that there are no interactive elements inside <iframe> elements with a negative tabindex attribute.

Impact

• Visual Impairments: Screen readers may not reach the content if not programmatically reachable.
• Motor Impairments: Users can’t tab into the iframe to access forms, buttons, etc.
• Cognitive Disabilities: Individuals with cognitive disabilities can’t complete tasks (like submitting a form) if navigation is blocked.

Fixes

To address <iframe> elements with an inappropriate negative tabindex attribute:

1. Locate the <iframe> element with an inappropriate negative tabindex attribute.
2. Remove the negative tabindex from the element.

Resources

• WCAG 2.2: Understanding Success Criteria 2.1.1
• WCAG 2.2 Techniques: Technique G202: Ensuring keyboard control for all functionality
• WebAIM: Creating Accessible Frames and Iframes