Costruzione di un sito web accessibile alle persone con disabilità visive (1 su 3) - 25 RACCOMANDAZIONI per l'accessibilità dei servizi online.

1. Tutti gli elementi grafici dovrebbero avere un testo alternativo conciso (alt) che descrive ciò che si trova sull'immagine o, se l'immagine è un link, dove porta quel link. Se le immagini sono esclusivamente decorative, dovrebbero avere un "alt" attributo vuoto.
2. Si dovrebbero evitare elementi animati, testi in movimento, poiché possono distrarre tutti gli utenti, non solo quelli con disabilità. Alcune immagini animate, soprattutto quelle animate in modo aggressivo e veloce, possono rappresentare un rischio per le persone affette da epilessia fotoindotta!
3. Tutti i file audio (programmi, interviste, conferenze) dovrebbero essere integrati con una trascrizione testuale. I lettori audio di questi file sul sito web dovrebbero essere utilizzabili tramite tastiera e accessibili alle persone non vedenti.
4. Tutti i file video dovrebbero essere integrati con sottotitoli per non udenti. I lettori video dovrebbero essere accessibili alle persone non vedenti e a coloro che utilizzano esclusivamente la tastiera. < br> 5. Tutti i file multimediali e Flash dovrebbero essere accessibili o resi disponibili in forma alternativa. < br> 6. I file PDF, Word e altri file popolari scaricabili dovrebbero essere preparati per essere accessibili. Ad esempio, i file PDF dovrebbero avere una struttura che faciliti la consultazione di tali documenti da parte delle persone non vedenti. < br> 7. I testi sul sito web dovrebbero essere scritti in modo più semplice possibile, in modo che siano accessibili anche alle persone meno istruite e alle persone con disabilità intellettive.
8. I testi dovrebbero essere pubblicati in modo leggibile - suddivisi in paragrafi, elenchi e altre sezioni; non allineati a destra; gli acronimi dovrebbero essere spiegati alla prima occorrenza su ogni pagina. Il testo dovrebbe essere completato da titoli (h1-h6) in modo che le persone non vedenti possano passare facilmente alla sezione che li interessa. < br> 9. La navigazione (menu) dovrebbe essere coesa, logica e invariabile all'interno del sito. La navigazione in tutto il sito dovrebbe essere accessibile dalla tastiera. < br> 10. Tutti gli elementi interattivi, come i link, i banner o i campi modulo, dovrebbero avere un chiaro focus visivo (di solito sotto forma di cornice visibile durante la navigazione sulla pagina con il tasto TAB). È consigliabile rafforzare il focus predefinito in modo che sia ben visibile anche alle persone ipovedenti. < br> 11. Tutti i link dovrebbero essere unici e comprensibili, anche fuori contesto. Non utilizzare link come ">>" o "more" o "clicca qui". I link non devono aprire nuove finestre o schede del browser senza avviso. < br> 12. Si consiglia di utilizzare la funzionalità "skip links", che consente di passare direttamente ai contenuti di una singola pagina. Questo è particolarmente importante nei siti web che hanno decine di link nella navigazione/menu principale. < br> 13. Il contrasto cromatico di tutti gli elementi contenenti contenuti (testi, link, banner) o funzionali deve avere un rapporto di luminosità del testo rispetto allo sfondo di almeno 4,5 a 1, e meglio se non inferiore a 7 a 1. < br> 14. La pagina dovrebbe essere soggetta a un significativo ingrandimento (almeno del 200%) tramite gli strumenti del browser. È meglio se la pagina rimane all'interno della finestra del browser ingrandita e non mostra la barra di scorrimento orizzontale dello schermo. La pagina ingrandita non deve "perdere" contenuti. < br> 15. Tutti i titoli (title) delle pagine devono essere unici e informare sui contenuti della sottopagina in cui si trova l'utente. La disposizione del contenuto nel titolo dovrebbe seguire lo schema: [Titolo della sottopagina] - [Nome dell'istituzione]. < br> 16. Tutte le sottopagine dovrebbero essere basate su intestazioni. Le intestazioni (h1-h6) sono il modo principale per organizzare il contenuto della pagina. L'intestazione h1 dovrebbe essere il titolo del testo principale sulla pagina. < br> 17. Per organizzare i contenuti nei testi, o negli elementi di navigazione, utilizzare elenchi puntati e numerati. < br> 18. La lingua del sito e delle sezioni in lingua straniera dovrebbe essere specificata dall'attributo lang. < br> 19. Le citazioni dovrebbero essere adeguatamente evidenziate - almeno con le virgolette. < br> 20. Il codice del sito dovrebbe essere conforme agli standard e non utilizzare tabelle come elemento strutturale della pagina. < br> 21. Le tabelle utilizzate per trasmettere dati dovrebbero essere strutturate in modo semplice e avere intestazioni. < br> 22. Tutti i frame dovrebbero essere titolati adeguatamente. < br> 23. Tutti gli script e gli applet dovrebbero essere accessibili alle persone non vedenti e a coloro che utilizzano solo la tastiera. < br> 24. I moduli, compreso il modulo di ricerca, dovrebbero essere progettati in conformità agli standard. Tutti i campi dei moduli e i pulsanti dovrebbero essere correttamente descritti. < br> 25. Il sito dovrebbe essere accessibile su browser e dispositivi con CSS disattivato.

