Accessibility

jezweb/claude-skills

This is the accessibility reference you want open when building any public-facing web interface. It covers the five areas that actually matter: semantic HTML selection, ARIA patterns, keyboard navigation, color contrast ratios (4.5:1 for text, 3:1 for UI components), and accessible forms. What makes it useful is the 12 documented accessibility issues with prevention strategies, so you're not just learning what to do but what breaks and why. Includes ready-to-use patterns for dialogs with focus traps, tab navigation with arrow keys, and forms with screen reader announcements. The testing workflow is practical: keyboard-only checks, screen reader verification, then automated tools. Use this whenever you need to hit WCAG 2.1 AA compliance or just want to stop shipping inaccessible components.

skills.sh installs

505

GitHub stars

1.1K

last updated

Aug 21, 2026

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Recommended

More Frontend Development

1remotion-best-practicesfreestylefly/canghe-skillsBest practices for Remotion - Video creation in React503skills.sh installs

2tanstack-tablejezweb/claude-skillsBuild headless data tables with TanStack Table v8. Server-side pagination, filtering, sorting, and virtualization for Cloudflare Workers + D1. Prevents 12 docum502skills.sh installs

3groove-admin-claude-statuslineandreadellacorte/grooveInstall a rich Claude Code statusline into ~/.claude/hooks/ and ~/.claude/settings.json. Displays model, git context, token usage, effort level, 5h/7d usage lim501skills.sh installs

4architecture-diagram-creatormhattingpete/claude-skills-marketplaceCreate comprehensive HTML architecture diagrams showing data flows, business objectives, features, technical architecture, and deployment. Use when users reques500skills.sh installs

5upgrade-solidity-contractsopenzeppelin/openzeppelin-skillsUpgrade Solidity smart contracts using OpenZeppelin proxy patterns. Use when users need to: (1) make contracts upgradeable with UUPS, Transparent, or Beacon pro500skills.sh installs

6canghe-post-to-wechatfreestylefly/canghe-skillsPosts content to WeChat Official Account (微信公众号) via API or Chrome CDP. Supports article posting (文章) with HTML, markdown, or plain text input, and image-text p498skills.sh installs