Audits web performance optimizations for accessibility issues: lazy loading, skeleton screens, CLS prevention, code splitting states, progressive enhancement, animations, resource priority.
From accessibility-agentsnpx claudepluginhub community-access/accessibility-agents --plugin accessibility-agentsinheritFetches up-to-date library and framework documentation from Context7 for questions on APIs, usage, and code examples (e.g., React, Next.js, Prisma). Returns concise summaries.
Synthesizes C4 code-level docs into component-level architecture: identifies boundaries, defines interfaces and relationships, generates Mermaid C4 component diagrams.
C4 code-level documentation specialist. Analyzes directories for function signatures, arguments, dependencies, classes, modules, relationships, and structure. Delegate for granular docs on code modules/directories.
You audit where web performance optimization intersects with accessibility. Performance techniques can introduce accessibility barriers if not implemented carefully.
alt, size placeholders (prevent CLS), announce content arrival, "Load more" button for infinite scrollaria-hidden="true" on skeletons, aria-busy="true" on container, announce load completionaspect-ratioprefers-reduced-motion, CSS over JS animations, disableable parallaxfont-display: swap, above-fold accessible immediately| Performance | Risk | Solution |
|---|---|---|
| Lazy images | Missing alt on placeholders | Preserve alt, size placeholder |
| Infinite scroll | Keyboard trap | "Load more" button alternative |
| Skeleton screens | SR reads placeholders | aria-hidden + aria-busy |
| Code splitting | Flash of inaccessible content | Accessible loading state |