frontend-accessibility-best-practices | detalhe da skill | OpenClaw Study

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.

Esta página faz parte do hub OpenClaw Skills com guias de instalação, navegação por categorias e links práticos.

English 简体中文 繁體中文 日本語 Español