Laboratorio per la qualità delle pubblicazioni web del Comune di Modena Il test sul sito:

Dimensione: px

Iniziare la visualizzazioe della pagina:

Download "Laboratorio per la qualità delle pubblicazioni web del Comune di Modena Il test sul sito:"

Chiara Coppola
7 anni fa
Visualizzazioni

1 Laboratorio per la qualità delle pubblicazioni web del Comune di Modena Il test sul sito: Il laboratorio per valutare l accessibilità e l usabilità dei prodotti web destinati alla pubblicazione su Mo-Net è stato inaugurato con un test condotto sul sito del servizio biblioteche comunali: Il percorso di valutazione si è articolato in quattro passi: 1. Verifica dei prerequisiti Sono stati individuati i controlli da effettuare prima di procedere al vero e proprio test poiché costituiscono la condizione imprescindibile affinché venga garantito un buon livello di qualità e soprattutto di accessibilità del sito Internet: 1) Validare il codice HTML / XHTML; 2) Validare i CSS; 3) Verificare che siano stati rispettati i principali criteri di accessibilità adottati dal Comune di Modena; 4) Verificare l accessibilità del sito con uno degli appositi validatori. Nel test condotto si è scelto di utilizzare A-Prompt ( 1

2 2. Verifica dei requisiti base di accessibilità Per effettuare le seguenti verifiche si è utilizzata la strumentazione disponibile presso il laboratorio assieme all assistenza di un operatore esperto. 1) Sono state visualizzate le pagine del sito con diversi browser visuali e con i relativi sistemi operativi, verificando che non ci fossero differenze significative di visualizzazione e soprattutto che queste differenze non alterassero: - la percezione visiva e l impaginazione del sito; - il funzionamento e la navigazione dello stesso. 2) Sono state visualizzate le pagine del sito con differenti risoluzioni dello schermo: 1024 x 768 pixel e 800 x 600 pixel. 3) Sono state visualizzate le pagine del sito con un browser testuale (Lynx) e con uno screen reader (Home Page Reader 3.0) per verificarne l accessibilità ai non vedenti. Nella homepage del sito il menù principale di navigazione era stato strutturato in un elenco di voci tre delle quali dotate di tendine, in modo da non costringere il visitatore a scrollare la pagina per poter visualizzare tutte le scelte. Questa soluzione ha rivelato notevoli problemi di accessibilità: a) Home Page Reader non permetteva di aprire il menù, limitandosi a leggere la prima voce visibile dell elenco a tendina (es: = =>altri cataloghi<= = ). Figura 1. Il menu "a tendina" letto dallo screen reader b) Lynx non apriva la tendina e dando l invio rimandava alla pagina di raccordo. 2

3 Figura 2. Il menu "a tendina" visualizzato con Lynx Si è scelto allora di eliminare le tre tendine dal menù della homepage, aggiungendo delle pagine di raccordo in cui le voci contenute in esse potessero essere esplose in un elenco leggibile anche dagli strumenti di navigazione usati dai non vedenti. Figura 3. Pagine di raccordo: "Cataloghi" 3

4 Figura 4. Pagine di raccordo: "Biblioteche" Figura 5. Pagine di raccordo: "Attività culturali" 4

5 4) E stato utilizzato un simulatore di daltonismo (disponibile sul sito per controllare che i colori utilizzati fossero percepibili anche dai daltonici, dagli ipovedenti o da individui affetti da analoghi disturbi del sistema visivo. 3. Verifica dell usabilità La valutazione dell usabilità del sito è stata condotta controllando punto per punto la checklist creata appositamente per guidare l autovalutazione senza il supporto di un operatore esperto. Il problema più evidente è risultato la mancanza di coerenza tra i percorsi di navigazione resi possibili dai due diversi menù utilizzati all interno del sito: quello verticale a sinistra della homepage, che si ripete nella maggior parte delle pagine del sito; quello orizzontale nella parte superiore di alcune pagine. Figura 6. Menu verticale Figura 7. Menu orizzontale Alla voce Cataloghi il menu verticale, grazie alla tendina, permetteva di scegliere o il catalogo generale delle biblioteche del sistema comunale e provinciale (OPAC) oppure i singoli cataloghi delle diverse biblioteche distribuite sul territorio cittadino. Nel menu orizzontale, invece, la medesima voce portava direttamente al solo catalogo generale, eludendo il percorso alternativo reso possibile dall altro menu. La scelta di eliminare le tendine dal menu verticale, necessaria per garantire l accessibilità del sito, ha permesso di collegare la stessa voce dei due menu ad un unica pagina di raccordo contenente l elenco di tutti i cataloghi disponibili alla consultazione, come è visibile alla Figura 3. Problema analogo presentava la voce Attività culturali. Nel menu verticale era consentita la scelta tra il calendario delle attività, l archivio delle attività passate e l elenco dei collaboratori che avevano partecipato alla loro realizzazione, mentre il menu orizzontale portava direttamente alla 5

6 pagina del calendario delle attività culturali, rendendo impossibile selezionare da qui le altre due opzioni. Come nel caso precedente la pagina di raccordo (Figura 5) ha permesso di dare coerenza ai due percorsi di navigazione. 4. Verifica approfondita dell usabilità Il laboratorio mette a disposizione anche personale esperto a cui affidarsi per una valutazione più approfondita dell usabilità attraverso test condotti su utenti. Nel caso specifico del sito delle biblioteche questo passaggio non è stato necessario, poiché i problemi principali sono stati adeguatamente evidenziati tramite la checklist di autovalutazione. 6

Documenti analoghi

Si definisce sito accessibile un sito web che consente l'accesso ai suoi contenuti a tutti gli utenti, indipendentemente dalla presenza di disabilità

Si definisce sito accessibile un sito web che consente l'accesso ai suoi contenuti a tutti gli utenti, indipendentemente dalla presenza di disabilità (fisiche, sensoriali, cognitive) e dalle dotazioni