Reazioni

Utente:
"Non posso entrare in biblioteca per studiare o per fare delle ricerche! Come faccio?"

Amministrazione:
"Non si preoccupi, può farlo da casa!
Nel nostro sito Web si possono trovare informazioni di ogni tipo, consultare il catalogo, ecc."

Conseguenze:

Tutto ciò non è supportato dalle
cosiddette

"Tecnologie diverse"

Soggetti interessati

Coloro che:

• Non sono in grado di usare la tastiera o il mouse
  
  
• Usano computer o browser di vecchie generazioni
  
  
• Usano browser o sistemi operativi alternativi
  
  
• Usano un lettore solo-testo, od un piccolo monitor

Soggetti interessati /2

• Usano una connessione a Internet lenta
  
  
• Usano dei computer palmari
  
  
• usano dei telefonini
  
  
• Non dominano la lingua in cui è scritto il testo
  
  
• ... ...

Discriminazione

Si è creata così una nota discriminante:

Utenti "normali"

Utenti con qualche forma di disabilità o che usano tecnologie diverse dal consueto

L'accesso

La discriminanza è la possibilità di
accedere o non accedere
ai servizi tramite il Web.

Si parla di
Accessibilità del Web

Accessibilità:

Accessibilità /2

Fin dall'inizio Internet è stato "pensato" accessibile:

“La potenza del Web sta nella sua universalità.
Garantirne l’accesso a chiunque,
indipendentemente dalla sua disabilità
è un aspetto essenziale”

Tim Berners Lee – Direttore del W3C, "inventore" del Web

Accessibilità /3

Per coloro che operano in siti di pubblica utilità,

accessibilità significa:

Offerta di servizi e risorse
progettati in maniera tale
da essere facilmente utilizzati
da tutti gli utenti

Le tecnologie assistive

Per usufruire dei personal computer,
le persone con disabilità
devono utilizzare le cosiddette
"tecnologie assistive" (o "ausili")

Le tecnologie assistive /2

Le tecnologie assistive effettuano
una conversione "equivalente" dell'informazione
da un organo di senso ad un altro.
Esempi:

• dalla vista (schermo del PC) al tatto (Barra Braille per non vedenti)
• dalla vista (schermo del PC) all'udito (sintesi vocale per non vedenti)
• dall'udito (documenti audio) alla vista (documenti testuali - riconoscitore vocale per disabili motori e non udenti)
• ... ...

Non vedenti

Possono utilizzare la tastiera, ma non il monitor ed il mouse.
Per questo molti di loro lavorano con il DOS,
usando programmi di tipo "solo testo"
(es: Lynx Browser)

Ausili:
Programmi di conversione che trasformano
il contenuto dello schermo:

• Display Braille
• Sintesi vocali

Browser testuali

Operano in un ambito di solo testo
(senza grafica, senza mouse, senza script, ...)

Google, visto con "Lynx browser":

Display Braille (Barra Braille)

Dispositivo piezoelettrico con una serie di punti
che si alzano e si abbassano a seconda delle lettere
lette sullo schermo

Trasforma parte dello schermo in una riga scritta in alfabeto Braille

Stampanti Braille

Stampano il testo in rilievo, su carta, in caratteri Braille

Sintesi vocali: Screen Reader

• Programmi che lavorano in background
  
  
• Attraverso una scheda audio trasformano il testo che viene rappresentato sullo schermo in una voce che legge il testo stesso

Sintesi vocali: Browser vocali

• Programmi simili agli screen reader, finalizzati alla sola navigazione in internet
  
  
• più agevoli da usare solo per questa funzione

Sintesi vocali

Come legge una sintesi vocale:

Ipovedenti

Possono utilizzare la tastiera, il monitor ed il mouse.

In genere hanno bisogno di modificare la postazione di lavoro con opportuni strumenti:

• Ingranditori di schermo
• Funzioni di Zoom
• Facilitazioni di accesso del sistema
• Tastiera modificata

Ipovedenti /2

Visione dello schermo attraverso
l'"Accesso facilitato" di Windows:

Audiolesi

Non sentono i suoni

Simboli del linguaggio per sordomuti

Ausili:

• Riconoscitore vocale

