1. Facoltà di
Corso di studi in Ingegneria delle Telecomunicazioni
UNA CHAT ACCESSIBILE IN ACCORDO ALLA LEGGE “STANCA”
©Alessandro Coppola

2. Facoltà di ingegneria
Corso di studi in Ingegneria delle Telecomunicazioni
CONTESTO
Web 2.0
Realizzazione di siti web di seconda generazione “accessibili”
CONTRIBUTO
Analisi di accessibilità dei social network
Implementazione e sperimentazione di un modulo di
chat accessibile

3. Facoltà di ingegneria
Corso di studi in Ingegneria delle Telecomunicazioni
Web 1.0
Contenuti statici
Centralità dell’editore
Natura e presentazione
dei contenuti “primitiva”
Web 2.0
Interazione dell’utente con
i contenuti (web dinamico)
Evoluzione dei contenuti e
della loro formattazione
Gli utenti sono creatori di
contenuti
Web 1.0 vs Web
2.0

4. Facoltà di ingegneria
Corso di studi in Ingegneria delle Telecomunicazioni
“accessibile” è un contenuto web che può essere fruito da un
utente indipendentemente da disabilità o limitazioni fisiche e/o
cognitive, occasionali o permanenti, e indipendentemente dal tipo
di tecnologia utilizzato per collegarsi alla rete.
Il concetto di accessibilità
W3C: WCAG (1.0 e 2.0) Legge “Stanca”
Linee guida Normative

5. Facoltà di ingegneria
Corso di studi in Ingegneria delle Telecomunicazioni
La legge “Stanca”
Normativa italiana che definisce per gli sviluppatori web le linee guida
da seguire per garantire l’accessibilità di un sito.
Caratteristiche
essenziali:
Verifica tecnica Verifica soggettiva
 22 requisiti tecnici
(allegato A del D.M. 08/07/05)
 3 livelli di qualità
(allegato B del D.M. 08/07/05)
Riferimento esplicito alle WCAG 1.0
Fusione di accessibilità e usabilità
 Indipendenza da tecnologia e dispositivi di input
 Separazione tra contenuti e impaginazione
 Contenuti semplici e chiari

6. Facoltà di ingegneria
Corso di studi in Ingegneria delle Telecomunicazioni
Accessibilità dei social network
 CAPTCHA
 Down – arrow menù
 Inaccessibilità visive
 Comandi rapidi da tastiera
 Chat
 AJaX ARIA
 CAPTCHA
 Overflow di informazioni e
funzioni
 Ampio margine di
personalizzazione
CAPTCHA: Completely Automated Public Turing Test
to Tell Computers and Humans ApartChat
Facebook

7. Facoltà di ingegneria
Corso di studi in Ingegneria delle Telecomunicazioni
Chat accessibile / 1
Principi di progettazione
Netta separazione tra contenuti e impaginazione
Interfaccia grafica semplice
Compatibilità tecnologie assistive
Indipendenza dalla tecnologia
Favorire usabilità e immediatezza d’uso
Strumenti impiegati
SW per sviluppo web (in PHP), server locale e remoto
Barra di accessibilità
Validatori automatici W3C
Validazione soggettiva

8. Facoltà di ingegneria
Corso di studi in Ingegneria delle Telecomunicazioni
Chat accessibile / 2
Funzionalità
(caratteristica)
Accorgimento
Riferimento req.
legge Stanca
Riferimento
WCAG 1.0
Compatibilità con
tecnologie assistive
Eliminazione frames 2 12.1, 12.2
Indipendenza dal
dispositivo di input
Comandi da tastiera
(onkeypress,onmouseover)
16 6.4, 9.2, 9.3
Indipendenza da
dimensioni browser
Dimensioni relative 12 3.4
Distinzione tra foreground
e background
Colori che superano la
validazione automatica
6 2.2
Separazione tra contenuti e
impaginazione
CSS per presentazione 11 3.3, 6.1
Etichette chiare nei moduli
(form)
Elementi <label> per i form 14 10.2, 12.4
Alternative testuali a script Tag <noscript> 15 6.3

9. Interfaccia grafica semplice (CSS)
Accessibilità cromatica
Autofocus Alternative da tastiera
Refresh manuale di default
Dimensioni relative

10. Messaggi nuovi in alto
Solo messaggi più nuovi

11. Opzioni di refresh automatico

12. Avvertenza testuale

13. Alternative testuali

14. Facoltà di ingegneria
Corso di studi in Ingegneria delle Telecomunicazioni
CONCLUSIONI
Principi di progettazione
universali
Modularità
Principi di accessibilità nel
Web Semantico (Web 3.0)
Elevato numero di “beneficiari”
La sfida degli sviluppatori: aggiornamento e
regolarizzazione del Web
realizzazione di blog, forum,
condivisione multimediale, ecc.
accessibili
realizzazione di un social network
interamente accessibile
SVILUPPI FUTURI