Accessibilità dei forum

Roma, 20 giugno 2003
Accessibilità dei forum
I forum di discussione di
Diodati.org
Relazione di
MICHELE DIODATI
Le principali applicazioni per forum
di discussione
n 
n 
n 
n 
n 
n 
n 
n 
n 
Invision Power Board
Snitz
vBulletin
phpBB
Ikonboard
Infopop UBB
XMB – eXtreme Message Board
YaBB - Yet another Bulletin Board
Ultraboard
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Cosa accomuna tutte queste
applicazioni per forum?
n 
Una sola e medesima struttura:
•  Tabella generale con l’elenco di tutti i forum
•  Tabelle-elenco con i titoli delle discussioni di
ciascun forum
•  Tabelle contenenti tutti i messaggi di una
stessa discussione
•  Tabelle con i campi modulo per la
composizione dei nuovi messaggi
•  Registrazione, ricerca e gadget vari (faccine,
chat, avvisi via e-mail, calendario, ecc.)
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Invision Power Board - 1
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Invision Power Board - 2
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Invision Power Board - 3
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Invision Power Board - 4
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Snitz - 1
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Snitz - 2
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Snitz - 3
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Snitz - 4
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Queste applicazioni presentano
numerosi elementi di
INACCESSIBILITÀ
n 
Il primo elemento è che sono
concepite per essere utilizzate in
modalità grafica.
Le prove in modalità testo fanno
emergere gravi problemi di
accessibilità. A volte risulta
addirittura impossibile leggere e
scrivere messaggi.
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Forum RAI - vista grafica
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Forum RAI
vista Lynx
•  Una serie di
[blank] sostituisce
gli elementi grafici
privi di descrizione
testuale
•  Non vi sono criteri
per saltare al modulo
di scrittura
•  Il testo a cui si
risponde appare
tagliato e illeggibile
•  Sostanzialmente la
pagina non è fruibile
in modalità testo
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Altri elementi di inaccessibilità delle
più comuni applicazioni per forum
n 
Uso generalizzato delle tabelle come
strumenti di formattazione delle
pagine. Sono poco accessibili perché
creano strutture multicolonna che:
•  1) risultano poco comprensibili
all’ascolto con un sintetizzatore
•  2) non sono sufficientemente
ridimensionabili quando si è in bassa
risoluzione e con caratteri ingranditi
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Ulteriori elementi di inaccessibilità
n 
n 
n 
n 
n 
n 
n 
n 
n 
n 
n 
Scarsa integrazione con il resto del sito
Pagine eccessivamente affastellate, troppo piene
di elementi e troppo pesanti
Personalizzazioni grafiche con accoppiamenti di
colore illeggibili
Procedure di registrazione complesse
Icone piccolissime e molto numerose
Nomi di elementi e funzioni in inglese
Mancanza di testi alternativi oppure testi
alternativi lasciati in inglese
Uso di funzioni javascript senza alternativa
Elementi di pagina non ridimensionabili
Uso di finestre pop-up
Mancanza di una vista struttura per le discussioni
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Quali gli obiettivi strategici
da conseguire?
1. 
2. 
3. 
Realizzare dei forum accessibili PER TUTTI,
qualsiasi sia il computer, il SO, il browser, la
periferica di uscita, il modem utilizzati
Aggregare una comunità di esperti, disposti a
condividere con i non esperti conoscenze e
tecniche sull’accessibilità e i linguaggi standard
(HTML, CSS, XML, ecc.)
Dimostrare che l’accessibilità non è un lavoro
astratto sul codice, ma uno strumento pratico
che può essere utilizzato per produrre risorse
effettivamente utili
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Quali caratteristiche per dei
forum pienamente accessibili? 1
n 
n 
n 
n 
n 
Semplificazione delle pagine con
eliminazione di elementi superflui (faccine,
chat, editor HTML)
Codice XHTML strict e CSS valido
Eliminazione delle tabelle di formattazione
Contenuti di pagina completamente
ridimensionabili
Nessun decadimento di contenuti e
funzioni nell’uso in modalità solo testo
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Quali caratteristiche per dei
forum pienamente accessibili? 2
n 
n 
n 
n 
n 
Potenziamento delle funzioni di
navigazione con viste strutturali e
cronologiche
Citazioni accessibili
Etichette e comandi in italiano
Testi di aiuto contestuali
Eliminazione delle procedure di
registrazione e login
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Due opzioni per creare
dei forum accessibili
1. 
2. 
Personalizzare per mezzo di
opportuni accorgimenti
un’applicazione già esistente
Creare da zero una nuova
applicazione, rispondente
integralmente ad un progetto di
accessibilità
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
La pagina di accesso: http://
www.diodati.org/forum/
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
L’elenco principale dei messaggi
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Nascondere le risposte,
evidenziare gli argomenti
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Elenco cronologico dei messaggi
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Informazioni di aiuto contestuali
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
La pagina di lettura dei messaggi
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Il meccanismo delle citazioni
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
La discussione selezionata. In
evidenza il messaggio di provenienza
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Il modulo per inviare messaggi
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Pulsanti di ridimensionamento
E’ possibile impostare tre diverse grandezze dei campi
modulo e sei diverse misure in colonne. Questo
accorgimento permette agli ipovedenti di configurare
l’aspetto del modulo di scrittura secondo le proprie
necessità.
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
L’uso del
pulsante
“grandi”
aumenta la
dimensione
del testo
nei campi
modulo
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Ora i campi sono davvero “molto grandi”!
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Ridimensionamento dei campi modulo
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Ridimensionamento del modulo di ricerca
Internet Explorer con
Caratteri molto grandi
e campi modulo a
MOLTO GRANDE
Internet Explorer con
Caratteri molto grandi
e campi modulo a
NORMALE
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Lynx 2.7.1 su http://www.delorie.com
Il testo di un
messaggio
La pagina con
l’elenco
dei messaggi
Roma, 20 giugno
2003
Relazione di MICHELE DIODATI
Il testo di
un messaggio in
Lynx
2.8.4
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Il modulo
per inviare
messaggi ai
forum con
Lynx 2.8.4:
nessun
problema di
compilazione!
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
La stessa
anteprima con
Lynx e con IE
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Area di gestione
dei forum
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Prove “su strada” dell’accessibilità
dei forum di Diodati.org
Un ragazzo ipovedente ed
un non vedente scrivono
al forum sull’accessibilità,
testimoniando con i loro
interventi che sono stati
raggiunti gli obiettivi di
accessibilità da cui era
nato il progetto.
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
La risposta degli utenti
n 
n 
I quattro forum hanno ricevuto
complessivamente circa 650
messaggi in quattro mesi
Sono state registrate oltre 110.000
pagine viste nello stesso periodo, con
una media di oltre 900 pagine viste
al giorno
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI
Il futuro dei forum accessibili
n 
n 
Realizzare un sistema di avvisi via
mail, per notificare a chi lo desidera
la pubblicazione di nuovi messaggi
Creare una sinergia con
programmatori o società per
trasformare i forum di Diodati.org in
un’applicazione portabile su altre
piattaforme
Roma, 20 giugno 2003
Relazione di MICHELE DIODATI