Manual Test Cases for Target Size - Tests 1585 & 1586
Test 1585: Target size smaller than 24x24 CSS pixels (WCAG 2.2 Level AA)
Test 1586: Target size smaller than 44x44 CSS pixels (WCAG 2.2 Level AAA)
Elements are outlined to help visualize their actual size.
The following logic is applied for both 24x24 and 44x44 pixel threshold:
Two-Tier Size Classification:
- 24px threshold: elements with min dimension (either width or height) < 24px are considered smaller than 24px
- 44px threshold: elements with min dimension < 44px (but >= 24px) are considered as smaller than 44px
- Elements with min dimension >= 44px are not considered small
- Some elements might pass for Test 1585 but at the same time fail for Test 1586
Min Dimension Strategy:
- Size determination is based on the shorter of height or width, not both dimensions or area
- This means a 10x100 element would be evaluated based on 10 (the min), not the 100px dimension
TEST 1585 - 24x24 Pixel Threshold (WCAG 2.2 Level AA)
N/A Tests - Should Not Be Tested
Non-interactive span element (no role)
test
Hidden interactive element (display:none)
Note: Button is hidden with display:none
Disabled form control
PASS Tests - Interactive Elements >= 24x24 pixels
Button element with size >= 24x24
Element with role="button" and size >= 24x24
test
Link with href and size >= 24x24
Link
Input element with size >= 24x24
Element with exactly 24x24 pixels (meets threshold)
FAIL Tests - Interactive Elements < 24x24 pixels
Element with role="tab" and size 20x30 (width > 24)
Element with role="option" and size 12x50 (width > 24)
Select element with size 18x50 (width > 24)
Element with height < 24 but width >= 24 (10x50)
Element with width < 24 but height >= 24 (50x10)
Button element with size < 24x24 (10x10)
Element with role="button" and size < 24x24 (10x10)
test
Element with role="checkbox" and size < 24x24 (15x15)
Check
Element with role="link" and size < 24x24 (20x20)
Link
Element with role="menuitem" and size < 24x24 (18x18)
Element with role="radio" and size < 24x24 (16x16)
Radio
Element with role="switch" and size < 24x24 (22x22)
Element with tabindex="0" and size < 24x24 (10x10)
Focusable
Element with tabindex="1" and size < 24x24 (15x15)
Focusable
Link with href and size < 24x24 (10x10)
X
Input element with size < 24x24 (20x20)
Checkbox input with size < 24x24 (15x15)
Textarea element with size < 24x24 (20x20)
Details element with size < 24x24 (15x15)
X
Content
Element with exactly 23x23 pixels (just under threshold)
Multiple small interactive elements (3 failures)
Mix of passing and failing elements (1 failure)
PASS Tests - All Role Types with Proper Size
All interactive roles with size >= 24x24 (30x30)
Button
Checkbox
Link
MenuItem
Option
Radio
Switch
Tab
TEST 1586 - 44x44 Pixel Threshold (WCAG 2.2 Level AAA)
N/A Tests - Should Not Be Tested
Non-interactive span element (no role)
test
Hidden interactive element (display:none)
Note: Button is hidden with display:none
Disabled form control
PASS Tests - Interactive Elements >= 44x44 pixels
Button element with size >= 44x44
Element with role="button" and size >= 44x44
test
Link with href and size >= 44x44 (50x50)
Link
Input element with size >= 44x44 (45x45)
Element with role="tab" and size 20x50 (width > 44)
Element with exactly 44x44 pixels (meets threshold)
Element with role="option" and size 12x50 (width > 44)
Select element with size 18x50 (width > 44)
Element with height < 44 but width >= 44 (10x50)
Element with width < 44 but height >= 44 (50x10)
FAIL Tests - Interactive Elements < 44x44 pixels
Button element with size < 44x44 (30x30)
Element with role="button" and size < 44x44 (30x30)
test
Element with role="checkbox" and size < 44x44 (35x35)
Check
Element with role="link" and size < 44x44 (30x30)
Link
Element with role="menuitem" and size < 44x44 (28x28)
Element with role="radio" and size < 44x44 (26x26)
Radio
Element with role="switch" and size < 44x44 (32x32)
Element with tabindex="0" and size < 44x44 (30x30)
Focusable
Element with tabindex="1" and size < 44x44 (35x35)
Focusable
Link with href and size < 44x44 (30x30)
X
Input element with size < 44x44 (30x30)
Checkbox input with size < 44x44 (35x35)
Textarea element with size < 44x44 (30x30)
Details element with size < 44x44 (35x35)
X
Content
Element with exactly 43x43 pixels (just under threshold)
Multiple small interactive elements (3 failures)
Mix of passing and failing elements (1 failure)
PASS Tests - All Role Types with Proper Size
All interactive roles with size >= 44x44 (50x50)
Button
Checkbox
Link
MenuItem
Option
Radio
Switch
Tab