1. Tutti gli elementi grafici dovrebbero avere un testo alternativo conciso (alt) che descrive ciò che si trova sull'immagine o, se l'immagine è un link, dove porta quel link. Se le immagini sono esclusivamente decorative, dovrebbero avere un "alt" attributo vuoto.
2. Si dovrebbero evitare elementi animati, testi in movimento, poiché possono distrarre tutti gli utenti, non solo quelli con disabilità. Alcune immagini animate, soprattutto quelle animate in modo aggressivo e veloce, possono rappresentare un rischio per le persone affette da epilessia fotoindotta!
3. Tutti i file audio (programmi, interviste, conferenze) dovrebbero essere integrati con una trascrizione testuale. I lettori audio di questi file sul sito web dovrebbero essere utilizzabili tramite tastiera e accessibili alle persone non vedenti.
4. Tutti i file video dovrebbero essere integrati con sottotitoli per non udenti. I lettori video dovrebbero essere accessibili alle persone non vedenti e a coloro che utilizzano esclusivamente la tastiera. < br> 5. Tutti i file multimediali e Flash dovrebbero essere accessibili o resi disponibili in forma alternativa. < br> 6. I file PDF, Word e altri file popolari scaricabili dovrebbero essere preparati per essere accessibili. Ad esempio, i file PDF dovrebbero avere una struttura che faciliti la consultazione di tali documenti da parte delle persone non vedenti. < br> 7. I testi sul sito web dovrebbero essere scritti in modo più semplice possibile, in modo che siano accessibili anche alle persone meno istruite e alle persone con disabilità intellettive.
8. I testi dovrebbero essere pubblicati in modo leggibile - suddivisi in paragrafi, elenchi e altre sezioni; non allineati a destra; gli acronimi dovrebbero essere spiegati alla prima occorrenza su ogni pagina. Il testo dovrebbe essere completato da titoli (h1-h6) in modo che le persone non vedenti possano passare facilmente alla sezione che li interessa. < br> 9. La navigazione (menu) dovrebbe essere coesa, logica e invariabile all'interno del sito. La navigazione in tutto il sito dovrebbe essere accessibile dalla tastiera. < br> 10. Tutti gli elementi interattivi, come i link, i banner o i campi modulo, dovrebbero avere un chiaro focus visivo (di solito sotto forma di cornice visibile durante la navigazione sulla pagina con il tasto TAB). È consigliabile rafforzare il focus predefinito in modo che sia ben visibile anche alle persone ipovedenti. < br> 11. Tutti i link dovrebbero essere unici e comprensibili, anche fuori contesto. Non utilizzare link come ">>" o "more" o "clicca qui". I link non devono aprire nuove finestre o schede del browser senza avviso. < br> 12. Si consiglia di utilizzare la funzionalità "skip links", che consente di passare direttamente ai contenuti di una singola pagina. Questo è particolarmente importante nei siti web che hanno decine di link nella navigazione/menu principale. < br> 13. Il contrasto cromatico di tutti gli elementi contenenti contenuti (testi, link, banner) o funzionali deve avere un rapporto di luminosità del testo rispetto allo sfondo di almeno 4,5 a 1, e meglio se non inferiore a 7 a 1. < br> 14. La pagina dovrebbe essere soggetta a un significativo ingrandimento (almeno del 200%) tramite gli strumenti del browser. È meglio se la pagina rimane all'interno della finestra del browser ingrandita e non mostra la barra di scorrimento orizzontale dello schermo. La pagina ingrandita non deve "perdere" contenuti. < br> 15. Tutti i titoli (title) delle pagine devono essere unici e informare sui contenuti della sottopagina in cui si trova l'utente. La disposizione del contenuto nel titolo dovrebbe seguire lo schema: [Titolo della sottopagina] - [Nome dell'istituzione]. < br> 16. Tutte le sottopagine dovrebbero essere basate su intestazioni. Le intestazioni (h1-h6) sono il modo principale per organizzare il contenuto della pagina. L'intestazione h1 dovrebbe essere il titolo del testo principale sulla pagina. < br> 17. Per organizzare i contenuti nei testi, o negli elementi di navigazione, utilizzare elenchi puntati e numerati. < br> 18. La lingua del sito e delle sezioni in lingua straniera dovrebbe essere specificata dall'attributo lang. < br> 19. Le citazioni dovrebbero essere adeguatamente evidenziate - almeno con le virgolette. < br> 20. Il codice del sito dovrebbe essere conforme agli standard e non utilizzare tabelle come elemento strutturale della pagina. < br> 21. Le tabelle utilizzate per trasmettere dati dovrebbero essere strutturate in modo semplice e avere intestazioni. < br> 22. Tutti i frame dovrebbero essere titolati adeguatamente. < br> 23. Tutti gli script e gli applet dovrebbero essere accessibili alle persone non vedenti e a coloro che utilizzano solo la tastiera. < br> 24. I moduli, compreso il modulo di ricerca, dovrebbero essere progettati in conformità agli standard. Tutti i campi dei moduli e i pulsanti dovrebbero essere correttamente descritti. < br> 25. Il sito dovrebbe essere accessibile su browser e dispositivi con CSS disattivato.

Show original content

2 users upvote it!

0 answers