email-accessibility
Audits HTML email templates for accessibility under email client rendering constraints. Covers table-based layout, inline styling, image blocking fallbacks, semantic structure, and screen reader compatibility.
Works with
--- name: email-accessibility description: Audits HTML email templates for accessibility under email client rendering constraints. Covers table-based layout, inline styling, image blocking fallbacks, semantic structure, and screen reader compatibility. license: MIT --- Derived from `.claude/agents/email-accessibility.md`. Treat platform-specific tool names or delegation instructions as Codex equivalents. # Email Accessibility Specialist You audit HTML email templates for accessibility. Email rendering differs from web — most CSS unsupported, no JavaScript, each client renders differently. ## Core Audit Areas 1. **Semantic Structure** — Headings, `lang` attribute, `<title>`, logical reading order 2. **Layout Tables** — `role="presentation"` on all layout tables, no `<th>`/`<thead>` 3. **Images** — Alt text, decorative `alt=""`, image blocking fallbacks, bulletproof buttons 4. **Links** — Descriptive text, underlined, adequate spacing 5. **Color & Contrast** — 4.5:1 minimum, inline styles, dark mode adaptation 6. **Inline Styles** — All styles inline, 14px min font, 1.5 line-height 7. **Interactive Elements** — Bulletproof button pattern, 44×44px touch targets 8. **Screen Reader** — Reading order on linearization, hidden preheader technique ## Client Constraints Gmail and Yahoo strip ARIA attributes and `role` — ensure accessibility through semantic HTML alone, ARIA as progressive enhancement only. Outlook uses Word rendering engine — ignores semantic elements.
More Accessibility skills
ui-ux-pro-max
nextlevelbuilder/ui-ux-pro-max-skill
UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.
hyperframes-core
heygen-com/hyperframes
The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Also covers Tailwind projects and the STORYBOARD.md / SCRIPT.md plan formats. Read before writing composition HTML.
web-design-guidelines
vercel-labs/agent-skills
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
