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
False-Positive Exceptions (ENG-1585 CR fixes):
WCAG 2.5.8 "Inline" exception: a <a>/role="link" element is exempt from both the 24px and 44px thresholds when its size is dictated by surrounding sentence or list-item text (e.g. a link mid-paragraph, or a link sharing a list item with other descriptive text) — the author doesn't control that target's size directly. A link that is the sole content of a bare <p>/<li> (no other text) does NOT get the exception — that's the standalone nav/footer link pattern, which should still be flagged.
Unresolved lazy-loaded image: an element (or a descendant <img>) that has a data-src attribute while src is still empty or a placeholder data: URI is exempt — the engine's dimension snapshot was taken before the real image finished loading, so the collapsed box isn't the element's real rendered size. Once the image resolves to a real src, or if there's no data-src at all, this exception does not apply.
TEST 1585 - 24x24 Pixel Threshold (WCAG 2.2 Level AA)
Area element with href (size cannot be determined from CSS)
Note: area[href] is included in the tested set but CSS computed dimensions are not available for area elements — always passes. Coords-based size detection is a known limitation.
WCAG 2.5.8 Inline / List-Item Link Exception
Exempt from BOTH 1585 (24px) and 1586 (44px) — the link's size is dictated by surrounding text, not the author's choice of control size.
PASS (exempt): small link mid-sentence in a <p> of running text
Note: matches the standard standalone nav/footer link pattern — must still be flagged.
FAIL (guard): small button mid-sentence (exception is links-only)
Click to continue.
Note: WCAG 2.5.8's inline exception only covers links, not buttons/checkboxes/etc.
Unresolved Lazy-Loaded Image Heuristic
Exempt from BOTH 1585 (24px) and 1586 (44px) — the engine's dimension snapshot was captured while the real image was still on a lazy-load placeholder, so the collapsed box isn't the element's real rendered size. Root cause of the original avada.website false positives on this ticket.
PASS (exempt): small link wrapping an unresolved lazy image (data-URI placeholder)
PASS (exempt): small link wrapping an unresolved lazy image (empty placeholder src)
FAIL (guard): small link wrapping a normal (non-lazy) image
Note: no data-src attribute at all — not a lazy image, must still be flagged.
FAIL (guard): small link wrapping a lazy image that has already resolved to a real src
Note: src is no longer a placeholder — the image has resolved, must still be flagged.
TEST 1586 - 44x44 Pixel Threshold (WCAG 2.2 Level AAA)
Area element with href (size cannot be determined from CSS)
Note: area[href] is included in the tested set but CSS computed dimensions are not available for area elements — always passes. Coords-based size detection is a known limitation.
