Non-Conformance Demo for WCAG 2.1 Success Criterion Success 1.4.13 Content on Hover or Focus (Level AA)

1.4.13 Non-Conformance Shown with Non-Technical Explanation

Content which can be hovered over or on which focus can be placed to trigger a tooltip. The tooltip can be be removed by removing hover or focus. Keyboard users should be able to use the Escape key to remove the tooltip.

Coding for this example adopted and adapted from W3Schools CSS Tooltip.

1.4.13 Non-Conformance Shown with Technical Explanation

No specific markup for this example because the absence of JavaScript markup that allows use of the escape key to remove the tooltip is the important factor.