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.

Published by @Community-Access·0 agent reads / 30d·0 saves·

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 Tablesrole="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 on the bench

SKILL0

Toss Style Design System Rules

Toss-style UI design rules for disciplined spacing, typography, grayscale hierarchy, restrained color, cards, metrics, dark mode, and accessibility

design+1
0
SKILL0

User Research Synthesizer

Synthesize user research findings from interviews, surveys, and analytics. Create insight reports, customer journey maps, and actionable recommendations based on research data and qualitative findings.

product-management+2
0
SKILL0

Prd Writer

Write comprehensive Product Requirements Documents with user stories, acceptance criteria, technical specifications, wireframe descriptions, and prioritization frameworks (RICE, MoSCoW). Create clear specifications for product teams.

product-management+1
0