Sto cercando di seguire uno standard molto importante che devo ammettere di aver ignorato fino a poco tempo fa. Voglio assicurarmi che le mie pagine siano accessibili a gran parte delle persone con disabilità. Mi concentro principalmente su tutorial ad alta intensità di testo e immagini, ma senza video / flash o qualsiasi tipo di animazione.

Qual è una lista di controllo che posso seguire per garantire che molte persone con disabilità possano avere una buona esperienza quando uso il mio sito web e quali disabilità dovrei essere più consapevole?

So che non posso assolutamente piacere a tutti. Ho seguito le linee guida del W3C , tuttavia non sono del tutto sicuro di quali standard si applichino a me. Non sto costruendo applicazioni web, sto costruendo principalmente wiki come scambi di informazioni, blog e forum occasionali.

• Assicurati che ogni immagine abbia un testo alternativo.
• Assicurati che la tua combinazione di colori sia adatta a chi ha il daltonismo.
• Offri un layout ad alto contrasto o un layout di testo di grandi dimensioni per i non vedenti.
• Assicurati che i tuoi link abbiano senso quando vengono letti fuori dal contesto (cioè non scrivere "clicca qui").
• Assicurati che il tuo sito offra ancora funzionalità di base complete se l'utente non ha il supporto JavaScript.

Il W3 offre alcuni suggerimenti di base sull'accessibilità tramite il suo sito Web . Joe Clark ha una versione online del suo libro "Costruire siti Web accessibili" che può essere visualizzato gratuitamente e che contiene molte informazioni utili.

Rendere semantico il mark-up è un enorme passo in avanti verso l'accessibilità, se il tuo sito può essere navigato senza che nessun CSS sia applicato ad esso e il contenuto abbia un senso, allora tutto il resto è solo salsa visiva!

In primo luogo, "i disabili" non significano nulla!

Quindi guarda alcuni gruppi di persone che devi controllare se sei il tuo sito web.

Una persona povera che ha solo un taccuino con un piccolo schermo

Hai solo bisogno di controllare che il tuo sito web possa essere utilizzato quando la finestra del browser è piccola senza troppo dolore.

Una persona daltonica

Qualcuno può usare il tuo sito Web senza vedere il colore delle icone ecc., Immaginato che stavi accedendo ad esso su un monitor B&W.

Una persona con un sito povero.

Quando si modifica la dimensione del tipo nel browser, tutto il testo diventa più grande nel sito e il layout è ancora OK. Inoltre, il sito può ancora essere utilizzato su un piccolo monitor?

Il tuo sito utilizza un layout ad alto contrasto, se non è facile per l'utente passare a un layout ad alto contrasto?

Una persona che non può usare il mouse

Può una persona che non ha mai usato il tuo sito Web prima di accedere a tutte le funzioni / informazioni solo usando la tastiera. (Il tasto Tab funziona in modo utile?)

Qualcuno con scarse capacità di lettura

Stai usando l'inglese semplice il più possibile?

Qualcuno che non è bravo a imparare cose nuove.

Il design del tuo sito si basa su un altro sito che i tuoi utenti sanno già come utilizzare?

Una persona cieca.

Questo è difficile e la maggior parte di ciò che leggi non è di uso partita !!
Per prima cosa corri tutti gli altri problemi di accesso, in quanto ci sono molte più persone con problemi di vista o che non possono usare il mouse di quanto ci siano persone vincolanti.

Quindi capire i tuoi obiettivi , ad esempio se il tuo sito è un sito di prenotazione di hotel, potrebbe essere meglio fornire un numero di telefono a pagamento per effettuare le prenotazioni e quindi rendere accessibili le informazioni dell'hotel.

La maggior parte dei non vedenti trova molto difficile utilizzare qualsiasi sito Web interattivo che non ha mai usato prima, anche se il sito Web è stato progettato.

Quindi dovresti fornire un'opzione web nessuna? (Telefono? Una persona che li visita per aiutare a compilare il modulo ecc.?)

Innanzitutto è possibile utilizzare il tuo sito senza immagini? (Il testo alternativo è un modo per farlo)

Dato che il software vocale legge il sito dall'alto verso il basso, il tuo sito può essere compreso in questo modo?

È molto difficile rendere un sito con una navigazione complessa facile da usare per una persona di bind, inoltre una persona di bind non ha modo di sapere che parte della pagina è stata aggiornata da JavaScript e deve essere letta di nuovo.

Anche cambiare il colore degli articoli per i cambi di stato non è una buona opzione.

L'unico modo per imparare a far funzionare bene un sito Web per le persone vincolate è vedere come una persona vincolante utilizza uno screen reader su alcuni siti Web. Nessuno degli standard è abbastanza buono, ti dicono semplicemente cosa non dovresti fare, ma attenersi a loro non è abbastanza (a meno che non ti venga fornito solo testo statico come un sito di giornali).

È possibile utilizzare questo sito per ottenere una rapida panoramica della conformità: http://wave.webaim.org/

Svolge un lavoro simile al vecchio sistema "Bobby" che è stato chiuso un paio di anni fa.

Il governo olandese utilizza questo sito per testare i suoi siti sull'accessibilità. dai un'occhiata ... puoi anche inserire il tuo sito per testare il suo stato attuale sull'accessibilità ...

http://www.webrichtlijnen.nl/english/

Ho trovato il libro Dive into Accesibility liberamente scaricabile di Mark Pilgrim come utile punto di riferimento su questo tema. È del 2002 ma è ancora molto pertinente. Consigli come "usare un degrado aggraziato" non invecchiano.

WAI-ARIA sembra che ora potrebbe essere un'aggiunta al nostro arsenale di accessibilità.

Alcune informazioni su WAI-ARIA - http://www.alistapart.com/articles/waiaria

Penso che tu debba usare questo sito http://www.totalvalidator.com o il plugin firefox disponibile. Ha diverse convalide della disabilità e contrassegnerà tutto ciò che manca.

La risposta n. 1 è semplice: scrivi codice HTML / CSS valido e semanticamente corretto !!! Tutti i suggerimenti sopra sono buoni. Ecco una lista di controllo che ho scritto un paio di anni fa che mostra alcune cose che dovresti controllare su tutti i siti: https://forge.iowa.gov/wiki/index.php/Web_Checklist . Presuppone che tu abbia la barra degli strumenti Web Developer su FF, ma che sia gratuita e facilmente ottenibile.

Un paio di cose semplici che sento possono fare davvero la differenza:

Per i moduli, assicurarsi di utilizzare il tag LABEL. Crea un'area cliccabile più grande per cose come i pulsanti di opzione e collega anche le cose per gli screen reader.

Un'altra cosa che ritengo comunemente usata in modo improprio sono i tag h1, h2, h3 .... Se usati correttamente, possono aiutare qualcuno a navigare facilmente nella tua pagina. Se li modelliamo e li usiamo volenti o nolenti, è molto fuorviante per gli screen reader e altri dispositivi I / O senza mouse.

È anche bello consentire a qualcuno che sta navigando nella tua pagina senza tutti i tuoi splendidi CSS e immagini di saltare il codice ripetitivo al contenuto. Ciò viene comunemente ottenuto utilizzando un collegamento SKIP nascosto nel CSS. Ad esempio, <a href="#skipnav" class="noshow">Skip past navigation to content.</a>per consentire di saltare una lunga navigazione.

Come affermato da Tony, uno dei migliori test è quello di togliere tutte le campane e i fischi della tua pagina e vedere se ha ancora senso.