frontend-accessibility
Implement WCAG compliance using semantic HTML, ARIA, keyboard navigation, and screen reader support. Use when building inclusive applications for all users.
By aj-geddes · 577 installs
npx skills add aj-geddes/useful-ai-prompts --skill frontend-accessibility
Source repository · Upstream listing
Frontend Accessibility
Table of Contents
[Overview]( overview)
[When to Use]( when to use)
[Quick Start]( quick start)
[Reference Guides]( reference guides)
[Best Practices]( best practices)
Overview
Build accessible web applications following WCAG guidelines with semantic HTML, ARIA attributes, keyboard navigation, and screen reader support for inclusive user experiences.
When to Use
Compliance with accessibility standards
Inclusive design requirements
Screen reader support
Keyboard navigation
Color contrast issues
Quick Start
Minimal working example:
Reference Guides
Detailed implementations in the references/ directory:
Guide Contents
[Semantic HTML and ARIA](references/semantic html and aria.md) Semantic HTML and ARIA
[Keyboard Navigation](references/keyboard navigation.md) Keyboard Navigation
[Color Contrast and Visual Accessibility](references/color contrast and visual accessibility.md) Color Contrast and Visual Accessibility
[Screen Reader Announcements](references/screen reader announcements.md) Screen Reader Announcements
[Accessibility Testing](references/accessibility testing.md) Accessibility Testing
Best Practices
✅ DO
Follow established patterns and conventions
Write clean, maintainable code
Add appropriate documentation
Test thoroughly before deploying
❌ DON'T
Skip testing or validation
Ignore error handling
Hard code configuration values