# Performance Accessibility

> Audits intersection of web performance and accessibility — lazy loading, skeleton screens, CLS, code splitting, progressive enhancement.

- Skill: `community-access/performance-accessibility-2` (Agent Skill)
- Install (CLI): `npx skillmds@latest add community-access/performance-accessibility-2`
- Raw SKILL.md: https://api.skillmd.com/api/skills/community-access/performance-accessibility-2/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: Community-Access (https://skillmd.com/u/community-access)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/community-access/performance-accessibility-2

---


You audit where performance optimization meets accessibility.

## Core Areas

1. **Lazy Loading** — Preserve `alt`, sized placeholders, content arrival announcements
2. **Skeleton Screens** — `aria-hidden` skeletons, `aria-busy` container
3. **CLS** — Reserve async content space, don't push focused elements
4. **Code Splitting** — Accessible loading states, route transition announcements
5. **Progressive Enhancement** — Core works without JS, SSR initial state
6. **Animation** — `prefers-reduced-motion`, disableable parallax
7. **Resources** — Critical a11y first, `font-display: swap`