Simulazione euristica con barriere
Sito in esame: www.provincia.bz.it
Indice relazioni Simulazione euristica con barriere del sito della Rete Civica dell'Alto Adige


Sommario

Introduzione

La simulazione euristica guidata da barriere del sito della Rete Civica dell'Alto Adige prevede la ricerca di impedimenti nell'usabilitÓ delle pagine del portale che possono limitare o addirittura impedire agli utenti disabili o temporaneamente disabili di fruire del contenuto delle pagine.
Per l'analisi si Ŕ seguito il procedimento descritto nel documento del docente Giorgio Brajnik.

Strumenti utilizzati

La simulazione viene testata su PC con Windows XP SP2 alla risoluzione video di 1024x768 pixels utilizzando il browser visuale Mozilla Firefox 1.5 con le estensioni Fangs, Web Developer Toolbar e il lettore di schermo Jaws 5.

vai al sommario all'inizio della pagina



Approccio utilizzato

Per questa simulazione viene presa in considerazione la categoria utente degli utenti non vedenti.
Si procede esaminando un numero limitato di pagine del sito in questione perchŔ trattandosi di un portale ne contiene una quantitÓ troppo elevata per analizzarlo interamente.
Per ciascuna pagina verranno ricercate le possibili barriere e valutate le loro "gravitÓ" sulla base della seguente tabella:

impatto frequenza gravitÓ
11minore
12minore
13serio
21serio
22serio
23critico
31critico
32critico
33critico

Le pagine prese in esame dalla simulazione euristica sono state scelte in base al potenziale interesse del tipico utente e sono le seguenti:

  1. homepage (versione grafica) - http://www.provincia.bz.it/
  2. notizie dell'Ufficio Stampa - http://www.provincia.bz.it/usp/news/news_i.asp
  3. Farmacie - http://www.provincia.bz.it/sanita/2302/farmacie/search_i.asp
  4. Modulistica - http://www.provincia.bz.it/modulistica.htm
  5. Manifestazioni - http://www.provincia.bz.it/service/event/main_i.htm

Si Ŕ scelto di restringere la zona di ricerca per valutare la probabilitÓ che un utente tipo che utilizza i servizi, secondo me di maggiore utilizzo, si trovi di fronte a delle barriere che impediscono la corretta interazione e fruizione del contenuto.

vai al sommario all'inizio della pagina



Simulazione euristica con barriere



Homepage (versione grafica)
  • ASCII art
    Nella homepage si fa uso prima delle etichette dei link del simbolo "»" che risulta incomprensibile se interpretato con il lettore di schermo. Questo problema si manifesta in molti link presenti nella pagina ed ha un impatto forte nell'interpretazione del testo associato al collegamento stesso.

    screenshot della pagina del sito

    Esito Impatto: 2
    Frequenza: 2
    GravitÓ: SERIO

  • Skip links
    La pagina non permette di saltare direttamente al contenuto, ma costringe l'utente a scansionare il men¨ in alto per la scelta della lingua (pulsantiera globale), il tipo di visualizzazione della pagina (grafica, alto contrasto, solo testo), lo strumento per cambiare le dimensioni del carattere e la guida all'accessibilitÓ.

    Esito Impatto: 1
    Frequenza: 3
    GravitÓ: SERIO

vai all'elenco delle pagine analizzate - vai al sommario all'inizio della pagina


