Inappropriate Iframe Negative Tabindex Attribute Check

Description

The “Inappropriate Iframe Negative Tabindex Attribute Check” evaluates whether any <iframe> element with a tabindex="-1" attribute (which removes it from the tab order) contains an interactive element.

Example outcome

I identified 1 <iframe> element with a negative tabindex that includes interactive elements.

Impact

• Visual Impairments: Screen reader users may not be able to access iframe content.
• Motor Impairments: Users can’t tab into the iframe to interact with buttons/forms.

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