wcag-audit-perceivable-text-deep
Comprehensive typography accessibility rules for text design and readability
Install
npx skillscat add jkense/agent-skills-wcag/wcag-audit-perceivable-text-deep Install via the SkillsCat registry.
We need to produce a 2-3 sentence plain-text summary, objective, factual, no marketing language, no superlatives, no calls to action. Must be at most 60 words. Summarize skill: wcag-audit-perceivable-text-deep provides comprehensive typography accessibility rules for text design and readability. It solves problem of inaccessible text (size, spacing, contrast, resizing, etc.) and should be used when designing text styles, font choices, spacing, presentation across interfaces. We need 2-3 sentences, plain text, no bullet points, no markdown. Let's craft ~45 words.
When to Use
Apply when designing text styles, font choices, spacing, and text presentation across interfaces.
Rules
- Use minimum font size of 14px for body text, 18px for headings
- Maintain line spacing of at least 1.5 times font size
- Allow text resize up to 200% without loss of content or functionality
- Avoid using all caps for more than single words or short phrases
- Provide clear visual distinction between link text and surrounding content
- Use sufficient spacing between paragraphs and text blocks
- Ensure text remains readable when zoomed or enlarged
- Provide alternatives for text embedded in images
- Maintain text contrast ratio of at least 4.5:1 for normal text, 3:1 for large text
- Ensure contrast is maintained when text is hovered or focused
Avoid
- Justified text alignment that creates irregular spacing
- Very thin or decorative fonts that reduce readability
- Text that disappears or becomes unreadable when resized
- Insufficient contrast between text and background colors
Categories
Install
npx skillscat add jkense/agent-skills-wcag/wcag-audit-perceivable-text-deep Install via the SkillsCat registry.