L'accessibilità non è una feature opzionale. È un requisito, spesso anche legale. Ma soprattutto, è la cosa giusta da fare. Un miliardo di persone ha qualche forma di disabilità. Meriteranno di usare il vostro sito?
HTML semantico: la base
Usate gli elementi giusti. <button> per azioni, <a> per navigazione, <header>, <main>, <footer> per struttura. Gli screen reader capiscono l'HTML semantico. I <div> sono scatole vuote.
Keyboard navigation
Non tutti usano il mouse. Tab dovrebbe muovere il focus logicamente. Enter dovrebbe attivare pulsanti. Escape dovrebbe chiudere modal. Testate il vostro sito usando solo la tastiera.
Contrasto e leggibilità
Testo grigio chiaro su sfondo bianco è illeggibile per molti. WCAG richiede contrasto minimo 4.5:1 per testo normale. Strumenti come Contrast Checker validano i vostri colori.
ARIA: quando serve
ARIA aggiunge semantica dove l'HTML non basta. Un custom dropdown, un tab panel, una modale. Ma la prima regola di ARIA è: non usare ARIA se puoi usare HTML nativo.
Testing automatico + manuale
Lighthouse e axe-core trovano problemi ovvi. Ma l'accessibilità reale richiede testing manuale. Navigate con screen reader. Ingrandite al 200%. Disabilitate CSS. Scoprirete problemi che nessun tool trova.