RAWEBA
10.14 On each web page, can additional content that appears using CSS styles only be made visible using the keyboard and any pointing device?
- WCAG references
- 2.1.1 Keyboard (A)
- Techniques
- G202
Official methodology to test criterion 10.14
Test 1 (10.14.1)
- Find additional content in the document that becomes visible when a user interface component is hovered using a CSS mechanism (
pseudo-class :hover). - For each additional content, check that the additional content also appears
- When the component is activated using the keyboard or any other pointing device.
- When the component is focused.
- When another component is activated or focused.
- If this is the case for each additional content item, the test is validated.
Test 2 (10.14.2)
- Find in the document the additional content that becomes visible when the focus of a user interface component is activated using a CSS mechanism (pseudo-class
:focus). - For each additional content item, check that the additional content also appears:
- When the component is activated using the keyboard or any other pointing device.
- When the component is hovered over.
- When another component is activated or hovered over.
- If this is the case for each additional content item, the test is validated.