Frontend Accessibility Standards

关于

Guides the development of inclusive and accessible web interfaces by enforcing standards for semantic HTML, ARIA implementation, keyboard navigation, and color contrast. This skill is essential when creating or modifying any frontend component, from simple buttons to complex modals, ensuring the final product is usable by everyone, including people who rely on assistive technologies like screen readers. It provides clear patterns, code examples, and verification checklists to build UIs that meet WCAG compliance.

主要功能

• Outlines correct heading hierarchy for document structure.
• 213 GitHub stars
• Provides guidelines for using semantic HTML and proper ARIA attributes.
• Includes rules for image alt text, form labels, and color contrast ratios.
• Enforces keyboard accessibility and correct focus management patterns.
• Offers a verification checklist and common mistakes to avoid.

使用场景

• Auditing and fixing accessibility issues in a web form or modal dialog.
• Refactoring an application to meet WCAG 2.1 AA compliance.
• Building a new, accessible component library in React, Vue, or Svelte.