typography-accessibilitylisted

Use whenever type carries information — always co-load this with body text, UI, and editorial typography work. Specifically for contrast, 200% zoom, user text-spacing overrides, Dynamic Type, dyslexia and low-vision needs, screen-reader compatibility, images of text, and any claim that typography is "accessible".
jpoindexter/typography-skills · ★ 1 · AI & Automation · score 74

Install: claude install-skill jpoindexter/typography-skills

# Typography accessibility The top of the source hierarchy. A typographic rule that fails an accessibility criterion is wrong no matter which book it came from. ## 1. When to invoke - Any body text, UI text, or editorial text that carries meaning. - Contrast, zoom, spacing overrides, or text resizing questions. - Claims that a design is accessible. - Dyslexia, low vision, ageing eyes, or cognitive-load requirements. - Text rendered as an image, or styled with CSS that may break assistive tech. **Always co-load with `body-text-and-reading` and `ui-component-typography`.** ## 2. Required context - Target **conformance level** (AA is the common legal floor; AAA where required). - **Jurisdiction** — EAA, Section 508, ADA, EN 301 549 all reference WCAG. - Whether the platform has a **user text-size setting** (iOS/Android Dynamic Type, OS-level scaling). - Whether content is **user-generated** (rules must be systemic). - Real **foreground/background pairs**, including over imagery and on hover/disabled. ## 3. Invariant principles — the WCAG floor These are not heuristics. They are pass/fail. | Criterion | Requirement | |---|---| | **1.4.3 Contrast (Minimum)** AA | Normal text ≥ **4.5:1**. Large text ≥ **3:1**. Large = **≥18pt (24px)**, or **≥14pt (18.66px) bold** | | **1.4.4 Resize Text** AA | Text resizable to **200%** with no loss of content or functionality | | **1.4.12 Text Spacing** AA | No loss of content or functionality when the user sets line-height **1.5×** fon