Notizie dell'Ufficio Stampa
  • Immagini ricche senza testo alternativo
    La testata Ŕ un'immagine ricca con la scritta "Comunicati stampa dell'Ufficio stampa" che non presenta alternativa testuale e impedisce all'utente di percepirne il significato.

    Esito Impatto: 3
    Frequenza: 1
    GravitÓ: CRITICO

  • Immagini funzionali prive di testo
    I pulsanti di ricerca Go e Archivio situati nel men¨ a sinistra della pagina non presentano alternativa testuale. In questo modo l'utente non vedente non Ŕ in grado di utilizzare le 2 funzioni di ricerca e lo costringono a rinunciare al raggiungimento dello scopo.
    Alla fine delle notizie a fondo pagina sono presenti 2 icone raffiguranti due frecce che hanno lo scopo rispettivamente di posizionare il cursore all'inizio della pagina e di visualizzare la pagina precedente (come il tasto indietro del browser): entrambe non hanno alternativa testuale e non possono venire usate correttamente.

    screenshot della pagina del sito

    Esito Impatto: 3
    Frequenza: 2
    GravitÓ: CRITICO

  • Link generici
    Nel men¨ in alto a destra c'Ŕ un link con un'icona rappresentante delle montagne con etichetta "Rete civica" che ha la funzione di riportare l'utente alla homepage del portale. Il testo del collegamento Ŕ molto vago e non rende l'idea di cosa comporta la sua selezione.

    screenshot della pagina del sito

    Esito Impatto: 1
    Frequenza: 1
    GravitÓ: MINORE

  • Eventi mouse
    Gli eventi legati al mouse quali onmouseover e onmouseout non hanno l'alternativa per la tastiera (eventi onkeypress e onkeyup), ma vengono usati soprattutto per effetti visivi di rollover. Nel caso del piccolo men¨ presente in alto a destra (elenco telefonico, feedback, ricerca, rete civica) viene usato per far comparire a fianco del pulsante il significato dell'icona rappresentata. Comunque gli attributi alt delle icone hanno lo stesso significato e quindi l'utente riesce comunque ad utilizzarle.

    Esito Impatto: 1
    Frequenza: 1
    GravitÓ: MINORE

  • Link non separati
    L'indice in alto che permette di "sfogliare" l'elenco di pagine dei comunicati presenti Ŕ composto dai numeri progressivi "1 2 3 4 5 .." che non sono altro che link separati dal carattere di spazio che rende difficile la scansione tramite lettore di schermo.
    Una possibile soluzione sarebbe quella di separare i numeri con un carattere leggibile in modo che l'utente riesce a distinguerli singolarmente.

    Esito Impatto: 2
    Frequenza: 1
    GravitÓ: SERIO

  • Nuove finestre
    Se si clicca sul link "Cosa sono gli RSS?" in fondo al men¨ a sinistra si apre una nuova finestra e questa conseguenza provoca sbandamento nell'utente che si trova in difficoltÓ nel capire che il contesto di interazione Ŕ cambiato.

    screenshot della pagina del sito

    Esito Impatto: 2
    Frequenza: 1
    GravitÓ: SERIO

  • Form senza LABEL
    Non viene utilizzato il tag LABEL nel form per la ricerca presente nel men¨ a sinistra. Questa situazione impedisce all'utente di interagire con il controllo ed Ŕ costretto a rinunciare.

    Esito Impatto: 3
    Frequenza: 1
    GravitÓ: CRITICO

  • Pagine senza titoli
    La pagina ha il titolo per˛ Ŕ sempre lo stesso anche se provo ad esplorare una sezione interna alla pagina.
    Ci˛ provoca una maggior difficoltÓ dell'utente nel capire in quale contesto di interazione si trova.

    Esito Impatto: 2
    Frequenza: 3
    GravitÓ: CRITICO

  • Marcatura della lingua
    La marcatura della lingua utilizzata Ŕ specificata nei META tag nell'intestazione della pagina, ma ci˛ risulta utile solamente per il motore di ricerca, mentre il lettore di schermo non riesce a capire quale pronuncia utilizzare nella lettura del testo. Nella peggiore delle ipotesi l'utente rischia di ascoltare la lettura del contenuto della pagina alla "Stanlio e Ollio" con una pronuncia diversa da quella della lingua usata.

    Esito Impatto: 2
    Frequenza: 3
    GravitÓ: CRITICO

  • Suddivisione in sezioni
    La pagina non contiene tag del tipo H1, H2, ... per suddividere in sezioni il suo contenuto che pu˛ obbligare l'utente ad una seconda lettura del contenuto al fine di "sezionare mentalmente" il testo e capire dove inizia e finisce una sezione che potrebbe essere d'interesse.

    Esito Impatto: 3
    Frequenza: 3
    GravitÓ: CRITICO

  • Mancanza di tasti rapidi
    La pagina non contiene dei link a controlli o pulsanti a scelta rapida (attributo accesskey) e l'utente si trova costretto a dover sempre utilizzare il tasto TAB della tastiera e scandire sequenzialmente tutta la pagina fino al controllo interessato.

    Esito Impatto: 3
    Frequenza: 3
    GravitÓ: CRITICO

  • Pagina solo testo
    Non c'Ŕ una versione solo testuale, ma siccome non ci sono molte immagini ricche di significato la barriera risulta facilmente superabile dall'utente con relativa fatica.

    Esito Impatto: 1
    Frequenza: 1
    GravitÓ: MINORE

