Accessibilità di un sito Internet

di Marco Calvo http://www.e-text.it/


Clausole di distribuzione

Questo documento è disponibile in versione aggiornata sul sito: http://accessibilita.e-text.it/

È distribuito con licenza:

Logo Creative Commons “Creative Commons Attribution-Non Commercial-ShareAlike”

Per informazioni sulla licenza, visitare il sito Internet: http://creativecommons.org/licenses/by-nc-sa/1.0/


Indice


Presentazione

Marco Calvo

Mi occupo di...


Scenario

Oggi


Scenario

Prospettive


Scenario

Un esempio dei dispositivi prossimi venturi, un e-book di ultima generazione:

Fotografia del Sony LIBRIé (click sull'immagine per ingrandire)


Scenario

Nota: dati tratti da "Libro Bianco sul rapporto tra disabili e innovazione", 5 marzo 2003. URL: http://www.pubbliaccesso.gov.it/biblioteca/documentazione/libro_bianco.htm


Scenario

Come risolvere le problematiche introdotte dall'esigenza di creare contenuti universali?


Definizione di accessibilità

(definizioni tratte dalla legge n° 4 del 9 gennaio 2004)


Tipologie di disabilità


Tipologie di disabilità

Disabilità sensoriali


Tipologie di disabilità

Disabilità motorie


Tipologie di disabilità

Disabilità cognitive


Tecnologie assistive

Strumenti che garantiscono l'accessibilità:


Tecnologie assistive

Consapevolezza dell'autore


Tecnologie assistive

Dispositivi hardware

Una tastiera con tasti ingranditi (click sull'immagine per ingrandire)

Un display braille (click sull'immagine per ingrandire)

Un joystick (click sull'immagine per ingrandire)


Tecnologie assistive

Dispositivi hardware


Tecnologie assistive

Software

Molto ampia la gamma di programmi utili a utenti disabili. Tra questi, citiamo:


Norme

In Italia:

Negli U.S.A.


Riferimenti e linee guida W3C

In lingua italiana:

In lingua inglese:


Riferimenti e linee guida W3C

Un concetto importante introdotto nelle WCAG 1.0:


I linguaggi di impaginazione


I linguaggi di impaginazione


I linguaggi di impaginazione

Una evoluzione importante: CSS (Cascading Style Sheet):


I linguaggi di impaginazione

Tra le alternative più diffuse all'HTML: Macromedia Flash, http://www.macromedia.com/software/flash/


La sintassi


La sintassi: doctype

Es.:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN“ “http://www.w3.org/TR/html4/loose.dtd”>


La sintassi: doctype

Fare questo esercizio:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="it"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Prova</title> </head> <body> <div style="background-color:#FFFF00; width:200px; margin-left:auto; margin-right:auto">Prova</div> </body> </html>


La sintassi: immagini

Attributi:


La sintassi: link

Alcuni attributi:

Raccomandazioni:

Es.:

<area shape="rect" coords=“0,0,10,10" href=“01.htm" alt=“descrizione">


La sintassi: link

Facilita la navigazione:


La sintassi: tabelle


La sintassi: tabelle

Alcuni tag e attributi:


La sintassi: tabelle

Una alternativa a th scope è:

<th id="fatturato"> (per l'intestazione) … <td headers="fatturato"> (per la cella con i dati).

Il supporto degli user agent a questi tag è spesso carente.


La sintassi: form

I form costituiscono uno degli ostacoli principali per i ciechi.

Il tag <label>

oppure


La sintassi: form

L'attributo accesskey="a"


La sintassi: form


La sintassi: frame

I frame sono sconsigliati dal W3C, e di fatto sempre meno utilizzati, perché afflitti da alcuni problemi:

Possono essere validamente sostituiti da <iframe> e/o da <div>


La sintassi: frame

In attesa della loro abolizione, si raccomanda almeno che venga specificato nel frameset l'attributo title="Descrizione" (da non confondere con name="Nome") per ciascuno dei frame. Es.:

<frameset rows="80,*"> <frame src="01.htm" name="top" title="menu navigazione"> <frame src="02.htm" name="main" title="contenuto"> </frameset>


La sintassi: colori


La sintassi: font

Definire quando possibile la dimensione del carattere utilizzando unità di misura proporzionali.

Nota: purtroppo Internet Explorer 6 non supporta correttamente la misura "px" e la tratta come una unità di misura non proporzionale. D'altro canto, le altre unità di misura non vengono interpretate in modo uniforme dai vari user agent.


La sintassi: altri accorgimenti


Strumenti di valutazione

Siti Internet

Software


Esercizi

Realizzare una pagina in “HTML 4.01 transitional” contenente:


Fine

«La forza del Web sta nella sua universalità. L'accesso da parte di tutti, indipendentemente dalle disabilità, ne è un aspetto essenziale>.

Tim Berners-Lee.

Questo documento è disponibile per il download (e l'uso secondo la licenza "Creative Commons" indicata nella slide "Clausole di distribuzione") a questo indirizzo: http://accessibilita.e-text.it/.