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.
このページは OpenClaw Skills 学習ハブの一部で、導入手順・カテゴリ導線・実践リンクを提供します。