Accessibilità dei forum

Transcript

1 Accessibilità dei forum I forum di discussione di Diodati.org Relazione di MICHELE DIODATI

2 Le principali applicazioni per forum di discussione n Invision Power Board n Snitz n vbulletin n phpbb n Ikonboard n Infopop UBB n XMB extreme Message Board n YaBB - Yet another Bulletin Board n Ultraboard

3 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 , calendario, ecc.)

4 Invision Power Board - 1

5 Invision Power Board - 2

6 Invision Power Board - 3

7 Invision Power Board - 4

8 Snitz - 1

9 Snitz - 2

10 Snitz - 3

11 Snitz - 4

12 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.

13 Forum RAI - vista grafica

14 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

15 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

16 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

17 Quali gli obiettivi strategici da conseguire? 1. Realizzare dei forum accessibili PER TUTTI, qualsiasi sia il computer, il SO, il browser, la periferica di uscita, il modem utilizzati 2. 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.) 3. Dimostrare che l accessibilità non è un lavoro astratto sul codice, ma uno strumento pratico che può essere utilizzato per produrre risorse effettivamente utili

18 Quali caratteristiche per dei forum pienamente accessibili? 1 n Semplificazione delle pagine con eliminazione di elementi superflui (faccine, chat, editor HTML) n Codice XHTML strict e CSS valido n Eliminazione delle tabelle di formattazione n Contenuti di pagina completamente ridimensionabili n Nessun decadimento di contenuti e funzioni nell uso in modalità solo testo

19 Quali caratteristiche per dei forum pienamente accessibili? 2 n Potenziamento delle funzioni di navigazione con viste strutturali e cronologiche n Citazioni accessibili n Etichette e comandi in italiano n Testi di aiuto contestuali n Eliminazione delle procedure di registrazione e login

20 Due opzioni per creare dei forum accessibili 1. Personalizzare per mezzo di opportuni accorgimenti un applicazione già esistente 2. Creare da zero una nuova applicazione, rispondente integralmente ad un progetto di accessibilità

21 La pagina di accesso:

22 L elenco principale dei messaggi

23 Nascondere le risposte, evidenziare gli argomenti

24 Elenco cronologico dei messaggi

25 Informazioni di aiuto contestuali

26 La pagina di lettura dei messaggi

27 Il meccanismo delle citazioni

28 La discussione selezionata. In evidenza il messaggio di provenienza

29 Il modulo per inviare messaggi

30 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à.

31 L uso del pulsante grandi aumenta la dimensione del testo nei campi modulo

32 Ora i campi sono davvero molto grandi!

33 Ridimensionamento dei campi modulo

34 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

35 Lynx su Il testo di un messaggio La pagina con l elenco Roma, 20 giugno dei messaggi 2003

36 Il testo di un messaggio in Lynx 2.8.4

37 Il modulo per inviare messaggi ai forum con Lynx 2.8.4: nessun problema di compilazione!

38 La stessa anteprima con Lynx e con IE

39 Area di gestione dei forum

40 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.

41 La risposta degli utenti n I quattro forum hanno ricevuto complessivamente circa 650 messaggi in quattro mesi n Sono state registrate oltre pagine viste nello stesso periodo, con una media di oltre 900 pagine viste al giorno

42 Il futuro dei forum accessibili n Realizzare un sistema di avvisi via mail, per notificare a chi lo desidera la pubblicazione di nuovi messaggi n Creare una sinergia con programmatori o società per trasformare i forum di Diodati.org in un applicazione portabile su altre piattaforme