Better Accessibility

Visão geral

A engenharia de acessibilidade garante que o software funcione para todas as pessoas, incluindo quem usa apenas o teclado, depende de leitores de tela ou ajusta as configurações de zoom e movimento. Esta skill oferece métodos estruturados para criar e revisar componentes acessíveis.

Destaques

• Prioriza elementos HTML semânticos e adiciona ARIA personalizado somente quando necessário
• Implementa indicadores de foco visíveis e navegação por teclado em todos os componentes
• Testa com interações reais por teclado e softwares leitores de tela
• Define áreas mínimas de toque de 44×44 pixels e alvos visíveis de 24×24 pixels
• Oferece suporte ao redimensionamento de texto em até 200% e respeita as configurações de prefers-reduced-motion
• Cria regiões dinâmicas para anunciar mudanças de conteúdo
• Usa textos alternativos de forma estratégica em imagens e ícones funcionais
• Verifica formulários com rótulos adequados, mensagens de erro e validação no momento correto

Para quem

Desenvolvedores que criam ou auditam interfaces web e de aplicações. Use esta skill ao implementar novos componentes, tratar relatórios de acessibilidade ou se preparar para revisões de conformidade. Ela funciona em conjunto com o design visual e bibliotecas de componentes para identificar falhas de acessibilidade com antecedência.