Accessibility Beyond Checklists
Axe checks rules. CBrowser simulates real users.
11 disability personas. Mobile device testing. Perceptual transport scoring. The gap between WCAG compliance and real-world use.
WCAG Compliance Does Not Equal Accessibility
You pass every axe scan. Your Lighthouse score is 98. But users with motor tremors still cannot finish checkout. Here is why.
Axe says your button has an aria-label. It cannot tell you a user with tremors needs 3 tries to hit it. Rules check markup. CBrowser simulates behavior.
A 38px button passes desktop testing. On an iPhone 15, it fails WCAG 2.5.8. Without real device viewports, you test the wrong surface.
Above-the-fold might be perfect. Scroll down and the footer has 2:1 contrast links. Scope controls whether you get a landing page score or a full audit score.
11 Disability Personas
Seven disability personas simulate real physical and cognitive barriers. Four general personas cover behavior patterns that make those barriers worse.
Hand tremors, reduced click precision, needs larger tap targets
motor-impairment-tremorUses screen magnification, reduced visual field, needs high contrast
low-vision-magnifiedAge-related vision loss, slower processing, cautious interaction
elderly-low-visionRed-green color blindness, needs non-color cues
color-blind-deuteranopiaLow tech confidence, high anxiety, needs clear guidance
cautious-first-timerLow patience, fast processing, expects quick workflows
impatient-power-userHigh info need, thorough, reads everything before acting
analytical-researcherDistracted, on-the-go, needs scannable content and large targets
mobile-multitaskerMobile WCAG Testing
NewPass device="mobile" to test with real mobile viewport sizes. Touch targets, responsive layouts, and viewport-specific barriers behave differently on phones.
Touch Target Validation
WCAG 2.5.8 requires 44x44px minimum. Mobile viewports expose small targets that pass on desktop.
Responsive Layout Barriers
Hamburger menus, stacked layouts, and content reflow create barriers you cannot see on desktop.
Device Presets
Test with generic "mobile" or pick a device: iPhone 15, Pixel 7, iPad. Each uses real viewport sizes.
empathy_audit( url: "https://example.com/checkout", goal: "complete purchase", disabilities: ["motor-impairment-tremor"], device: "iPhone 15", scope: "full_page", wcagLevel: "AA" )
Scope Control
Two modes for two different questions. Use both for the full picture.
Tests only what users see on first load without scrolling. Best for landing pages and first impressions.
Use when: Improving conversion pages, testing hero sections, measuring initial attention.
Scrolls through the entire page, testing every element. Required for WCAG audits where every element must pass.
Use when: Running compliance audits, pre-launch reviews, or checking legal requirements.
Perceptual Transport Scoring
Standard accessibility testing checks whether elements exist. Perceptual transport measures how much information each persona actually loses when viewing your page.
CBrowser captures your page, then applies persona-specific visual filters. Blur for low vision. Color shifts for color blindness. Contrast reduction for elderly users.
It computes the Wasserstein distance (optimal transport) between the original and filtered views. This gives one number measuring actual information loss, not just rule violations.
A motor-impaired user might see 100% of visual info but face 100% motor cost. A color-blind user loses 1.1% of visual info but has 0% motor cost. Same page, totally different accessibility profiles.
Example Output
Each audit returns barriers with WCAG references, severity levels, specific elements, and step-by-step fix instructions.
{
"persona": "motor-impairment-tremor",
"url": "https://example.com/checkout",
"device": "mobile",
"scope": "full_page",
"empathy_score": 31,
"barriers": [
{
"severity": "critical",
"element": "button.submit-order",
"wcag": "2.5.8 Target Size",
"issue": "Touch target 32x28px, minimum 44x44px",
"impact": "Motor-impaired users miss tap on 67% of attempts",
"fix": "Add padding: min-height 44px, min-width 44px"
},
{
"severity": "high",
"element": "input.promo-code",
"wcag": "2.5.5 Target Size (Enhanced)",
"issue": "Input field 36px height on mobile viewport",
"impact": "Repeated failed taps cause frustration spiral",
"fix": "Set min-height: 44px on all form inputs"
}
],
"wcag_violations": [
{ "criterion": "1.4.3", "level": "AA", "count": 3 },
{ "criterion": "2.5.8", "level": "AA", "count": 7 }
],
"perceptual_transport": {
"information_loss": "0%",
"motor_cost": "100%",
"cognitive_load": "30%",
"wasserstein_distance": 0.0
}
}Tools Used
empathy_auditSimulates a disability persona using your site. Returns barriers, WCAG violations, and an empathy score from 0 to 100.
agent_ready_auditGrades your site on structural access: ARIA labels, semantic HTML, keyboard navigation, and machine readability.
attention_analysisCreates attention heatmaps showing where each persona actually looks vs. where key content sits.
Audit Your Site With Real Personas
Run an empathy audit with a motor-tremor persona on mobile. See barriers that axe scans cannot detect.
Audit Your SiteRelated Capabilities
Choose Your Plan
Start free. Upgrade when you need mobile device testing, full-page scope, per-site analytics, and more.
$0/month
- 38 MCP tools
- 1 site, 50 credits/month
- Viewport-only analysis
- Mobile device emulation
- Full-page WCAG scope
- 11 disability personas
$49.99/month
- 97 MCP tools (all cognitive + visual)
- 1 site + 2,000 credits/month
- Viewport + full-page scope
- Mobile/tablet device emulation
- Analytics dashboard + CSV/PDF export
- Mobile device emulation
- Full-page WCAG scope
- 11 disability personas
Custom
- 120 tools (marketing + stealth + security)
- 10 sites + 10,000 credits/month
- Geo proxy testing (12 regions)
- SSO/OAuth integration
- Mobile device emulation
- Full-page WCAG scope
- 11 disability personas