Non-Conformance Demo for WCAG 2.1 & WCAG 2.2 Success Criterion 2.1.1 Keyboard (Level A)

2.1.1 Non-Conformance Shown with Non-Technical Explanation

Hovering will highlight this paragraph in yellow.

Use of hover is not in and of itself non-conforming. However, hovering is a mouse-only function and no keyboard equivalent has been added.

2.1.1 Non-Conformance CSS Markup and Technical Details

p.colorchange:hover {background-color:#yellow;}