vai all'elenco delle pagine analizzate - vai al sommario all'inizio della pagina


Farmacie
  • Eventi mouse
    Gli eventi legati al mouse quali onmouseover e onmouseout non hanno l'alternativa per la tastiera (eventi onkeypress e onkeyup), ma vengono usati soprattutto per effetti visivi di rollover. Nel caso del piccolo men¨ presente in alto a destra (elenco telefonico, feedback, ricerca, rete civica) viene usato per far comparire a fianco del pulsante il significato dell'icona rappresentata. Le icone hanno lo stesso significato come alternativa testuale e quindi l'utente riesce comunque a sfruttare il sistema.

    Esito Impatto: 1
    Frequenza: 1
    GravitÓ: MINORE

  • ASCII art
    Nella barra di navigazione presente in alto si fa uso del simbolo ">" che rende difficile all'utente la comprensione del contenuto tramite la scansione con il lettore di schermo.

    screenshot della pagina del sito

    Esito Impatto: 2
    Frequenza: 2
    GravitÓ: SERIO

  • Link generici
    Alla fine delle notizie a fondo pagina sono presenti due icone (2 frecce) che hanno lo scopo rispettivamente di portare il cursore all'inizio della pagina e di visualizzare la pagina precedente (come il tasto indietro del browser).
    La loro alternativa testuale, rispettivamente "top" e "back", non permette di far capire ad un utente poco "pratico" la funzione che svolgono e ci˛ lo porta ad ignorare i controlli.

    screenshot della pagina del sito

    Esito Impatto: 2
    Frequenza: 1
    GravitÓ: SERIO

  • Link non separati
    I link sopra citati "back" e "top" non sono separati da caratteri leggibili e per questo vengono letti in sequenza dal lettore di schermo rendendo difficoltoso distinguerli.

    Esito Impatto:
    Frequenza:
    GravitÓ:

  • Form senza LABEL
    Il form principale per la ricerca delle farmacie di turno e/o quelle aperte non contiene tag LABEL.
    Questa mancanza comporta l'estrema difficoltÓ nel compilare correttamente il form per effettuare la ricerca. Questa barriera risulta importantissima perchŔ la compilazione del form Ŕ l'unico modo per accedere al contenuto della pagina delle farmacie.

    Esito Impatto: 3
    Frequenza: 3
    GravitÓ: CRITICO

  • Marcatura della lingua
    La marcatura della lingua utilizzata Ŕ specificata nei META tag nell'intestazione della pagina, ma ci˛ risulta utile solamente per il motore di ricerca, mentre il lettore di schermo non riesce a capire quale pronuncia utilizzare nella lettura della pagina.

    Esito Impatto: 2
    Frequenza: 3
    GravitÓ: CRITICO

  • Suddivisione in sezioni
    La pagina non contiene tag del tipo H1, H2, ... per suddividere in sezioni il suo contenuto; ci˛ pu˛ obbligare l'utente ad una seconda lettura del contenuto al fine di "sezionare mentalmente" il testo e capire dove inizia e finisce una sezione che potrebbe essere d'interesse.

    Esito Impatto: 3
    Frequenza: 3
    GravitÓ: CRITICO

  • Mancanza di tasti rapidi
    La pagina non contiene dei link a controlli o pulsanti a scelta rapida (attributo accesskey) e l'utente si trova costretto a dover sempre utilizzare il tasto TAB della tastiera e scandire sequenzialmente tutta la pagina fino al controllo interessato.

    Esito Impatto: 3
    Frequenza: 3
    GravitÓ: CRITICO

  • Pagina solo testo
    Non c'Ŕ una versione solo testuale della pagina.

    Esito Impatto: 1
    Frequenza: 1
    GravitÓ: MINORE

vai all'elenco delle pagine analizzate - vai al sommario all'inizio della pagina


