WCAG 2.5.8 Target Size Test Examples

Should Pass - Examples of targets that are not Cramped

✅ Passes - Adequate Size and Spacing

This is filler text between test cases.

Custom Button

|

✅ Passes - Mini Calculator Layout

Compact calculator buttons:

✅ Passes - Inline Exception

Click this link to see inline target exception.

Inline targets are exempt from size requirements

Text with embedded.

List item with small link inside
Another inline control example

✅ Passes - Spacing Exception

→ 24px+ spacing →

C

Small Controls Demo

Custom Small

✅ Passes - Not Interactive

Non-interactive elements are ignored

Not Clickable

✅ Passes - Even though the targets are small the presence of gaps provides enough spacing

✅ Passes - Star Rating Widget with gap elements

Interactive star rating (too small):

spacer

❌ Should Fail - Examples of cramped targets

❌ Fails - These buttons trigger failures by bing to cramped:

❌ Fails - The elements connected to this block, are absolutely clustered at top left of the document

❌ Fails - Mobile Menu Icons

❌ Fails - Cramped Form Elements

Tightly packed form controls:

❌ Fails - Social Icons Row

❌ Fails - Compact Pagination

❌ Fails - Star Rating Widget

❌ Fails - Editor Toolbar

❌ Fails - Small Target Adjacent to Large Target

Small button next to large button should still fail:

Shadow DOM Test Examples

❌ Shadow DOM Failing Examples

Failed Shadow DOM Test 1

Failed Shadow DOM Test 2

Failed Shadow DOM Test 3

✅ Shadow DOM Passing Examples

Passed Shadow DOM Test 1

Passed Shadow DOM Test 2