Accessibilità Web per gli utenti ingranditore di schermo

Le esigenze degli utenti di ingrandimento dello schermo sono trascurati in sede di attuazione accessibilità del web su un sito web. ingranditori di schermo sono utilizzati da utenti del web ipovedenti per aumentare le dimensioni di elementi sullo schermo. Alcuni utenti si ingrandire lo schermo in modo che solo tre o quattro parole sono in grado di apparire sullo schermo in qualsiasi momento. Si può provare ad usare un ingranditore di schermo voi stessi, scaricando la lente di ingrandimento dello schermo Zoomtext da http://www.aisquared.com/Products/ZoomText8_mag/FreeTrial/Z8FreeTrial.htm per una prova libera di 30 giorni.

La buona notizia è che alcuni dei principi fondamentali per migliorare l'accessibilità e la fruibilità per gli utenti di ingranditori di schermo, anche aumentare la fruibilità per tutti. Per aiutarti, abbiamo elencato sei modi per migliorare l'accessibilità e la fruibilità per gli utenti di ingrandimento dello schermo:

1. Non inserire il testo all'interno delle immagini

Testo incorporato all'interno di immagini può diventare sfocata e sgranata quando viene visualizzata in ingranditori di schermo, e quindi completamente illeggibili. Ciò è particolarmente vero quando il testo dell'immagine è piuttosto scarsa qualità, quindi se dovete assolutamente inserire il testo all'interno delle immagini quindi assicuratevi che l'immagine è di alta qualità. Molti utenti di ingrandimento dello schermo possono trovare abbastanza difficile leggere il testo il più delle volte, quindi quando appare sfocato per loro può diventare difficile se non impossibile da leggere.

Non di solito è necessario inserire il testo all'interno delle immagini più, come la maggior parte degli effetti di presentazione possono ora essere realizzati con i CSS. Con l'integrazione di testo all'interno delle immagini il tempo di download di ogni pagina può diventare significativamente più grande a causa del peso di queste immagini - per gli utenti in dial-up modem può essere un vero e proprio dolore in attesa di queste immagini per il download e rendering.

Se non siete sicuri se un pezzo di testo sulla pagina è incorporato all'interno di un'immagine o no, cerca di evidenziare il testo. Se è possibile evidenziare singolarmente ogni lettera, il testo è un testo vero e non è incorporato all'interno di un'immagine.

come la maggior parte degli effetti di presentazione possono ora essere realizzati con i CSS. Con l'integrazione di testo all'interno delle immagini il tempo di download di ogni pagina può diventare significativamente più grande a causa del peso di queste immagini - per gli utenti in dial-up modem può essere un vero e proprio dolore in attesa di queste immagini per il download e rendering.

Se non siete sicuri se un pezzo di testo sulla pagina è incorporato all'interno di un'immagine o no, cerca di evidenziare il testo. Se è possibile evidenziare singolarmente ogni lettera, il testo è un testo vero e non è incorporato all'interno di un'immagine.

2. Chiaramente sezioni separate della pagina

Diverse sezioni di ogni pagina web deve essere chiaramente separate attraverso l'uso di bordi e diversi colori di sfondo. ingranditori di schermo gli utenti possono vedere solo una parte molto piccola di una pagina web in qualsiasi momento in modo a volte può essere difficile per questi utenti ad orientarsi all'interno della pagina.

Utilizzando uno sfondo azzurro, per la navigazione, per esempio, gli utenti ingranditore di schermo può spostare rapidamente attraverso la pagina e quando vedono uno sfondo blu hanno immediatamente sapere che il contenuto si è completato e l'area di navigazione iniziata.

Likewise, separando diverse sezioni della pagina con i confini, al movimento del ingranditore di schermo dell'utente su quel confine sanno che stanno entrando in una sezione diversa. Una forma particolare di questo comune, sta utilizzando una barra verticale per separare gli elementi di navigazione orizzontale.

