Web design
accessibilità digitale

Breve analisi del sito UK Parliament per capire come funziona la navigazione con tastiera, utile per chi non può usare il mouse.

Vuoi creare una palette colore accessibile per il tuo Design System?
Usa un Contrast grid. Potrai trovare le migliori combinazioni di colore per rendere accessibile il tuo prodotto digitale.

GOV.UK è il sito istituzionale del governo inglese ed è considerato uno dei siti web più accessibili al mondo. Ecco perché, se il team di sviluppo decide di fare delle modifiche per migliorare la UX o la Web Accessibility, se ne parla così tanto. Il 12 dicembre è uscito un articolo che parla di cosa cambia nella tipografia di GOV.UK. Qual è la modifica più importante?

Il Burger Button è il bottone che apre un menu ed è usato soprattutto per i menù di un sito web in versione mobile. Per convenzione è rappresentato con l’icona formata da 3 linee. L’idea per questo post viene dal libro “Inclusive Design Patterns” di Heydon Pickering.

I siti web sono fatti da testi in forma di titoli, paragrafi, e così via. Un sito web che ha testi facili da leggere offre quindi un’ottima esperienza d’uso ed è accessibile. In questo caso parlo dell’aspetto visivo, senza l’uso di Screen Reader. Alcuni riferimenti sono tratti dal libro Inclusive Design Patterns di Heydon Pickering.

Qualche giorno fa Jake Abma ha pubblicato un interessante post sulla percentuale di siti web accessibili. Mi ha colpito un dato: il 77,8% dei siti non ha un buon contrasto colore tra sfondo e testo. Di conseguenza, solo il 22,2% dei siti ce l’ha. Pochino eh?

Lo skip link è un link rapido che compare in focus con la navigazione da tastiera. È il primo in ordine, quindi compare con il primo Tab e serve per navigare facilmente tra le aree del sito web.

Uno dei principi più importanti dell’accessibilità web è che non si può fare affidamento solo sul colore per segnalare qualcosa. Questo è importante da capire perché non tutte le persone vedono allo stesso modo. Di conseguenza, è importante supportare il cambio di colore con un altro elemento alternativo.