Disabili motori

Hanno difficoltà di movimenti.

Hanno bisogno di strumenti modificati

Trackball con il pulsante del "click"
azionato con il piede

Mouse azionato con i piedi

Tastiere speciali

Altre disabilità

Per molte tipologie di disabilità
non sono disponibili
tecnologie compensative specifiche

In questi casi l'accessibilità è assicurata
mediante l'utilizzo di
particolari accorgimenti tecnici
e redazionali
nella realizzazione delle pagine del sito Web

Altre disabilità /2

Utenti che hanno difficoltà nella percezione dei colori,
per i quali è necessario garantire un
sufficiente contrasto tra testo e sfondo

Altre disabilità /3

Utenti affetti da epilessie fotosensibili

• è necessario evitare di inserire in una pagina
  immagini in movimento con determinate frequenze
  che potrebbero provocare l'insorgere di una crisi

Utenti con difficoltà cognitive

• è necessario realizzare chiari meccanismi di navigazione
  ed utilizzare un linguaggio chiaro e semplice nella stesura dei documenti

Altre disabilità /4

Ultime tecnologie ...

• Telefonini ...
  
  
• Palmari ...
  
  
• ...

Gli standard per l'accessibilità

Il W3C
attraverso la sua attività
Web Accessibility Initiative
(WAI)
ha emanato nel 1999 le

