Passi pratici per rispettare l’impegno di 180 giorni

Una soluzione è utilizzare i colori della tavolozza del tuo marchio per creare una selezione di combinazioni di colori alternative. Come punto di partenza, crea uno schema ad alto contrasto, uno a basso contrasto e uno invertito (chiaro su scuro). Queste tre opzioni dovrebbero significare che la maggior parte delle persone ipovedenti possa trovare un programma adatto a loro e che l’identità del tuo marchio sia sempre protetta – vedi Il sito web di Sky per un esempio.

Passi pratici per rispettare l’impegno di 180 giorni

Non dimenticare di rendere facili da leggere anche le dimensioni del testo e la combinazione di colori predefinite. Scegli una dimensione del testo predefinita equivalente ad almeno 14 pt e assicurati che il rapporto di contrasto tra i colori di primo piano e di sfondo del testo sia almeno 4,1:5. In questo modo il tuo sito web sarà comodo da leggere per tutti, anche per le persone con problemi di vista lievi e le persone che portano gli occhiali.

Compatibilità con i lettori di schermo

Promessa 2: Rendere il nostro sito web o la nostra app compatibili con i lettori di schermo più diffusi come Jaws, Supernova, VoiceOver e NVDA

All'inizio questo potrebbe sembrare un po' scoraggiante, ma il trucco sta nel non pensare a ogni screen reader separatamente. Come la maggior parte delle tecnologie, gli screen reader si comportano tutti in modo leggermente diverso e ti ritroveresti rapidamente nei guai se provassi a gestirli tutti individualmente.

L'approccio intelligente consiste nel seguire le linee guida sulle migliori pratiche per l'accessibilità e confidare nel fatto che i singoli screen reader faranno lo stesso. Non sempre funziona perfettamente, ma a meno che tu non abbia tasche molto profonde è l’unico modo pratico.

L'approccio intelligente consiste nel seguire le linee guida sulle migliori pratiche per l'accessibilità e confidare nel fatto che i singoli screen reader faranno lo stesso

Per i siti Web, utilizzare il file Linee guida per l'accessibilità dei contenuti Web (WCAG) 2.0 come punto di partenza. Sono gratuiti, ben consolidati e includono molte indicazioni che contribuiranno a rendere il tuo sito web più semplice da consultare per le persone non vedenti e ipovedenti. utilizzo – così come indicazioni relative ad altri tipi di disabilità, il che significa che puoi spalancare le porte del tuo sito web a un pubblico ancora più ampio pubblico.

Sia che tu scelga di utilizzare xHTML, HTML4 o HTML5 (uno dei due ultimi è preferibile al giorno d'oggi) assicurati che siano utilizzati correttamente. Metti le pagine del tuo sito web attraverso a servizio di validazione di volta in volta. Non è necessario ottenere uno zero perfetto, ma se le tue pagine restituiscono molti errori è ora di fare un po’ di ordine.

Ai lettori dello schermo non interessa davvero l'aspetto del tuo sito web, ma si affidano all'HTML sottostante per trasmettere informazioni all'utente. Le utilità per la lettura dello schermo esaminano l'HTML per trovare le intestazioni, idealmente con una gerarchia logica, oltre a elencare il gruppo insieme elementi correlati, descrizioni testuali per immagini e tutti gli altri elementi HTML che danno struttura al tuo contenuto.

La convalida dell'HTML non è una soluzione a prova di proiettile, ma è un buon modo per tenere d'occhio la qualità del codice che tiene insieme il tuo sito web. In generale, migliore è la qualità del tuo codice HTML, migliore sarà il comportamento del tuo sito web per diversi screen reader (e browser).

Per le app, utilizza i toolkit forniti da Apple, Google e Microsoft come punto di partenza. Tendono ad avere una buona accessibilità integrata nei pulsanti, nei cursori e negli altri controlli che includono. Ciascuno dei fornitori di sistemi operativi per smartphone dispone inoltre di informazioni utili su come rendere accessibili i controlli dell'interfaccia utente personalizzati.

Consistenza

Impegno 3: Utilizzare un'interfaccia coerente in tutto il nostro sito Web o app

Dai una rapida occhiata ad alcune pagine del tuo sito web o alle schermate della tua app. Caratteristiche come il tuo logo sono sempre nello stesso posto? I meccanismi di navigazione sono sempre gli stessi? Le funzionalità interattive come la ricerca si comportano sempre allo stesso modo?