This Skill codifies Accessibility (a11y) best practices for building inclusive React applications aligned with WCAG. It provides seven concrete rules acros…
This Skill codifies Accessibility (a11y) best practices for building inclusive React applications aligned with WCAG. It provides seven concrete rules across four categories—semantic HTML & landmarks, screen reader support, keyboard & focus, and user preferences—so teams can apply consistent patterns when creating UI components, forms, interactive elements, dynamic content, navigation, or during code reviews. Key features include guidance to prefer semantic elements and landmarks, use of sr-only labels for icon‑only controls, proper aria-live regions (role="alert" and role="status") for announcements, built-in keyboard support and focus management, and honoring user preferences (reduced motion/contrast). Using these patterns improves screen reader compatibility, keyboard usability, developer consistency, and overall inclusivity while reducing accessibility regressions and compliance risk.
This page belongs to the OpenClaw Skills learning hub with install guides, category navigation, and practical links.