Accessibility failures

This page contains intentional accessibility failures for demonstration purposes. Each failure refers back to the relevant Web Content Accessibility Guidelines version 2.2 success criterion.

Hidden element containing focusable elements

A navigational menu which is hidden from assistive technology but contains focusable elements. This fails 4.1.2 Name, Role, Value according to Axe.

Tablist

A tablist which contains a tab (which is allowed) and a tabpanel (which isn't). This fails 1.3.1 Info and Relationships according to Axe.

Target size

Some of the following buttons fail 2.5.8 Target Size.

However, these pass because of the Spacing exception

and these pass because they're in a sentence:

Intersecting target

This example shows a button contained within a link (the entire box surrounding sections 1, 2 and 3). It fails Target Size because the button is less than 24 pixels high, and its circle intersects the link behind it. This fails despite the centres of the link and button being more than 24px apart on a standard laptop screen, because the success criterion says that circles must not intersect other targets (as well as other circles).

The following box is a link.