Modulistica
  • Link generici
    Nella parte centrale della pagina dove vengono elencati i vari moduli raggruppati per categoria sono presenti, alla destra di ogni categoria, un link con etichetta "top" che ha lo scopo di riportare il cursore all'elenco delle categorie in alto alla pagina.
    L'utilitÓ di questo link Ŕ fuori discussione per˛ il testo utilizzato per presentare il collegamento non fa capire ad un utente normale (poco esperto soprattutto con l'inglese) quale sia la sua funzione.

    screenshot della pagina del sito
    Questa perplessitÓ porta spesso l'utente ad evitare di usare il link costringendolo a dover scansionare tutta la pagina per poi ritornare in alto dove c'Ŕ il sommario delle categorie dei moduli.

    Esito Impatto: 2
    Frequenza: 3
    GravitÓ: CRITICO

  • ASCII art
    Nella pagina si fa uso prima dell'etichetta dei link del simbolo "╗" che risulta incomprensibile se interpretato con il lettore di schermo. Questo problema si manifesta nel men¨ a sinistra e nella barra di navigazione ed ha un impatto abbastanza forte nell'interpretazione del testo associato al collegamento stesso.

    screenshot della pagina del sito

    Esito Impatto: 2
    Frequenza: 2
    GravitÓ: SERIO

  • Nuove finestre
    Se si clicca su una qualsiasi sotto categoria dei moduli presenti si apre una nuova finestra e questo comportamento rende difficile all'utente capire che il contesto di interazione Ŕ cambiato.

    Esito Impatto: 2
    Frequenza: 1
    GravitÓ: SERIO

vai all'elenco delle pagine analizzate - vai al sommario all'inizio della pagina


Manifestazioni
  • Link ambigui
    Nella pagina ci sono due link di gestione ("Inserire manifestazioni" e "Modifica manifestazione") che sono accessibili solo agli utenti registrati e possono disturbare la scansione del contenuto da parte di un utente non registrato.

    screenshot della pagina del sito
    Una soluzione potrebbe essere quella di generare la pagina dinamicamente e visualizzare i link di gestione solo se l'utente che sta navigando si Ŕ registrato correttamente.

    Esito Impatto: 1
    Frequenza: 1
    GravitÓ: MINORE

  • ASCII art
    Nella pagina si fa uso prima dell'etichetta dei link del simbolo "»" che risulta incomprensibile se interpretato con il lettore di schermo. Questo problema ha un impatto determinante nell'interpretazione del testo associato al collegamento stesso.

    screenshot della pagina del sito

    Esito Impatto: 2
    Frequenza: 2
    GravitÓ: SERIO

  • Immagini come titoli
    Tutti i titoli relativi alle manifestazioni sono rappresentati sotto forma di immagini senza alternativa testuale; infatti se si seleziona la versione solo testo della pagina (nel men¨ sinistra) la pagina diventa inaccessibile agli utenti non registrati e non permette di consultare l'elenco dell manifestazioni programmate.

    Esito Impatto: 2
    Frequenza: 3
    GravitÓ: CRITICO

vai all'elenco delle pagine analizzate - vai al sommario all'inizio della pagina


Conclusioni

CITAZIONE - fonte [www.provincia.bz.it/]

Conforme a WAI AAA - WCAG 1.0 Bobby AAA

Per pignoleria provando ad utilizzare lo strumento Bobby per valutare l'accessibilitÓ della pagina risulta che la homepage del sito della Rete Civica dell'Alto Adige Ŕ conforme alle WCAG 1.0 AA in quanto c'Ŕ un errore che impedisce di considerarla accessibile con prioritÓ AAA.

Dalla simulazione euristica sono emerse una serie di barriere piuttosto serie che si ripetono in quasi tutte le pagine esaminate in questa relazione e che limitano considerevolmente l'accessibilitÓ ad un utente non vedente.
Trattandosi di un portale che fa uso di collegamenti a siti esterni risulterebbe molto impegnativo (quasi proibitivo) renderlo interamente accessibile agli utenti disabili. Per iniziare un grosso passo in avanti lo si pu˛ fare rendendo accessibili le pagine di maggiore interesse interne al sito.
Una soluzione positiva riscontrata nel portale Ŕ il men¨ posto in alto a sinistra che permette di scegliere il tipo di visualizzazione della pagina (versione grafica, alto contrasto, solo testo).

vai al sommario all'inizio della pagina