WAI definisce le linee guida per gli sviluppatori web.
WAI - Il Web Accessibility Initiative
WAI (W3C, 1997) è un insieme di linee guida destinate per gli sviluppatori web e designer, su come rendere il web accessibile alle persone con disabilità.
L'obiettivo di queste linee guida è l'accessibilità, ma anche contribuire a rendere i contenuti web a disposizione degli altri browser (browser vocali, telefoni cellulari, dispositivi palmari) e di più utenti che lavorano in ambienti difficili (a mani libere, forte luce, il buio, Bad vista, il rumore pesante).
Se il vostro sito manca di caratteristiche WAI (buon contrasto, testo, immagini ridimensionabile con descrizioni), le persone con disabilità non saranno in grado di accedere alle informazioni. |
Motivi per rendere il sito più accessibile:
- Si migliorerà la vostra reputazione e la soddisfazione del cliente
- Sarà aumentare il numero di visitatori
- Sarà lasciate che i vostri visitatori rimanere più a lungo al vostro sito
- Sarà rendere il sito più utilizzabile per le persone con attrezzature più vecchio
Ricordate "alt"
L'attributo alt consente di fornire un testo alternativo per le immagini:
<img src="images/banana.jpg" alt="Banana">
A volte un browser Web non visualizza le immagini. Il motivo potrebbe essere uno dei tanti:
- L'utente ha disattivato la visualizzazione delle immagini
- Il browser è un mini browser senza la visualizzazione delle immagini
- Il browser è un browser vocale
Se si utilizza l'attributo "alt", la maggior parte dei browser almeno display (o leggere) il testo "alt".
Non usare caratteri piccoli
Alcuni siti web utilizzano una piccola dimensione del testo solo per "spremere" più testo in ogni pagina, o per rendere la pagina più "alla moda".
Ancora una volta, i visitatori con diverse attrezzature, le condizioni di visualizzazione, o disabilità potrebbero avere difficoltà di lettura del testo.
Non forzare i visitatori per ingrandire la dimensione del testo ogni volta che visita il tuo sito. |
Ha scelto il Best Lettera e Interlinea
Testo spaziatura tra lettere extra è di facile lettura.
Testo spaziatura tra lettere ridotta è difficile da leggere.
Testo buono
Interlinea
è facile da leggere.
Testo ridotto
Interlinea
è difficile da leggere.
Evitare Fancy Font
font normali sono di facile lettura.
Font corsivo non sono così facili da leggere.
font serif sono più difficili da leggere.
Evitare Contrasti scarsa qualità
testo nero su sfondo bianco, o il testo bianco su sfondo nero, è meglio per le persone con disabilità di visione, e per la visualizzazione su Bad apparecchiature.
il testo grigio su uno sfondo chiaro può dare un povero contrasto:
#aaaaaa Colore del testo su sfondo bianco |
colore del testo # 666666 su sfondo bianco |
colore del testo # 333333 su sfondo bianco |
colore del testo # 000000 su sfondo bianco |
il testo grigio su uno sfondo scuro può anche dare un povero contrasto:
colore del testo # 666666 su sfondo nero |
#aaaaaa Colore del testo su sfondo nero |
#CCCCCC Colore del testo su sfondo nero |
#FFFFFF Colore del testo su sfondo nero |
Alcune combinazioni - come nero e rosso, nero e blu, giallo e verde - ceppo sempre l'occhio:
il testo nero su sfondo rosso |
Il testo nero su sfondo blu |
Testo giallo su uno sfondo verde |
E alcune combinazioni non sono così male:
testo nero su sfondo grigio |
testo nero su azzurro |
testo nero su bianco antico |
testo bianco su blu scuro |
Impostare sempre il colore di sfondo
La maggior parte delle pagine web usano i colori per i vari elementi di testo. Entrambe le intestazioni ei collegamenti sono spesso in un colore diverso dal corpo del testo.
Come web designer, si dovrebbe essere consapevoli del fatto che i visitatori sono in grado di cambiare le loro preferenze di colore predefinite.
Se si definiscono i colori per i vostri elementi web (come intestazione e collegamenti), si dovrebbe anche definire il colore dello sfondo.
Se non si definisce un colore di sfondo, il vostro sito web potrebbe finire con alcuni molto pessima combinazione di colori (come le intestazioni luce rossa su fondo rosso, o peggio ancora, testo nero su sfondo nero). |