Come personalizzare il tuo sito per le persone con problemi di vista

Come personalizzare il tuo sito per le persone con problemi di vista

Immagine 1 di 7

Davey Winder, PC professionista
Simulazione di ipovedenti WebAIM
Sito web bianco
Sito web nero
Bassa visione
Impegno Websight per 180 giorni
Lente d'ingrandimento di Windows

Configurabilità

La configurabilità è fondamentale per gli utenti ipovedenti, quindi quando progetti la tua applicazione o il tuo sito web cerca di garantire che praticamente ogni aspetto della presentazione del contenuto sia configurabile dall'utente. Ciò significa consentire all'utente di ingrandire o ridurre il testo, modificare il colore del testo insieme al colore di sfondo su cui si trova e creare il layout complessivo (nel caso di una pagina web) relativo anziché assoluto, quindi può essere allargato o ristretto senza eccessive orizzontalità scorrimento.

Conformità alla DDA

Dal maggio 2002, la legge sulla discriminazione dei disabili richiede che tutti i fornitori di servizi adottino misure “ragionevoli”. passi” per cambiare una pratica che rende “irragionevolmente difficile” per le persone disabili farne uso Servizi. Ciò include anche le persone con disabilità visive e probabilmente significa che da allora molti siti Web e applicazioni software hanno violato la legge.

A parte i requisiti legali o la soddisfazione morale di fare la cosa giusta, esiste una realtà commerciale da considerare: alienando gli utenti ipovedenti si perdono affari, sia in termini di occhi sulle pagine che di licenze software venduto. Quando dieci anni fa Tesco lanciò una versione di facile accesso del suo sito di shopping, si assicurò 13 milioni di sterline di nuovi affari in un anno. Da allora ha continuato a includere le opzioni di accessibilità nel sito Web principale, con un'opzione per ipovedenti che semplifica il layout e disabilita JavaScript, ad esempio.

Non stiamo parlando di accessibilità tecnica, ma di usabilità nel mondo reale per le persone ipovedenti. Si tratta di dare agli utenti la possibilità di vivere i tuoi contenuti nel modo migliore per loro. Non si tratta di scambiare il concetto di visual design con un noioso salto indietro di solo testo negli anni ’90.

I web designer possono adottare una semplice regola pratica: assicurarsi che il sito sia leggibile e utilizzabile (questi non sono necessariamente la stessa cosa), sia quando si ingrandisce il testo che quando si ingrandiscono le pagine (anche in questo caso, non è necessariamente la stessa cosa). cosa). Garantendo che il contenuto non testuale venga ridimensionato correttamente, utilizzando il dimensionamento relativo dei caratteri e testandolo per garantire il layout non si interrompe quando l'utente aumenta il carattere, dovresti avere un sito web accessibile Tutto.

Le colonne possono essere problematiche per gli utenti ipovedenti che ingrandiscono lo schermo e perdono il contesto visivo del design del sito web. Studi sull'usabilità hanno dimostrato che gli utenti che utilizzano software di ingrandimento dello schermo spesso non riescono a spostarsi abbastanza a destra dello schermo per incontrare colonne di testo situate in quell'area. Un layout a colonna singola è certamente preferibile in tali circostanze, ma molti sviluppatori si sentiranno a disagio di fronte a quello che sembra essere un passo retrogrado in termini di web design. La soluzione è tanto semplice quanto ovvia: utilizzare i fogli di stile per fornire un'opzione a colonna singola adatta agli ipovedenti con un clic di un pulsante sulla home page.

Tutti gli sviluppatori dovrebbero considerare attentamente come viene presentato il testo. Numerosi test di usabilità per ipovedenti hanno dimostrato che il tipo sans serif è più facile da leggere rispetto a quello serif. La buona notizia è che la ricerca rivela che lo stesso vale per le persone con una vista normale, quindi optare per un carattere sans serif è un gioco da ragazzi. Solo perché gli utenti ipovedenti molto probabilmente utilizzeranno un ingranditore dello schermo, non significa che non sia possibile rendere le cose più facili per loro assicurandosi che siano disponibili dimensioni dei caratteri più grandi prima di applicarlo ingrandimento. L'ingrandimento utilizzando uno strumento di qualche tipo ha un costo in termini di prestazioni e qualità, entrambi i quali possono essere ridotti al minimo se il carattere più grande è disponibile fin dall'inizio.

Il ridimensionamento del testo leggibile dovrebbe applicarsi anche al rimpicciolimento e all'ingrandimento, con questo intendo dire che alcuni ipovedenti condizioni, come quelle che causano la visione a tunnel, potrebbero richiedere agli utenti di inserire quanto più testo possibile sullo schermo per poterlo fare Guardalo. Quando si considera la configurabilità del testo, non dimenticare di includere menu e tabelle, nonché finestre di dialogo e suggerimenti informativi. Infine, non presentare mai il testo come un'immagine, per tanti motivi: un ingrandimento elevato lo rende illeggibile a causa della pixelizzazione; lo zoom del browser non ha alcun effetto sul testo presentato in questo modo; le impostazioni di colore e contrasto non possono essere personalizzate e così via.

La configurabilità tocca molti più aspetti del design utilizzabile rispetto ai semplici problemi di testo e colore. Rendi tutti gli eventi temporizzati regolabili dall'utente, poiché le persone ipovedenti impiegheranno più tempo a leggere, e quindi a reagire, alle informazioni visualizzate solo brevemente sullo schermo. Se utilizzi un sistema CAPTCHA per l'autenticazione degli utenti, tieni presente gli ulteriori problemi che questi possono causare agli utenti ipovedenti. È noto che anche le persone con una buona vista hanno difficoltà a distinguere il testo dai motivi dello sfondo assicurati di fornire un'alternativa audio come reCAPTCHA per gli utenti ipovedenti o di implementare una verifica diversa processi.

Né dovresti ignorare i suggerimenti audio. Un campo visivo limitato, causato dalla condizione visiva stessa o dal livello di ingrandimento, può significare che è molto facile perdere il contesto, perché ci sono relativamente poche informazioni visibili in ognuno di essi tempo. I segnali audio insieme ai suggerimenti visivi relativi ai cambiamenti di stato o alla disponibilità di nuove informazioni contribuiscono notevolmente a risolvere questo problema e restituiscono il controllo all'utente ipovedente. Parlando di campi visivi limitati, le dimensioni effettive dello schermo relativamente piccole utilizzate da un utente di un software di ingrandimento dello schermo significano che dovresti testare a fondo la tua applicazione o il tuo sito per assicurarti che non ci siano problemi di usabilità causati da problemi di layout quando la finestra viene ingrandita in questo modo moda.