← ClaudeAtlas

content-designlisted

Load this skill whenever writing, editing, or reviewing any web content, copy, headings, labels, error messages, or instructions. Under no circumstances write inaccessible content — every piece of text must be clear, structured, and usable by people with cognitive, visual, and language differences. Absolutely always apply plain language, logical heading hierarchy, and meaningful link text.
mgifford/accessibility-skills · ★ 15 · Web & Frontend · score 77
Install: claude install-skill mgifford/accessibility-skills
# Content Design Accessibility Skill > **Canonical source**: `examples/CONTENT_DESIGN_ACCESSIBILITY_BEST_PRACTICES.md` in `mgifford/ACCESSIBILITY.md` > This skill is derived from that file. When in doubt, the example is authoritative. Apply these rules when writing, editing, or reviewing any web content. --- ## Core Mandate A technically accessible page that is confusing or poorly structured still creates barriers. Design content for the widest possible audience: write clearly, structure logically, and present information in the order users need it. --- ## Severity Scale (this skill) | Level | Meaning | | --- | --- | | **Critical** | Content is completely inaccessible or incomprehensible to a disability group | | **Serious** | Significant barrier; unreasonable to expect workaround | | **Moderate** | Creates friction; workaround exists and is not too burdensome | | **Minor** | Best-practice gap; marginal impact | --- ## Critical: Images Must Have Appropriate Text Alternatives A meaningful image with no `alt` attribute or `alt=""` is **Critical** — blind users receive no information. A decorative image with descriptive `alt` is **Moderate** — it adds noise but does not block information. * Meaningful images: `alt` text that conveys purpose, not appearance * Decorative images: `alt=""` (empty string — the attribute must still be present) --- ## Serious: All Link Text Must Make Sense Out of Context "Click here", "Read more", and "Learn more" are **Serious** — scree