Accessibility: WCAG 2.2 AA – Touch Targets Require Sufficient Size & Spacing

Touch targets must be at least 24 by 24 CSS pixels in size.

Size is computed by taking the largest unobscured area of the touch target. If the size of the target is insufficient, then it must be possible to draw a virtual circle centered on the target with a diameter of 24 pixels that does not intersect any other targets, nor any of the circles on other undersized targets.

How to Analyse in the SEO Spider

To populate this filter ‘Accessibility’ must be enabled via ‘Config > Spider > Extraction’ and ‘JavaScript rendering’ mode via ‘Config > Spider > Rendering’.

View URLs with this issue in the ‘Accessibility’ tab and ‘Touch Targets Require Sufficient Size & Spacing’ filter.

Use the lower ‘Accessibility Details’ tab to click on the issue on the left-hand side, and see details of the location on the page of the violation on the right-hand side.

Bulk export the pages and details of the accessibility violations via ‘Bulk Export > Accessibility > All Violations’.

What Triggers This Issue

Please view the Deque University website further reading link below for ruleset triggers.

How To Fix

Ensure touch targets have sufficient size and space.