Separare le sezioni diverse della pagina con i colori di sfondo e le frontiere non solo aumentare l'usabilità per gli utenti di ingrandimento dello schermo - aumenta l'usabilità per tutti. Quando gli utenti regolarmente avvistato scorrere una pagina web, se l', piè di pagina contenuti e la navigazione sono tutte effettivamente differenziata è molto facile per guadagnare rapidamente una comprensione del layout della pagina.

3. Utilizzare voci chiaro e descrittivo spesso

Quando gli utenti di ingrandimento dello schermo spostare la loro lente di ingrandimento attraverso uno schermo degli elementi che si distinguono a loro è intestazioni. Garantendo il testo della voce è grande, e magari differenziando attraverso l'uso del colore, si distinguono per questi utenti.

s gli utenti possono vedere solo una parte molto piccola di una pagina web in qualsiasi momento in modo a volte può essere difficile per questi utenti ad orientarsi all'interno della pagina.

Utilizzando uno sfondo azzurro, per la navigazione, per esempio, gli utenti ingranditore di schermo può spostare rapidamente attraverso la pagina e quando vedono uno sfondo blu hanno immediatamente sapere che il contenuto si è completato e l'area di navigazione iniziata.

Likewise, separando diverse sezioni della pagina con i confini, al movimento del ingranditore di schermo dell'utente su quel confine sanno che stanno entrando in una sezione diversa. Una forma particolare di questo comune, sta utilizzando una barra verticale per separare gli elementi di navigazione orizzontale.

Separare le sezioni diverse della pagina con i colori di sfondo e le frontiere non solo aumentare l'usabilità per gli utenti di ingrandimento dello schermo - aumenta l'usabilità per tutti. Quando gli utenti regolarmente avvistato scorrere una pagina web, se l', piè di pagina contenuti e la navigazione sono tutte effettivamente differenziata è molto facile per guadagnare rapidamente una comprensione del layout della pagina.

3. Utilizzare voci chiaro e descrittivo spesso

Quando gli utenti di ingrandimento dello schermo spostare la loro lente di ingrandimento attraverso uno schermo degli elementi che si distinguono a loro è intestazioni. Garantendo il testo della voce è grande, e magari differenziando attraverso l'uso del colore, si distinguono per questi utenti.

utenti ingrandimento dello schermo di solito è necessario arrestare il movimento della lente di ingrandimento quando vogliono leggere un pezzo di testo, in modo che quando vedono una voce, si può fermare e leggerlo. Poiché voci (almeno in teoria!) Descrivono il contenuto presente sotto di loro, gli utenti ingranditore di schermo può leggere una rubrica, acquisire una comprensione del contenuto sotto di esso, e decidere se vogliono leggere che il contenuto o meno. In caso contrario, essi possono semplicemente spostare la lente verso il basso e scendere alla fermata successiva di.

Le voci sono incredibilmente utili per la piena utenti vedenti troppo essenzialmente per la stessa ragione. Quando si esegue la scansione di una pagina web, le intestazioni sono uno degli elementi che si distinguono per voi. Anche in questo caso, è possibile leggere l'intestazione (o ad ascoltarlo, per un utente di lettore di schermo), e ha fornito il suo descrittivo, immediatamente acquisire una comprensione del contenuto sotto di esso. È quindi possibile continuare a leggere o passare alla successiva voce in fondo alla pagina.

4. Assicurarsi che il testo del collegamento è descrittiva della sua destinazione

Link di testo come 'Clicca qui' e 'piu' deve essere evitata e sostituita con link di testo che descrive in modo adeguato la destinazione del collegamento. Link di testo, insieme a rubriche, è uno degli elementi che si staglia sullo schermo gli utenti magnifier (e tutti gli utenti in questo caso) quando si visita una pagina web. Se 'clicca qui' è usato quindi questi utenti (e in effetti tutti gli utenti) dovrà cercare attraverso il testo prima e dopo il link, al fine di elaborare la sua destinazione.