Lavora con noi

Web design

Siti tematici

Speciali

Web Design » Guide

Guida Accessibilità dei siti Web teorica

di: Angela Molteni

1. Introduzione

Una panoramica sull'accessibilità dei siti web per utenti disabili, in particolare di non vedenti e ipovedenti. La doverosa attenzione loro dovuta in fase di creazione delle pagine HTML.
2. Caratteri: utilizzo e particolarità

Contrasti di colore mirati e dimensioni del font agevolano la percezione degli ipovedenti.
3. Codici di marcatura dell'ipertesto (HTML 4.0)

Nuove indicazioni relative ai codici HTML 4.0 secondo le linee guida del W3Consortium.
4. Collegamenti (Links)

Chiarezza dei links e loro razionale posizionamento nelle pagine per rendere la struttura di un sito immediatamente comprensibile anche ai disabili.
5. Colori: loro utilizzo

Per i non vedenti, scritte nascoste che agevolano l'esplorazione di un sito web. Trasmissione di informazioni tramite colori.
6. Contenuti: chiarezza linguistica dei testi

Per i disabili (ma non solo), testi precisi, chiari e corretti grammaticalmente e sintatticamente. Particolare attenzione a eventuali traduzioni.
7. Elementi grafici in movimento: applets & javascripts - Grafica vettoriale

Contenuti della grafica in movimento e screen readers. Necessità di fornire testi alternativi.
8. Fogli di stile (Cascading Style Sheets)

Assicurare con i CSS piena accessibilità dei siti web e navigabilità delle pagine HTML a tutti gli utenti.
9. VForms (Moduli)

Condizioni di piena riconoscibilità da parte degli screen readers. Soluzioni da evitare.
10. Frames

Limiti di individuazione da parte degli screen readers. Versioni alternative delle pagine.
11. Gif animate

Didascalie delle immagini. Testi equivalenti. Facilitare la comprensione di sequenze animate anche tramite testi equivalenti, sonori o alternativi.
12. Grafici

Segnalazione dei grafici. Leggibilità della legenda. Long descriptions e/o testi alternativi.
13. Immagini: inserimento nelle pagine web

Immagini decorative, descrittive, sostitutive. Testo equivalente per tutti i tipi di immagine. Segnalazioni, didascalie nascoste e sonore. Mappe sensibili.
14. Impaginazione: criteri generali

Corretta segnalazione degli elementi e della sequenza di testi, immagini, animazioni.
15. Ipovedenti: strumenti specifici

Ingranditori, videoingranditori, zoom: accorgimenti da adottare in fase di sviluppo.
16. Multimedialità: audio e video

Inserimento di oggetti audiovisivi. Descrizioni testuali equivalenti, estese o alternative.
17. Operazioni da evitare

Formati e comandi da non utilizzare per garantire l'accessibilità dei siti web e delle pagine HTML.
18. Progettazione e sviluppo di un sito web

Redigere un progetto che preveda anche l'accessibilità dei sti web. In fase di sviluppo, fornire testi alternativi quando opportuno. Links tematici. Navigabilità del sito con tutti i browsers.
19. Scritte in movimento - Scritte lampeggianti - Html dinamico

Evitare quando possibile elementi in movimento o lampeggianti. Fornire testi alternativi.
20. Sommari e mappe

Importanza ai fini dell'orientamento degli utenti disabili. Posizione nelle pagine. Progettazione a colonne o con mappe contenenti zone sensibili.
21. Strumenti a disposizione dei non vedenti

Display braille, sintesi vocali, hardware e software a disposizione dei non vedenti.
22. Tabelle: utilizzo e avvertenze

Colonne singole destinate all'impaginazione. Tabelle multicolonne: controindicazioni.
23. Testi alternativi

Descrizioni da fornire ai disabili tramite testi estesi, sonori o equivalenti.
24. Valutazione di accessibilità del sito

Come uno sviluppatore può accertare l'accessibilità delle proprie pagine HTML.
25. Editor per lo sviluppo di un sito Web

Con quali strumenti occorre creare le pagine per renderle accessibili.
26. I software piu' utilizzati dai non vedenti

Alcuni software di uso comune per i disabili, in particolare per i non vedenti.