Better Accessibility
Crea UI accessibili da tastiera e screen reader
Installazione
When building accessible UI components or reviewing for keyboard and screen-reader support
Panoramica
L'ingegneria dell'accessibilità garantisce che il software funzioni per tutti, comprese le persone che usano solo la tastiera, si affidano agli screen reader o modificano le impostazioni di zoom e animazione. Questa skill offre metodi strutturati per creare e verificare componenti accessibili.
Punti di forza
- Usa prima gli elementi HTML semantici e aggiunge ARIA personalizzato solo quando necessario
- Implementa indicatori di focus visibili e navigazione da tastiera in tutti i componenti
- Esegue test con interazioni reali da tastiera e software screen reader
- Imposta aree tattili minime di 44×44 pixel e bersagli visibili di almeno 24×24 pixel
- Supporta l'ingrandimento del testo fino al 200% e rispetta l'impostazione prefers-reduced-motion
- Crea regioni live per annunciare i contenuti dinamici
- Usa testi alternativi appropriati per immagini e icone funzionali
- Verifica che i moduli abbiano etichette corrette, messaggi di errore e tempi di convalida adeguati
Destinatari
Sviluppatori che creano o verificano interfacce web e applicative. Usala durante l'implementazione di nuovi componenti, la gestione di segnalazioni sull'accessibilità o la preparazione di verifiche di conformità. Funziona insieme al visual design e alle librerie di componenti per individuare tempestivamente le lacune di accessibilità.
Skill simili
Better Interface
SkillRiunisci le revisioni UI in un elenco ordinato di problemi
Better Writing
SkillScrivi testi per interfacce chiari e coerenti
Frontend Design
SkillUna direzione visiva per interfacce non preconfezionate

Commenti(0)
Accedi per commentare