rendere i siti Web accessibili ai non vedenti?

Question

qualcuno può darmi qualche consiglio o collegarmi con alcuni buoni collegamenti su questo?

Ho difficoltà a trovare molto di più di 'aggiungi testo alternativo alle immagini' e non sono sicuro di quanto siano aggiornate le informazioni ...

Ricevo tutto il markup semantico ma probabilmente avrei potuto fare anche un po 'più di guida su questo.

inoltre, non sono sicuro di come funzionerebbero su diversi browser ....

grazie!

Answer 1

1) Usa i tag di intestazione HTML per ogni sezione del contenuto delle tue pagine. I tag di intestazione sono: h1, h2, h3, h4, h5, h6

2) Assicurati che i tag di intestazione precedentemente menzionati esistano con la sequenza erirarca corretta. Ad esempio i tag h1 sono importanti dei tag h2. Gli screen reader utilizzano questi tag di intestazione per navigare nel contenuto della pagina. Se non presenti o ordinati in modo improprio, un utente con visione visiva non può navigare nel contenuto della pagina.

3) Non utilizzare JavaScript per modificare dinamicamente il contenuto sullo schermo senza prima richiedere all'utente che il testo cambierà. Se JavaScript modifica il testo sullo schermo prima che uno screen reader possa leggere il contenuto, non è possibile che un utente con visione visiva sappia che il contenuto è stato modificato.

4) Non fornire all'utente 1000 immagini. Se un'immagine non trasmette contenuti pertinenti, trasformala in un'immagine di sfondo CSS.

5) Sii gentile con l'attributo title, specialmente sui tag anchor. Questo può dire all'utente dove stanno per andare.

6) Non inserire testo su un'immagine che non può essere trasmessa come contenuto alternativo. Gli utenti visivi non leggono le immagini.

7) Assicurati che tutti i tuoi metadati siano pertinenti. Se modifichi uno qualsiasi dei tuoi contenuti, assicurati di non dimenticare i bit extra di dati descrittivi.

8) AJAX sconfigge l'accessibilità. Sii gentile con il tuo uso di AJAX.

9) I visual vised, e in realtà quasi tutti gli utenti visual, non si preoccupano della bellezza delle tue pagine. Sono lì per ottenere informazioni, fare acquisti o qualsiasi altro scopo specifico. Rendi i tuoi dati facili da capire e veloci da recuperare. Se un utente non può entrare, ottenere ciò che voleva e poi uscire a tempo di record non tornerà mai più.

10) Non utilizzare tag di presentazione o attributi di presentazione nel tuo HTML. Usa un foglio di stile. Se il tuo HTML contiene convenzioni di presentazione, probabilmente non sono accessibili.

11) Se i tuoi contenuti esistono visivamente in un ordine diverso rispetto a come sono scritti nell'HTML, dall'alto verso il basso, probabilmente non accedono all'accessibilità. Mantieni le cose ordinate e coerenti. Gli utenti si aspettano che il contenuto scorra dall'alto verso il basso e che l'indicizzazione delle schede segua il flusso del contenuto.

12) Esegui test di usabilità con il software dello screen reader. Non è possibile sapere quanto sia accessibile una pagina guardando.

Answer 2

Sono totalmente cieco, e rimarrai stupito di quanta roba non ha ancora attributi alt su di esso dopo tutti questi anni ... Fai attenzione, ci sono ancora molti miti là fuori, come no grafica consentita (sbagliata), i talbi sono cattivi (sbagliati) e i frame sono cattivi (sbagliato, anche se mi rendo conto che i frame sono cattivi per altri motivi.) Idealmente dovresti avere qualcuno che è cieco testare il tuo sito, se hai bisogno di ulteriore aiuto su questo feeling libero di scrivermi a westbchris@gmail.com. Un'altra cosa, prova a fare controlli che effettivamente fanno cose pulsanti e / o collegamenti. I div cliccabili non sono interessanti perché non è ovvio che facciano qualsiasi cosa e, a seconda della tecnologia di supporto che stai utilizzando, potresti non essere nemmeno in grado di fare clic su di essi.

Answer 3

Dai un'occhiata a questa spiegazione da Alertbox:

Utenti disabili e Web (L'articolo è del 1996 ... ma i problemi sono ancora veri, se non di più oggi)

... quindi segui il link in fondo al rapporto di 148 pagine con Linee guida per la progettazione (il documento è protetto da copyright 2001 quindi deve essere stato aggiornato dall'originale).

Answer 4

Il termine per questo è Accessibilità. Dai un'occhiata al sito web WAI del W3C . Ho sempre trovato Juicy Studio essere una risorsa inestimabile per gli articoli che parlano di accessibilità.

Answer 5

Esistono definizioni approfondite che sono difficili da padroneggiare e implementare. Gli esempi includono Linee guida per l'accessibilità dei contenuti Web (WCAG) e Sezione 508 .

Un suggerimento non ufficiale è quello di rendere il tuo sito facile da navigare con un browser di testo. Non fare affidamento su colori o struttura per trasmettere contenuti. Non fare affidamento sui widget per funzionalità importanti.

MODIFICA : ho pensato di aggiungere che non dovresti preoccuparti di testare il tuo sito con JAWS o un altro screen reader. La tua incapacità di navigare in un sito sarebbe più correlata alla tua inesperienza con lo screen reader piuttosto che all'inaccessibilità del sito. Detto questo, avere un campione del tuo pubblico target per testare l'usabilità del tuo sito è estremamente utile.

MODIFICA N. 2: Come discusso nei commenti, intendevo comunicare che non dovresti esprimere giudizi sull'usabilità di un sito in base alle tue esperienze con uno screen reader. Detto questo, consiglierei a chiunque nello sviluppo Web di essere esposto ai browser / alle apparecchiature utilizzate per visualizzare i siti Web inclusi gli screen reader. Era una formulazione scadente nella modifica originale.

Answer 6

Beh, sembra che nessuno abbia menzionato WAI- ARIA che è per le Rich Internet Application accessibili. IE rende accessibili cose come Gmail. E un termine di ricerca decente per trovare cose come questo un elenco a parte di un articolo su wai-aria . Già abbastanza supportato.