Touch Target & Responsive Test
Test page to verify WCAG 2.5.5 compliant touch targets (44x44px minimum on mobile)
Instructions: Resize browser to 375px width (iPhone SE) to test mobile touch targets
Skip Link (Tab to test - should appear at top-left)
Press Tab key to focus the skip link. It should appear with minimum 44x44px touch target.
Expected: Hidden until focused, then visible with 44x44px minimum
Navigation Links (genesis-synapse('navigate'))
Expected: 44x44px minimum on mobile (375px)
Social Links (genesis-synapse('social'))
Expected: 44x44px minimum on mobile (375px)
Execute Buttons (genesis-synapse('execute'))
Expected: 44x44px minimum on mobile (375px)
Typography Sizes
Axiom (Headline)
The Future of AI
Expected: 32px minimum on mobile
Discourse (Body)
This is standard body text that should be comfortable to read on all devices.
Expected: 16px minimum on mobile
Gloss (Small Text)
Small annotation or citation text for additional context
Expected: 14px minimum on mobile
Quantum (Tags)
TAG
LABEL
Expected: 12px on mobile (acceptable for tags)
Mobile Menu Toggle (from header)
Expected: 44x44px minimum on mobile
Viewport Width:
--px