Accessibility Settings
Applies to: Dispatch v1.0.0, last updated 2026-04-05
These settings are on the Access tab of the settings panel. Open the panel with the gear icon in the top-right navbar.
Reading Assist
Section titled “Reading Assist”| Setting | Default | Description |
|---|---|---|
| Dyslexic Mode | off | Overrides the font with OpenDyslexic regardless of the Visual tab font selection. Loads the font on demand from jsDelivr CDN the first time it is enabled. |
When Dyslexic Mode is on, the font family picker in the Visual tab is disabled and a notice confirms OpenDyslexic is active.
Vision: Contrast and Color
Section titled “Vision: Contrast and Color”High Contrast
Section titled “High Contrast”| Setting | Default | Description |
|---|---|---|
| High Contrast | off | Boosts text contrast to WCAG AAA levels. Overrides theme text colors. Sets data-high-contrast="true" on <html>. |
When high contrast mode is on, text and border colors are boosted to WCAG AAA contrast levels regardless of the selected theme.
Color Blind Mode
Section titled “Color Blind Mode”Applies an SVG feColorMatrix filter to the entire UI to remap colors for the selected deficiency.
| Value | Deficiency |
|---|---|
none | Off (no filter applied, default) |
protanopia | Reduced red sensitivity |
deuteranopia | Reduced green sensitivity (most common form, affects ~8% of males) |
tritanopia | Reduced blue sensitivity |
The filter applies to the full page. Switching to none removes it immediately.
Text Spacing
Section titled “Text Spacing”Controls spacing at the body level (WCAG 1.4.12, Text Spacing).
| Setting | Options | Default | Description |
|---|---|---|---|
| Line Height | Tight / Normal / Relaxed / Loose | Normal | Vertical spacing between lines of text |
| Letter Spacing | Normal / Wide / Wider | Normal | Space between individual characters |
| Word Spacing | Normal / Wide / Wider | Normal | Space between words |
Letter spacing CSS values:
| Value | CSS |
|---|---|
normal | browser default |
wide | 0.05 em |
wider | 0.12 em |
Word spacing CSS values:
| Value | CSS |
|---|---|
normal | browser default |
wide | 0.1 em |
wider | 0.2 em |
Motion
Section titled “Motion”| Setting | Default | Description |
|---|---|---|
| Reduce Animations | off | Disables slide-in and transition effects. Sets data-reduced-motion="true" on <html> and --settings-animation-duration to 0ms. |
Interaction
Section titled “Interaction”| Setting | Default | Description |
|---|---|---|
| Large Click Targets | off | Increases tap and click areas for buttons to a 40×40 px minimum. Sets data-large-targets="true" on <html>. |
| Always Show Focus Ring | off | Makes the keyboard focus outline visible even when navigating with a mouse. Sets data-focus-always="true" on <html>. |
ARIA in the dashboard
Section titled “ARIA in the dashboard”Dispatch uses ARIA attributes throughout the UI:
- Activity feed filter panel toggle:
aria-expanded - Sort, font-size, group-by, and chip buttons:
aria-pressed - Persona and project chip groups:
role="group" - Empty-state element in the activity feed:
aria-live="polite" - Session card keyboard activation:
EnterorSpaceopens the drawer