<iframe> element with interactive elements does not have a negative
This rule tests conformance of the following accessibility requirements:
- The test target does not have a negative
This rule assumes that interactive content inside
<iframe> elements is used to provide functionality. If the interactive content does not provide functionality, for example a button that does nothing when clicked, success criterion 2.1.1 may be satisfied, even if the rule is failed.
There are no major accessibility support issues known for this rule.
tabindex attribute of an
<iframe> element to a negative value effectively excludes its content from the tab-order of the page. An element may be in the tab-order of an
<iframe>, but if the
<iframe> itself is taken out of the tab-order, the element is effectively keyboard inaccessible.
Each document, including documents inside an
<iframe>, has its own sequential focus navigation order. These focus orders are combined to get the page's global tab-order (called the flattened tabindex-ordered focus navigation scope). For an
<iframe> with a negative
tabindex, its sequential focus navigation order is not included in the page's global tab-order (as a consequence for the rules to build the tabindex-ordered focus navigation scope).
<iframe srcdoc="<a href='/'>Home</a>"></iframe>
<iframe tabindex="0" srcdoc="<a href='/'>Home</a>"></iframe>
<iframe tabindex="-1" srcdoc="<a href='/'>Home</a>"></iframe>
<iframe tabindex="-1" srcdoc="<h1>Hello world</h1>"></iframe>
<iframe tabindex="-1" srcdoc="<a href='/' tabindex='-1'>Home</a>"></iframe>
<iframe tabindex="-1" width="1" height="1" srcdoc="<a href='/'>Home</a>" ></iframe>
This document includes material copied from or derived from https://www.w3.org/WAI/standards-guidelines/act/rules/akn7bn/proposed/. Copyright © 2023 W3C® (MIT, ERCIM, Keio, Beihang).