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·from Community-Access/accessibility-agents·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

Fixing Metadata

Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives. Use when adding SEO metadata, fixing social share previews, reviewing Open Graph tags, setting up canonical URLs, or shipping new pages that need correct meta tags.

ux-product-design+1
29
SKILL0

Pptx Slide Auditor

Audit a PowerPoint presentation for layout issues, text overflow, visual hierarchy problems, and consistency gaps. Use when asked to review a slide deck, check a presentation before a meeting, audit slides for layout problems, or QA a deck before sharing. Produces a slide-by-slide report with issues ranked by severity and specific fixes. Best used with Claude Opus 4.7 or newer for reliable slide-level vision analysis.

product-management+1
3
SKILL0

Design Critique

Gives structured, constructive feedback on any design using UX frameworks. Use when asked to critique a design, review a UI, give feedback on a Figma file or wireframe, assess a user flow, or evaluate a design against UX principles. Applies Jobs-to-be-Done, Gestalt principles, and usability heuristics to give actionable feedback with prioritised issues and specific recommendations.

ux-product-design+1
2