cbrowser 18.63.0 → 18.63.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/docs/ASSESSMENT.md +0 -132
- package/docs/AUTH0-SETUP.md +0 -207
- package/docs/COGNITIVE-OPTIMAL-TRANSPORT-RESEARCH.md +0 -238
- package/docs/DEMO-DEPLOYMENT.md +0 -177
- package/docs/ENTERPRISE-INTEGRATION.md +0 -250
- package/docs/GETTING-STARTED.md +0 -232
- package/docs/INSTALL.md +0 -274
- package/docs/MCP-INTEGRATION.md +0 -301
- package/docs/METHODOLOGY.md +0 -276
- package/docs/PERSONA-QUESTIONNAIRE.md +0 -328
- package/docs/README.md +0 -45
- package/docs/REMOTE-MCP-SERVER.md +0 -569
- package/docs/SECURITY_WHITEPAPER.md +0 -475
- package/docs/STRESS-TEST-v16.14.4.md +0 -241
- package/docs/Tool-Cognitive-Journey-Autonomous.md +0 -270
- package/docs/Tool-Competitive-Benchmark.md +0 -293
- package/docs/Tool-Empathy-Audit.md +0 -331
- package/docs/Tool-Hunt-Bugs.md +0 -305
- package/docs/Tool-Marketing-Campaign.md +0 -298
- package/docs/Tool-Persona-Create.md +0 -274
- package/docs/Tools-Accessibility.md +0 -208
- package/docs/Tools-Browser-Automation.md +0 -311
- package/docs/Tools-Cognitive-Journeys.md +0 -233
- package/docs/Tools-Marketing-Intelligence.md +0 -271
- package/docs/Tools-Overview.md +0 -162
- package/docs/Tools-Persona-System.md +0 -300
- package/docs/Tools-Session-State.md +0 -278
- package/docs/Tools-Testing-Quality.md +0 -257
- package/docs/Tools-Utilities.md +0 -182
- package/docs/Tools-Visual-Performance.md +0 -278
- package/docs/hunt-bugs-coverage.md +0 -103
- package/docs/personas/Persona-ADHD.md +0 -141
- package/docs/personas/Persona-ElderlyUser.md +0 -137
- package/docs/personas/Persona-FirstTimer.md +0 -137
- package/docs/personas/Persona-ImpatientUser.md +0 -138
- package/docs/personas/Persona-Index.md +0 -302
- package/docs/personas/Persona-LowVision.md +0 -139
- package/docs/personas/Persona-MobileUser.md +0 -139
- package/docs/personas/Persona-MotorTremor.md +0 -139
- package/docs/personas/Persona-PowerUser.md +0 -135
- package/docs/personas/Persona-ScreenReaderUser.md +0 -139
- package/docs/research/Bibliography.md +0 -275
- package/docs/research/Research-Methodology.md +0 -244
- package/docs/research/Values-Research.md +0 -432
- package/docs/traits/Trait-AnchoringBias.md +0 -227
- package/docs/traits/Trait-AttributionStyle.md +0 -280
- package/docs/traits/Trait-AuthoritySensitivity.md +0 -141
- package/docs/traits/Trait-ChangeBlindness.md +0 -171
- package/docs/traits/Trait-Comprehension.md +0 -180
- package/docs/traits/Trait-Curiosity.md +0 -189
- package/docs/traits/Trait-EmotionalContagion.md +0 -144
- package/docs/traits/Trait-FOMO.md +0 -150
- package/docs/traits/Trait-Index.md +0 -166
- package/docs/traits/Trait-InformationForaging.md +0 -217
- package/docs/traits/Trait-InterruptRecovery.md +0 -249
- package/docs/traits/Trait-MentalModelRigidity.md +0 -228
- package/docs/traits/Trait-MetacognitivePlanning.md +0 -164
- package/docs/traits/Trait-Patience.md +0 -137
- package/docs/traits/Trait-Persistence.md +0 -165
- package/docs/traits/Trait-ProceduralFluency.md +0 -205
- package/docs/traits/Trait-ReadingTendency.md +0 -216
- package/docs/traits/Trait-Resilience.md +0 -162
- package/docs/traits/Trait-RiskTolerance.md +0 -162
- package/docs/traits/Trait-Satisficing.md +0 -181
- package/docs/traits/Trait-SelfEfficacy.md +0 -199
- package/docs/traits/Trait-SocialProofSensitivity.md +0 -155
- package/docs/traits/Trait-TimeHorizon.md +0 -267
- package/docs/traits/Trait-TransferLearning.md +0 -249
- package/docs/traits/Trait-TrustCalibration.md +0 -227
- package/docs/traits/Trait-WorkingMemory.md +0 -192
|
@@ -1,274 +0,0 @@
|
|
|
1
|
-
> **This documentation is no longer maintained here.**
|
|
2
|
-
>
|
|
3
|
-
> For the latest version, please visit: **[Creating Custom Personas](https://cbrowser.ai/docs/Tool-Persona-Create)**
|
|
4
|
-
|
|
5
|
-
---
|
|
6
|
-
|
|
7
|
-
# Creating Custom Personas
|
|
8
|
-
|
|
9
|
-
**Build personas that match your actual users, not generic archetypes.**
|
|
10
|
-
|
|
11
|
-
CBrowser's persona creation tools let you build custom cognitive profiles from scratch — either by answering a research-backed questionnaire or by describing the person in natural language. Your custom personas behave consistently across all cognitive journey and testing tools.
|
|
12
|
-
|
|
13
|
-
---
|
|
14
|
-
|
|
15
|
-
## Two Ways to Create Personas
|
|
16
|
-
|
|
17
|
-
### 1. Description Mode (Fast)
|
|
18
|
-
|
|
19
|
-
Describe the persona in natural language, AI infers the traits.
|
|
20
|
-
|
|
21
|
-
```json
|
|
22
|
-
// Step 1: Start creation
|
|
23
|
-
{
|
|
24
|
-
"tool": "persona_create_start",
|
|
25
|
-
"params": {
|
|
26
|
-
"mode": "description",
|
|
27
|
-
"name": "enterprise-cto"
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
// Step 2: Provide description
|
|
32
|
-
{
|
|
33
|
-
"tool": "persona_create_from_description",
|
|
34
|
-
"params": {
|
|
35
|
-
"sessionId": "create_abc123",
|
|
36
|
-
"description": "CTO at a Fortune 500 company. Extremely time-constrained, delegates evaluation to team. Only looks at executive summaries and security certifications. Skeptical of vendors, needs proof of enterprise customers. Won't read more than 2 paragraphs."
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
// Step 3: Review and submit
|
|
41
|
-
{
|
|
42
|
-
"tool": "persona_create_submit_traits",
|
|
43
|
-
"params": {
|
|
44
|
-
"sessionId": "create_abc123",
|
|
45
|
-
"traits": { /* reviewed/adjusted traits */ },
|
|
46
|
-
"save": true
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
```
|
|
50
|
-
|
|
51
|
-
---
|
|
52
|
-
|
|
53
|
-
### 2. Questionnaire Mode (Precise)
|
|
54
|
-
|
|
55
|
-
Answer research-backed questions to set exact trait values.
|
|
56
|
-
|
|
57
|
-
```json
|
|
58
|
-
// Step 1: Start creation
|
|
59
|
-
{
|
|
60
|
-
"tool": "persona_create_start",
|
|
61
|
-
"params": {
|
|
62
|
-
"mode": "questionnaire",
|
|
63
|
-
"name": "cautious-buyer"
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
// Step 2: Start questionnaire
|
|
68
|
-
{
|
|
69
|
-
"tool": "persona_create_questionnaire_start",
|
|
70
|
-
"params": {
|
|
71
|
-
"sessionId": "create_abc123",
|
|
72
|
-
"comprehensive": false // 8 core traits
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
// Step 3: Answer each question
|
|
77
|
-
{
|
|
78
|
-
"tool": "persona_create_questionnaire_answer",
|
|
79
|
-
"params": {
|
|
80
|
-
"sessionId": "create_abc123",
|
|
81
|
-
"answer": 2 // e.g., "Somewhat patient"
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
// Repeat for each question...
|
|
85
|
-
```
|
|
86
|
-
|
|
87
|
-
---
|
|
88
|
-
|
|
89
|
-
## The 25 Cognitive Traits
|
|
90
|
-
|
|
91
|
-
Custom personas are built from 25 research-validated traits:
|
|
92
|
-
|
|
93
|
-
### Tier 1: Core (7 traits)
|
|
94
|
-
|
|
95
|
-
| Trait | Low Value | High Value |
|
|
96
|
-
|-------|-----------|------------|
|
|
97
|
-
| **Patience** | Abandons quickly on any delay | Waits indefinitely |
|
|
98
|
-
| **Risk Tolerance** | Only clicks familiar things | Clicks anything |
|
|
99
|
-
| **Comprehension** | Misreads icons, confused by layout | Gets it instantly |
|
|
100
|
-
| **Persistence** | Gives up after first failure | Keeps trying forever |
|
|
101
|
-
| **Curiosity** | Direct path only | Explores everything |
|
|
102
|
-
| **Working Memory** | Forgets what they tried | Perfect recall |
|
|
103
|
-
| **Reading Tendency** | Scans for buttons | Reads every word |
|
|
104
|
-
|
|
105
|
-
### Tier 2: Emotional (4 traits)
|
|
106
|
-
|
|
107
|
-
| Trait | Low Value | High Value |
|
|
108
|
-
|-------|-----------|------------|
|
|
109
|
-
| **Resilience** | Derailed by any setback | Bounces back instantly |
|
|
110
|
-
| **Self-Efficacy** | "I can't figure this out" | "I can do anything" |
|
|
111
|
-
| **Trust Calibration** | Trusts nothing | Trusts everything |
|
|
112
|
-
| **Interrupt Recovery** | Loses all context | Picks up seamlessly |
|
|
113
|
-
|
|
114
|
-
### Tier 3: Decision-Making (5 traits)
|
|
115
|
-
|
|
116
|
-
| Trait | Low Value | High Value |
|
|
117
|
-
|-------|-----------|------------|
|
|
118
|
-
| **Satisficing** | First option works | Must find the best |
|
|
119
|
-
| **Information Foraging** | Takes what's offered | Hunts for more |
|
|
120
|
-
| **Anchoring Bias** | First price is the price | Compares extensively |
|
|
121
|
-
| **Time Horizon** | Only immediate benefits | Plans for future |
|
|
122
|
-
| **Attribution Style** | "It's my fault" | "It's their fault" |
|
|
123
|
-
|
|
124
|
-
### Tier 4: Planning (3 traits)
|
|
125
|
-
|
|
126
|
-
| Trait | Low Value | High Value |
|
|
127
|
-
|-------|-----------|------------|
|
|
128
|
-
| **Metacognitive Planning** | Dives in without plan | Plans every step |
|
|
129
|
-
| **Procedural Fluency** | Struggles with forms | Handles any workflow |
|
|
130
|
-
| **Transfer Learning** | Every site is new | Applies past experience |
|
|
131
|
-
|
|
132
|
-
### Tier 5: Perception (2 traits)
|
|
133
|
-
|
|
134
|
-
| Trait | Low Value | High Value |
|
|
135
|
-
|-------|-----------|------------|
|
|
136
|
-
| **Change Blindness** | Misses all changes | Notices everything |
|
|
137
|
-
| **Mental Model Rigidity** | Expects exact patterns | Adapts to variations |
|
|
138
|
-
|
|
139
|
-
### Tier 6: Social (4 traits)
|
|
140
|
-
|
|
141
|
-
| Trait | Low Value | High Value |
|
|
142
|
-
|-------|-----------|------------|
|
|
143
|
-
| **Authority Sensitivity** | Ignores credentials | Persuaded by authority |
|
|
144
|
-
| **Emotional Contagion** | Unaffected by tone | Mirrors page emotion |
|
|
145
|
-
| **FOMO** | Immune to urgency | Panics at countdown |
|
|
146
|
-
| **Social Proof Sensitivity** | Ignores reviews | Heavily influenced |
|
|
147
|
-
|
|
148
|
-
---
|
|
149
|
-
|
|
150
|
-
## Example: Creating "Skeptical Enterprise Buyer"
|
|
151
|
-
|
|
152
|
-
### Using Description Mode
|
|
153
|
-
|
|
154
|
-
```json
|
|
155
|
-
{
|
|
156
|
-
"description": "IT procurement manager at a healthcare company. Extremely risk-averse due to compliance requirements. Needs to see HIPAA certification, SOC 2 reports, and existing healthcare customers. Won't proceed without these. Takes notes on everything. Will read the fine print. Doesn't trust marketing language - wants technical docs."
|
|
157
|
-
}
|
|
158
|
-
```
|
|
159
|
-
|
|
160
|
-
**Inferred traits:**
|
|
161
|
-
- `riskTolerance`: 0.15 (very low)
|
|
162
|
-
- `trustCalibration`: 0.25 (skeptical)
|
|
163
|
-
- `readingTendency`: 0.85 (reads everything)
|
|
164
|
-
- `authoritySensitivity`: 0.80 (needs credentials)
|
|
165
|
-
- `socialProofSensitivity`: 0.70 (wants customer references)
|
|
166
|
-
- `patience`: 0.70 (thorough but not slow)
|
|
167
|
-
- `proceduralFluency`: 0.65 (handles enterprise forms)
|
|
168
|
-
|
|
169
|
-
---
|
|
170
|
-
|
|
171
|
-
### Using Questionnaire Mode
|
|
172
|
-
|
|
173
|
-
**Q1: When a website takes longer than expected to load, this person typically:**
|
|
174
|
-
- (1) Leaves immediately
|
|
175
|
-
- (2) Waits a few seconds then leaves
|
|
176
|
-
- (3) Waits patiently for about 10 seconds
|
|
177
|
-
- (4) Waits as long as it takes
|
|
178
|
-
→ Answer: 3 (patience = 0.6)
|
|
179
|
-
|
|
180
|
-
**Q2: When encountering an unfamiliar button or feature, this person:**
|
|
181
|
-
- (1) Never clicks anything unfamiliar
|
|
182
|
-
- (2) Rarely clicks unfamiliar elements
|
|
183
|
-
- (3) Sometimes explores new features
|
|
184
|
-
- (4) Clicks on everything to see what happens
|
|
185
|
-
→ Answer: 2 (riskTolerance = 0.25)
|
|
186
|
-
|
|
187
|
-
*Continue for all 8 core traits...*
|
|
188
|
-
|
|
189
|
-
---
|
|
190
|
-
|
|
191
|
-
## Using Custom Personas
|
|
192
|
-
|
|
193
|
-
Once created, use your persona anywhere:
|
|
194
|
-
|
|
195
|
-
```json
|
|
196
|
-
// In cognitive journeys
|
|
197
|
-
{
|
|
198
|
-
"tool": "cognitive_journey_init",
|
|
199
|
-
"params": {
|
|
200
|
-
"persona": "skeptical-enterprise-buyer",
|
|
201
|
-
"startUrl": "https://example.com/enterprise",
|
|
202
|
-
"goal": "Request a demo"
|
|
203
|
-
}
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
// In persona comparisons
|
|
207
|
-
{
|
|
208
|
-
"tool": "compare_personas",
|
|
209
|
-
"params": {
|
|
210
|
-
"personas": ["skeptical-enterprise-buyer", "startup-founder", "first-timer"],
|
|
211
|
-
"startUrl": "https://example.com/pricing",
|
|
212
|
-
"goal": "Understand pricing"
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
|
|
216
|
-
// In empathy audits
|
|
217
|
-
{
|
|
218
|
-
"tool": "empathy_audit",
|
|
219
|
-
"params": {
|
|
220
|
-
"personas": ["skeptical-enterprise-buyer"],
|
|
221
|
-
"task": "Find security documentation"
|
|
222
|
-
}
|
|
223
|
-
}
|
|
224
|
-
```
|
|
225
|
-
|
|
226
|
-
---
|
|
227
|
-
|
|
228
|
-
## Best Practices
|
|
229
|
-
|
|
230
|
-
### Be Specific
|
|
231
|
-
|
|
232
|
-
**Good**: "Financial advisor at a regional bank. 50s, uses technology but not an early adopter. Concerned about data security. Needs to justify purchases to compliance department."
|
|
233
|
-
|
|
234
|
-
**Bad**: "Business professional"
|
|
235
|
-
|
|
236
|
-
### Include Motivations
|
|
237
|
-
|
|
238
|
-
What does this person *want*? What are they *afraid of*? These inform trait values.
|
|
239
|
-
|
|
240
|
-
### Include Context
|
|
241
|
-
|
|
242
|
-
Job title, industry, company size, tech comfort level all help inference.
|
|
243
|
-
|
|
244
|
-
### Test and Iterate
|
|
245
|
-
|
|
246
|
-
Run a few journeys, see if the behavior matches expectations, adjust traits if needed.
|
|
247
|
-
|
|
248
|
-
---
|
|
249
|
-
|
|
250
|
-
## Trait Correlations
|
|
251
|
-
|
|
252
|
-
CBrowser applies research-based trait correlations automatically:
|
|
253
|
-
|
|
254
|
-
| If You Set... | These Also Adjust |
|
|
255
|
-
|---------------|-------------------|
|
|
256
|
-
| Low patience | ↓ Resilience, ↑ Satisficing |
|
|
257
|
-
| Low risk tolerance | ↓ Curiosity, ↑ Social proof need |
|
|
258
|
-
| Low comprehension | ↑ Reading tendency (compensating) |
|
|
259
|
-
| High FOMO | ↓ Time horizon |
|
|
260
|
-
|
|
261
|
-
This creates more realistic, internally consistent personas.
|
|
262
|
-
|
|
263
|
-
---
|
|
264
|
-
|
|
265
|
-
## Related Documentation
|
|
266
|
-
|
|
267
|
-
- [Persona Index](/docs/Persona-Index/) — Built-in personas
|
|
268
|
-
- [Trait Index](/docs/Trait-Index/) — Deep dives on each trait
|
|
269
|
-
- [Persona Questionnaire](/docs/Persona-Questionnaire/) — Full questionnaire reference
|
|
270
|
-
- [Values Framework](/docs/Values-Framework/) — Schwartz values and motivations
|
|
271
|
-
|
|
272
|
-
---
|
|
273
|
-
|
|
274
|
-
*Last updated: v17.6.0*
|
|
@@ -1,208 +0,0 @@
|
|
|
1
|
-
> **This documentation is no longer maintained here.**
|
|
2
|
-
>
|
|
3
|
-
> For the latest version, please visit: **[Accessibility Tools](https://cbrowser.ai/docs/Tools-Accessibility)**
|
|
4
|
-
|
|
5
|
-
---
|
|
6
|
-
|
|
7
|
-
# Accessibility Tools
|
|
8
|
-
|
|
9
|
-
**Experience your site through the eyes of someone who can't use a mouse.**
|
|
10
|
-
|
|
11
|
-
The `empathy_audit` tool simulates how people with disabilities actually experience your site — motor tremors that make clicking hard, low vision that requires zoom, ADHD that makes long forms impossible. This isn't a WCAG checklist. It's lived experience simulation.
|
|
12
|
-
|
|
13
|
-
---
|
|
14
|
-
|
|
15
|
-
## When to Use This Tool
|
|
16
|
-
|
|
17
|
-
- **You think your site is accessible** but you've only run automated checkers
|
|
18
|
-
- **You need to prioritize fixes** and want to know what actually impacts real users
|
|
19
|
-
- **You're building for an aging population** and need to understand their struggles
|
|
20
|
-
- **Compliance audits are coming** and you need to find issues before auditors do
|
|
21
|
-
|
|
22
|
-
---
|
|
23
|
-
|
|
24
|
-
## The Tool
|
|
25
|
-
|
|
26
|
-
### `empathy_audit`
|
|
27
|
-
|
|
28
|
-
**What it does**: Simulate disability personas navigating your site, detecting WCAG violations with the context of how they actually impact users.
|
|
29
|
-
|
|
30
|
-
**Why you'd use it**: Automated accessibility checkers find violations. This tool shows you which violations actually matter and what the experience feels like.
|
|
31
|
-
|
|
32
|
-
| Parameter | Type | Required | Description |
|
|
33
|
-
|-----------|------|----------|-------------|
|
|
34
|
-
| `url` | string | Yes | URL to audit |
|
|
35
|
-
| `personas` | array | No | Disability personas to simulate. Default: all |
|
|
36
|
-
| `task` | string | No | Specific task to attempt (e.g., "complete checkout") |
|
|
37
|
-
| `wcagLevel` | string | No | WCAG level: `A`, `AA`, `AAA`. Default: `AA` |
|
|
38
|
-
|
|
39
|
-
**Example**:
|
|
40
|
-
```json
|
|
41
|
-
{
|
|
42
|
-
"url": "https://example.com/signup",
|
|
43
|
-
"personas": ["motor-tremor", "low-vision", "cognitive-adhd"],
|
|
44
|
-
"task": "Create an account"
|
|
45
|
-
}
|
|
46
|
-
```
|
|
47
|
-
|
|
48
|
-
---
|
|
49
|
-
|
|
50
|
-
## Disability Personas
|
|
51
|
-
|
|
52
|
-
### `motor-tremor`
|
|
53
|
-
|
|
54
|
-
**Simulates**: Essential tremor, Parkinson's disease, or any condition affecting fine motor control.
|
|
55
|
-
|
|
56
|
-
**Behavioral Impact**:
|
|
57
|
-
- Struggles with small click targets (< 44px)
|
|
58
|
-
- Can't hover reliably for dropdown menus
|
|
59
|
-
- Needs keyboard navigation
|
|
60
|
-
- Frustrated by time-limited interactions
|
|
61
|
-
|
|
62
|
-
**WCAG Focus**: Target size (2.5.5), Keyboard accessible (2.1.1), No timing (2.2.3)
|
|
63
|
-
|
|
64
|
-
---
|
|
65
|
-
|
|
66
|
-
### `low-vision`
|
|
67
|
-
|
|
68
|
-
**Simulates**: Partial sight, macular degeneration, or conditions requiring magnification.
|
|
69
|
-
|
|
70
|
-
**Behavioral Impact**:
|
|
71
|
-
- Uses 200%+ zoom
|
|
72
|
-
- Loses context when zoomed in
|
|
73
|
-
- Needs high contrast
|
|
74
|
-
- Can't see small text or icons without labels
|
|
75
|
-
|
|
76
|
-
**WCAG Focus**: Reflow (1.4.10), Contrast (1.4.3), Text spacing (1.4.12)
|
|
77
|
-
|
|
78
|
-
---
|
|
79
|
-
|
|
80
|
-
### `cognitive-adhd`
|
|
81
|
-
|
|
82
|
-
**Simulates**: ADHD, attention difficulties, executive function challenges.
|
|
83
|
-
|
|
84
|
-
**Behavioral Impact**:
|
|
85
|
-
- Skims rapidly, misses key information
|
|
86
|
-
- Abandons long forms
|
|
87
|
-
- Distracted by animations/movement
|
|
88
|
-
- Needs clear visual hierarchy
|
|
89
|
-
|
|
90
|
-
**WCAG Focus**: Pause/stop (2.2.2), Error prevention (3.3.4), Consistent navigation (3.2.3)
|
|
91
|
-
|
|
92
|
-
---
|
|
93
|
-
|
|
94
|
-
### `dyslexia`
|
|
95
|
-
|
|
96
|
-
**Simulates**: Reading difficulties, letter/word recognition challenges.
|
|
97
|
-
|
|
98
|
-
**Behavioral Impact**:
|
|
99
|
-
- Struggles with dense text blocks
|
|
100
|
-
- Needs clear typography and spacing
|
|
101
|
-
- Misreads similar words
|
|
102
|
-
- Benefits from icons alongside text
|
|
103
|
-
|
|
104
|
-
**WCAG Focus**: Reading level (3.1.5), Line height (1.4.12), Clear fonts
|
|
105
|
-
|
|
106
|
-
---
|
|
107
|
-
|
|
108
|
-
### `deaf`
|
|
109
|
-
|
|
110
|
-
**Simulates**: Deaf or hard of hearing users.
|
|
111
|
-
|
|
112
|
-
**Behavioral Impact**:
|
|
113
|
-
- Can't access audio content without captions
|
|
114
|
-
- Misses audio alerts/notifications
|
|
115
|
-
- Relies entirely on visual information
|
|
116
|
-
- Needs sign language or text alternatives
|
|
117
|
-
|
|
118
|
-
**WCAG Focus**: Captions (1.2.2), Audio description (1.2.5), Visual alternatives (1.4.1)
|
|
119
|
-
|
|
120
|
-
---
|
|
121
|
-
|
|
122
|
-
### `color-blind`
|
|
123
|
-
|
|
124
|
-
**Simulates**: Color vision deficiency (protanopia, deuteranopia, tritanopia).
|
|
125
|
-
|
|
126
|
-
**Behavioral Impact**:
|
|
127
|
-
- Can't distinguish red/green, blue/yellow
|
|
128
|
-
- Misses color-coded information
|
|
129
|
-
- Needs patterns/labels in addition to color
|
|
130
|
-
- Confused by red/green status indicators
|
|
131
|
-
|
|
132
|
-
**WCAG Focus**: Use of color (1.4.1), Contrast (1.4.3)
|
|
133
|
-
|
|
134
|
-
---
|
|
135
|
-
|
|
136
|
-
## What the Audit Returns
|
|
137
|
-
|
|
138
|
-
```json
|
|
139
|
-
{
|
|
140
|
-
"persona": "motor-tremor",
|
|
141
|
-
"taskSuccess": false,
|
|
142
|
-
"abandonmentPoint": "Payment form - credit card expiry dropdown",
|
|
143
|
-
"timeToAbandon": 142,
|
|
144
|
-
"barriers": [
|
|
145
|
-
{
|
|
146
|
-
"type": "small-target",
|
|
147
|
-
"element": "#expiry-month",
|
|
148
|
-
"wcag": "2.5.5",
|
|
149
|
-
"severity": "critical",
|
|
150
|
-
"userImpact": "Cannot reliably click the 32px dropdown with tremor",
|
|
151
|
-
"remediation": "Increase target size to 44px minimum or provide keyboard alternative"
|
|
152
|
-
},
|
|
153
|
-
{
|
|
154
|
-
"type": "hover-dependent",
|
|
155
|
-
"element": ".nav-dropdown",
|
|
156
|
-
"wcag": "2.1.1",
|
|
157
|
-
"severity": "serious",
|
|
158
|
-
"userImpact": "Dropdown closes before user can move cursor into it",
|
|
159
|
-
"remediation": "Add click-to-open or increase hover delay"
|
|
160
|
-
}
|
|
161
|
-
],
|
|
162
|
-
"wcagViolations": 7,
|
|
163
|
-
"recommendations": [
|
|
164
|
-
"Add keyboard navigation to all dropdowns",
|
|
165
|
-
"Increase minimum touch target to 44px",
|
|
166
|
-
"Add skip-to-content link"
|
|
167
|
-
]
|
|
168
|
-
}
|
|
169
|
-
```
|
|
170
|
-
|
|
171
|
-
---
|
|
172
|
-
|
|
173
|
-
## Why This Is Different From WCAG Checkers
|
|
174
|
-
|
|
175
|
-
| Traditional Checker | Empathy Audit |
|
|
176
|
-
|--------------------|---------------|
|
|
177
|
-
| "Image missing alt text" | "Blind user couldn't understand the product because the hero image has no description" |
|
|
178
|
-
| "Target size 32px" | "User with tremor couldn't click the dropdown after 8 attempts" |
|
|
179
|
-
| "Contrast ratio 3.8:1" | "Low vision user at 200% zoom couldn't read the error message" |
|
|
180
|
-
| Reports violations | Reports **impact** |
|
|
181
|
-
| Pass/fail metrics | Abandonment stories |
|
|
182
|
-
|
|
183
|
-
---
|
|
184
|
-
|
|
185
|
-
## Running Empathy Audits in CI/CD
|
|
186
|
-
|
|
187
|
-
```bash
|
|
188
|
-
# Quick audit before deploy
|
|
189
|
-
npx cbrowser empathy-audit https://staging.example.com --personas motor-tremor,low-vision
|
|
190
|
-
|
|
191
|
-
# Full audit with task
|
|
192
|
-
npx cbrowser empathy-audit https://staging.example.com \
|
|
193
|
-
--task "Complete checkout" \
|
|
194
|
-
--wcag AA \
|
|
195
|
-
--output report.html
|
|
196
|
-
```
|
|
197
|
-
|
|
198
|
-
---
|
|
199
|
-
|
|
200
|
-
## Related Documentation
|
|
201
|
-
|
|
202
|
-
- [Persona Index](/docs/Persona-Index/) — All personas including accessibility
|
|
203
|
-
- [UX Analysis Suite](/docs/UX-Analysis-Suite/) — Full UX analysis capabilities
|
|
204
|
-
- [Constitutional Safety](/docs/Constitutional-Safety/) — How CBrowser handles sensitive operations
|
|
205
|
-
|
|
206
|
-
---
|
|
207
|
-
|
|
208
|
-
*Last updated: v17.6.0*
|