Web Content Accessibility Guidelines 1.0 (WCAG 1.0)
(Linee guida per l'accessibilità ai contenuti del Web)

WCAG 1.0

Sono di una serie di regole rivolte ai tecnici del Web,
il cui fine primario è promuovere l'accessibilità
e la sua applicazione

Accettate e raccomandate a livello internazionale,
sono considerate fondamentali
per l'accessibilità:

• <http://www.w3.org/TR/WAI-WEBCONTENT>
• <http://www.aib.it/aib/cwai/WAI-trad.htm>
  (in Italiano)

WCAG 1.0

• Spiegano agli autori di pagine e siti Web come rendere accessibili i contenuti
  
  
• Sono organizzate in 14 linee guida che forniscono i principi generali per un design accessibile
  
  
• Ogni linea guida è associata a dei Punti di controllo (checklists) che descrivono la sua applicazione a particolari aspetti di documenti Web.

WCAG 2.0

Entro il 2008 dovrebbero uscire ufficialmente
le WCAG 2.0 (4 principi e 12 linee guida)

Secondo le WCAG 2.0 un sito dovrà essere:

1. Percepibile
   I contenuti e l'interfaccia devono poter essere percepiti con almeno uno dei sensi
2. Operabile
   Ci deve essere possibilità di poter interagire con i contenuti.
3. Comprensibile
   I contenuti ed i comandi devono essere comprensibili
4. Robusto
   I contenuti devono essere durevoli nel tempo.

<http://www.w3.org/TR/WCAG20/>

La legislazione

In moltissimi paesi del mondo
sono state emanate delle Leggi
riguardo l'accessibilità dei siti pubblici

In Italia

In Italia la Pubblica Amministrazione
e gli Enti di Pubblica Utilità sono soggetti alla

Legge 9 gennaio 2004, n. 4
("Legge Stanca")

"Disposizioni per favorire l'accesso dei soggetti disabili
agli strumenti informatici"

Una Legge per l'accessibilità

Le WCAG 1.0 sono state recepite
anche in Italia,
che ne ha tenuto conto
nel Regolamento
della "Legge Stanca"

Legge Stanca /1

Tra i suoi oggetti principali: l'accessibilità dei siti Web

Definizione:
I servizi realizzati tramite sistemi informatici
sono definiti accessibili quando presentano:

• Accessibilità al contenuto del servizio da parte dell'utente
• Fruibilità delle informazioni offerte
• Compatibilità con le linee guida internazionali sull'accessibilità
  (UE, ISO, W3C)

Legge Stanca /2

Art. 1. (Obiettivi e finalità)

1. La Repubblica riconosce e tutela il diritto di ogni persona ad accedere a tutte le fonti di informazione e ai relativi servizi, ivi compresi quelli che si articolano attraverso gli strumenti informatici e telematici.
   
   
2. È tutelato e garantito, in particolare, il diritto di accesso ai servizi informatici e telematici della pubblica amministrazione e ai servizi di pubblica utilità da parte delle persone disabili, in ottemperanza al principio di uguaglianza ai sensi dell’articolo 3 della Costituzione.

Legge Stanca /4

Art. 3. (Soggetti erogatori)

1. La legge si applica a:

• Pubbliche Amministrazioni
• Enti Pubblici economici
• Aziende private concessionarie di servizi pubblici
• Aziende municipalizzate regionali
• Enti di assistenza e di riabilitazione pubblici
• Aziende di trasporto e di telecomunicazione a prevalente partecipazione di capitale pubblico
• Aziende appaltatrici di servizi informatici.

Legge Stanca /5

Le Amministrazioni Pubbliche sono:

• Istituti e scuole di ogni ordine e grado e le istituzioni educative
• Aziende ed amministrazioni dello Stato ad ordinamento autonomo
• Regioni
• Province
• Comuni
• Comunità montane, e loro consorzi e associazioni
• Istituzioni universitarie
• Istituti autonomi case popolari
• Camere di commercio, industria, artigianato e agricoltura e loro associazioni
• tutti gli Enti Pubblici non economici nazionali, regionali e locali
• le Amministrazioni, le aziende e gli enti del Servizio Sanitario Nazionale
• l'Agenzia per la rappresentanza negoziale delle pubbliche amministrazioni (ARAN) e le Agenzie di cui al decreto legislativo 30 luglio 1999, n. 300.

Legge Stanca - Sanzioni

Art. 4. e Art. 9. (Obblighi per l'accessibilità e Responsabilità)
Sono previste delle sanzioni:

• per chi fornisce siti Internet alla P. A.
• per i dirigenti P. A.

Legge Stanca - Le regole

La Legge fornisce specifiche Regole Tecniche
che disciplinano l'accessibilità:

"Requisiti tecnici e i diversi livelli
per l'accessibilità agli strumenti informatici"

(Decreto Ministeriale 8 luglio 2005)

sono 22 Requisiti di accessibilità
ai quali la P.A. deve conformarsi

22 Requisiti

Sono basati su:

• Web Content Accessibility Guidelines 1.0
  (WCAG 1.0)
• "Section 508",
  analoga normativa federale in vigore negli Stati Uniti.

Per conoscere la Legge e i 22 Requisiti:

<http://www.pubbliaccesso.it/>

Alcuni dei Requisiti...
Requisito n. 1

"Realizzare le pagine e gli oggetti al loro interno
utilizzando tecnologie definite da grammatiche formali
pubblicate nelle versioni più recenti disponibili ..."

...in pratica:

Usare i protocolli standard del Web

Requisito 1

Per i siti nuovi il Requisito n.1 richiede di utilizzare almeno
HTML 4.01 o preferibilmente XHTML 1.0, in ogni caso con
DTD di tipo Strict

Esempi di intestazioni consentite:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
     "http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Requisito n. 2

"Non è consentito l'uso dei frame
nella realizzazione di nuovi siti. ..."

Frame:

• La possibilità di suddividere lo schermo in più aree indipendenti che interagiscono tra loro
  
  
• In pratica, sono delle pagine Web separate, ma viste contemporaneamente nella stessa schermata

Requisito n. 2

Esempio di Frame

I browser non visuali possono usufruire
solo di una pagina alla volta

= disorientamento dell'utente

Requisito n. 3

"Fornire una alternativa testuale equivalente
per ogni oggetto non di testo presente in una pagina ..."

Questa caratteristica
è basilare
per avere almeno un minimo di accessibilità

Requisito n. 3

Esempio:

Immagine:

Con le immagini disabilitate, senza testo alternativo:

Con le immagini disabilitate, ma con testo alternativo:

Requisito n. 4

"Garantire che tutti gli elementi informativi
e tutte le funzionalità siano disponibili
anche in assenza del particolare colore utilizzato
per presentarli nella pagina. ..."

Requisito n. 4

Esempio:

"... per entrare, clicca sul fiore rosa"

Ma un utente affetto da protanopia lo vede così:

Non ci si può basare solo sul colore

Requisito n. 5

"Evitare oggetti e scritte lampeggianti o in movimento
le cui frequenze di intermittenza
possano provocare disturbi da epilessia fotosensibile
o disturbi della concentrazione, ..."

Requisito n. 6

"Garantire che siano sempre distinguibili
il contenuto informativo e lo sfondo,
ricorrendo a un sufficiente contrasto; ..."

Esempio

Pessimo contrasto: Nel mezzo del cammin di nostra vita...

Buon contrasto: Nel mezzo del cammin di nostra vita...

Requisito n. 6

"... evitare di presentare testi in forma di immagini ..."

Esempio

Testo in forma di immagine:

Lo stesso, visto con le immagini disabilitate:

Requisito n. 11

"Usare i fogli di stile
per controllare la presentazione dei contenuti
e organizzare le pagine
in modo che possano essere lette
anche quando i fogli di stile siano disabilitati o non supportati."

Separare il contenuto dalla presentazione,

• usando i Fogli di Stile (CSS)
• eliminando tutto il codice ridondante nell’HTML,

per avere una pagina web più accessibile, snella ed essenziale.

Separare il contenuto dalla presentazione /1

Alcuni esempi da CSS Zen Garden
<http://www.csszengarden.com>:

Separare il contenuto dalla presentazione /2

esempi ...

Separare il contenuto dalla presentazione /3

esempi ...

Separare il contenuto dalla presentazione /4

esempi ...

Separare il contenuto dalla presentazione /5

esempi ...

Separare il contenuto dalla presentazione /6

esempi ...

Separare il contenuto dalla presentazione /7

esempi ...

Separare il contenuto dalla presentazione/8

Ma il contenuto è sempre questo:

Separare il contenuto dalla presentazione /9

Queste slide (XHTML 1.1 Strict)
viste con un browser testuale (Lynx),
senza CSS, immagini o script:

Requisito n. 12

"La presentazione e i contenuti testuali di una pagina
devono potersi adattare alle dimensioni della finestra
del browser utilizzata dall'utente senza sovrapposizione
degli oggetti presenti o perdita di informazioni
tali da rendere incomprensibile il contenuto,
anche in caso di ridimensionamento, ingrandimento
o riduzione dell'area di visualizzazione o dei caratteri
rispetto ai valori predefiniti di tali parametri."

Per garantire sempre la visibilità dei contenuti

Requisito n. 19

"Rendere chiara la destinazione di ciascun collegamento ipertestuale (link) con testi significativi anche se letti indipendentemente dal proprio contesto ..., nonché prevedere meccanismi che consentano di evitare la lettura ripetitiva di sequenze di collegamenti comuni a più pagine."

In pratica:

• Evitare il: "clicca qui"
• Inserire dei titoli interni al link, avvisando se apre una nuova pagina o se apre altri oggetti
• Inserire dei link normalmente invisibili per saltare blocchi di testo.

Requisito n. 21

"Rendere selezionabili e attivabili tramite comandi da tastiere ..., o tramite sistemi di puntamento diversi dal mouse
i collegamenti presenti in una pagina;
... garantire che la distanza verticale di liste di link e la spaziatura orizzontale tra link consecutivi sia di almeno 0,5 em, ... e che le dimensioni dei pulsanti in un modulo siano tali da rendere chiaramente leggibile l'etichetta in essi contenuta."

In pratica:

• Link principali non attivabili solo con il mouse
• Link e tasti con distanze e dimensioni appropriate.

Verificare l'accessibilità

L'accessibilità di un sito Web si può verificare attraverso:

• Gli strumenti di supporto forniti dal W3C
• Dei programmi di valutazione
• Revisione umana
  (Soltanto una revisione fatta dagli utenti
  potrà definitivamente dire se un sito
  è accessibile oppure no)

Alcuni riferimenti in Rete /1

Alcuni riferimenti in Rete /2

Alcuni riferimenti in Rete /3

Bibliografia

Concludendo...

Quando si parla di accessibilità
si entra in argomenti
dettati dal buonsenso.

Fuori dai tecnicismi,
l'importante è coltivare
la Cultura dell'accessibilità
come mezzo
di vera democrazia.