sei in : home > Simulazione euristica FVG
La Simulazione Euristica per il sito della regione Friuli Venezia Giulia (www.regione.fvg.it) si basa sull'utilizzo del metodo descritto dal professore Brajnik (Simulazione euristica guidata da barriere per la verifica dell'accessibilità). Per Simulazione Euristica si intende una simulazione della navigazione e utilizzo di un sito da parte di un utente disabile o privo dei normali componenti software o hardware (quali browser testuali o palmari) e si punta l'attenzione sulle barriere di accessibilità presenti in esso con lo scopo principale di eliminarle. Per barriera di accessibilità si intende invece un qualsiasi ostacolo che rallenta o blocca totalmente un utente disabile o che utilizza il sito mediante altre tecnologie. Il metodo di Simulazione propone una serie di problematiche, livelli di gravità degli ostacoli, utenti interessati e un elenco delle barriere per ogni singolo caso d'uso.
Per stabilire il livello di gravità di un ostacolo si fa riferimento alla seguente tabella basata sulla loro frequenza e impatto. Con essa si può derivare la classificazione della gravità che permette di distinguere tra problemi minori, seri e critici.
Tabella per calcolare la gravità di un difetto
impatto frequenza gravità
11minore
12minore
13serio
21serio
22serio
23critico
31critico
32critico
33critico
Si noti come questi giudizi, essendo basati su impatto rispetto ad efficacia o sicurezza, e su frequenza all'interno di un compito, permettono di derivare delle conclusioni sul grado di efficacia, produttività, soddisfazione e sicurezza che il sistema valutato supporta, e quindi di usabilità. Ovviamente è a carico del valutatore il determinare quale valore associare per ciascuno dei due parametri.
Per quanto riguarda l'impatto i valori sono i seguenti:
  1. la presenza del problema viene notata dall'utente considerato, ma ci sono facili modi per aggirarla od evitarla. Esso non incide significativamente sulle capacità dell'utente di raggiungere con successo il termine del compito. Può invece incidere sull'efficienza con cui l'utente svolge il compito e/o sulla sua soddisfazione.
  2. la presenza del problema è notata ed incide significativamente sull'efficacia e/o sicurezza. L'utente non riesce ad aggirarlo facilmente, o ad evitarlo. Per uscire dalla situazione problematica l'utente può necessitare di notevole tempo, vari tentativi e ingegno. Il problema rende difficile, faticoso e/o rischioso il proseguimento del compito, ed è facile che l'utente compia degli errori. Il problema incide sicuramente e marcatamente su efficacia e/o sicurezza.
  3. si tratta di una barriera che porta molto spesso a rinunciare al raggiungimento dello scopo: gli errori possono essere molti e con gravi conseguenze; vie alternative non esistono. L'impatto negativo su efficacia e sicurezza è elevato.
Per la frequenza, legata al numero di volte che si incontra il problema, si utilizzano questi tre valori:
  1. il problema si manifesta raramente e non sempre durante lo svolgimento del compito; in pochi e marginali casi esso si manifesta. Dunque esso incide in maniera molto limitata sulla produttività e sulla soddisfazione.
  2. il problema si verifica ogni volta che si svolge quel compito. Può incidere significativamente su produttività e su soddisfazione.
  3. il problema si verifica più volte durante lo svolgimento del compito. Sicuramente incide sulla produttività, facendola calare marcatamente; e altrettanto di sicuro incide sulla soddisfazione.
Il sito in questione è www.regione.fvg.it e le pagine testate sono le seguenti: Le pagine scelte sono le più rappresentative del sito della regione Friuli e quelle che a mio avviso sono di maggior utilizzo.
Il periodo in cui tali pagine sono state testate va dal 14 al 18 novembre 2006.
  1. Utenti non vedenti : Utenti di lettori di schermo o di browser parlanti; utenti di barre Braille; tipicamente ciechi, talvolta ipovedenti.
  2. Utenti ipovedenti : Utenti ipovedenti di ingranditori di schermo; talvolta utenti degli strumenti di accessibilità offerti direttamente dal sistema operativo.
  3. Utenti daltonici : Persone daltoniche (che non usano alcuna tecnologia assistiva).
  4. Utenti disabili motori : Persone con menomazioni fisiche per le quali l'uso del web può essere influenzato dalla mancanza di controllo muscolare o nervoso delle braccia e mani, da tremore o dalla mancanza di agilità delle dita e delle mani.
  5. Utenti non udenti : Persone non udenti o con gravi difetti di udito.
  6. Utenti Disabili cognitivi Persone con abilità limitata di elaborare e ricordare informazioni, prendere decisioni o apprendere; includono disabili nell'apprendere (dislessici o disgrafici), con disturbi nell'attenzione, con disabilità nella crescita (es. autismo, Down) o con disturbi neurologici (es. Alzheimer) o visitatori di un'altra lingua.
  7. Utenti di browser senza javascript : Utenti di browser o sistemi che non sono in grado di elaborare istruzioni JavaScript. Ad es. microbrowser a bordo di telefonini o PDA; ad es. utenti di sistemi proxy, gateway o transcoder.

1 . Utenti non vedenti

Questa categoria potrebbe includere anche utenti vedenti ma costretti ad usare qualche tecnologia disabilitante: browser che non visualizzano immagini, portali vocali.
[ 1.1 ] : Immagini ricche senza testo alternativo
Esito :
impatto : 3 - frequenza : 1 - gravità : critico
Immagine :
Descrizione :
Nella Home-Page è presente un'applet collegata alle ultime notizie del sito della regione e nel tag object non è presente una descrizione del testo equivalente al contenuto dell'immagine. In altre zone del sito sono presenti immagini come quella illustrata nel link; non sono molto frequenti ma la loro difficoltà di comprensione bloccano anche un utente abile.
*  *  *  *  *
[ 1.2 ] : Mancanza di didascalie del video
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 1.3 ] : Colore essenziale
Esito :
impatto : 1 - frequenza : 3 - gravità : serio
Descrizione :
Nelle pagine del sito i link sono riconoscibili solo dal puntatore e dal cambiamento di colore e quelli già percorsi non sono distinguibili. Spesso e volentieri si fa uso del colore per evidenziare il link della pagina che stiamo navigando ed in molti casi non si distingue l'immagine che funge da sfondo dall'immagine che funge da link. Si è deciso di dare valore "1" all'impatto perchè comunque avviene solo con i link questo gioco di colori ed in assenza di essi un link è ugualmente riconoscibile per il cambiamento di forma del puntatore.
*  *  *  *  *
[ 1.4 ] : Frame inaccessibili
Esito :
impatto : 3 - frequenza : 3 - gravità : critico
Descrizione :
L'unica pagina del sito in cui non sono presenti frame è l'home-page. Utilizzando un vecchio lettore di schermo non è facile leggere e accedere alle pagine dei frame e nemmeno ai contenuti delle pagine. Mangano inoltre informazioni nel tag noframe e non ci sono link alternativi per raggiungere i documenti. Per coloro che utilizzano browser o software che non supportano la lettura di frame il sito è completamente inaccessibile.
*  *  *  *  *
[ 1.5 ] : Materiale in movimento
Esito :
impatto : 3 - frequenza : 1 - gravità : critico
Immagine :
Descrizione :
Nella Home-Page è presente un'applet collegata alle ultime notizie del sito della regione e non c'è modo di capire quando avviene un refresh dell'applet o un suo cambiamento.
*  *  *  *  *
[ 1.6 ] : Immagini funzionali in sfondo
Esito :
impatto : 3 - frequenza : 3 - gravità : critico
Errore :
<img src="imgNew/turismo.gif" width="70" height="20">
Soluzione :
<h4>Turismo Nel Friuli Venezia Giulia<h4>
Immagine :
immagine sostitutiva del titolo di categoria
Descrizione :
Nelle pagine del sito sono presenti immagini che utilizzate come sfondo di celle fungono da titolo di categoria. Il sito ne è ben provvisto in tutte le sue parti e la mancanza della descrizione di esse provoca un'ulteriore barriera di accessibilità. Un altro elemento negativo è dato dall'utilizzo di immagini come etichette e pulsanti per comandi di form di ricerca.
*  *  *  *  *
[ 1.7 ] : Immagini funzionali prive di testo
Esito :
impatto : 1 - frequenza : 1 - gravità : minore
Descrizione :
...
*  *  *  *  *
[ 1.8 ] : Link generici
Esito :
impatto : 1 - frequenza : 1 - gravità : minore
Errore :
<a href="..." >»segue</a>
Soluzione :
<a href="..." title=""leggi tutta l'intervista a Illy" >segue l'intervista a Illy</a>
Descrizione :
In alcuni casi, quali interviste trascritte nel sito, compare un'anteprima o un prologo al testo completo e alla fine di esso un link come quello menzionato qui sopra. La soluzione è quella di specificare nel link la sua funzione e descrizione.
*  *  *  *  *
[ 1.9 ] : Link ambigui
Esito :
impatto : 2 - frequenza : 1 - gravità : serio
Errore :
<a href="..." ><img src="home.png" /></a>
<a href="..." ><img src="homePage.png" /></a>
Soluzione :
<a href="..." title="vai alla home page della categoria x" ><img src="home.png" /></a>
<a href="..." title="vai alla home page del sito" ><img src="homePage.png" /></a>
Immagine :
l'immagine di due home nella pagina web
Descrizione :
In alcune sezioni del sito compaiono due link denominati "home" e "home page" che non sono del tutto chiari sulla loro destinazione. Una soluzione sarebbe quella banale di aggiungere "home del sito" e "home della categoria".
*  *  *  *  *
[ 1.10 ] : Menu dinamici in JavaScript
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 1.11 ] : Eventi mouse
Esito :
impatto : 1 - frequenza : 1 - gravità : minore
Descrizione :
Eventi mouse sono rari se non quelli generati dal click su pulsanti.
*  *  *  *  *
[ 1.12 ] : ASCII art
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 1.13 ] : Titoli spaziati
Esito :
impatto : assente - frequenza : assente - gravità : assente
Descrizione :
*  *  *  *  *
[ 1.14 ] : Troppi link
Esito :
impatto : 2 - frequenza : 1 - gravità : serio
Immagine :
Descrizione :
I link non sono ben organizzati in liste e al posto di esse i collegamenti sono strutturati secondo tabelle.
*  *  *  *  *
[ 1.15 ] : Form con redirect
Esito :
impatto : 3 - frequenza : 1 - gravità : critico
Descrizione :
Nella selezione dei comuni dalla lista select l'utente non è in grado di capire cosa realmente succeda ed una volta scelto il comune di appartenenza, viene aperta una nuova finestra del browser contenente lo statuto del comune scelto in formato pdf.
*  *  *  *  *
[ 1.16 ] : Link non separati
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 1.17 ] : Nuove finestre
Esito :
impatto : 2 - frequenza : 2 - gravità : serio
Errore :
<a href="..." target="_blank">La regione promuove un piano a Pramollo..</a>
Soluzione :
<a href="..." title="leggi l'articolo sulla promozione del nuovo piano a Pramollo">La regione promuove un piano a Pramollo..</a>
Descrizione :
Alcuni link del sito aprono nuove finestre per le pagine del sito stesso. Al posto dell'attributo target utilizzerei title per informare la destinazione del link.
*  *  *  *  *
[ 1.18 ] : Form senza LABEL
Esito :
impatto : 1 - frequenza : 1 - gravità : minore
Errore :
<input name="keyword" type="text">
<ul><li><img src=".." onclick=".." alt="cerca" /><li> .... </li></ul>
Soluzione :
<laber for="input_ricerca">cerca</label>
<input name="keyword" type="text" id="input_ricerca" />
Immagine :
immagine del comando cerca
Descrizione :
Nella home-page del sito è presente un modulo per la ricerca delle parole all'interno delle pagine. La prina nota negativa è che non esiste un'etichetta testuale per tale modulo; la seconda è che l'etichetta presente risulta essere un'immagine che funge anche da link.
Nella pagina 3 (Enti Locali) sono presenti una serie di moduli di selezione (select) ai quali non è associata un'etichetta testuale ma un'immagine che, questa volta, non funge da link.
*  *  *  *  *
[ 1.19 ] : Temporizzazioni troppo brevi
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 1.20 ] : Tabelle dati
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 1.21 ] : Tabelle di impaginazione
Esito :
impatto : 3 - frequenza : 3 - gravità : critico
Descrizione :
Il sito è strutturato prevalentemente secondo schemi di tabelle in cui fungono da layout dei documenti, spesso e volentieri sostituendo marcatori quali le liste.
*  *  *  *  *
[ 1.22 ] : Pagine senza titoli
Esito :
impatto : assente - frequenza : assente - gravità : assente
Descrizione :
*  *  *  *  *
[ 1.23 ] : Frame senza titolo
Esito :
impatto : 3 - frequenza : 3 - gravità : critico
Errore :
<frame name="superiore" src="..">
<frame name="banner" src=".."> <frame name="inferiore" src="..">
Soluzione :
<frame title="intestazione regione friuli" name="superiore" src=".."> <frame title="banner di categoria" name="banner" src=".."> <frame title="pagina web del programma" name="inferiore" src="..">
Immagine :
Descrizione :
Nel sito sono presenti ovunque frame senza titolo e il nome del frame non fa intendere nulla sul contenuto del documento.
*  *  *  *  *
[ 1.24 ] : Marcatura della lingua
Esito :
impatto : 3 - frequenza : 3 - gravità : critico
Errore :
<a href="..">Week End D'Arte/ 19 Novembre - 25 Febbraio</a>
Soluzione :
<a href=".."><span lang="en">Week End</span> D'Arte/ 19 Novembre - 25 Febbraio</a&>
Descrizione :
L'attributo lang nel codice HTML delle pagine web non è utilizzato e non compare nelle voci del testo dove avviene un cambiamento nel linguaggio naturale. Soluzione, aggiungerlo ogni qualvolta sia necessario.
*  *  *  *  *
[ 1.25 ] : Suddivisione in sezioni
Esito :
impatto : 3 - frequenza : 3 - gravità : critico
Descrizione :
Nel sito non compare in nessun punto un marcatore titolo <h1>...<h6> e le informazioni sono disposte in layout tabellari i cui titoli sono delle immagini. Con un lettore di schermo risulta impossibile la lettura dei documenti.
*  *  *  *  *
[ 1.26 ] : Immagini come titoli
Esito :
impatto : 3 - frequenza : 3 - gravità : critico
Errore :
<td colspan="2" background="../img/sfosaperne.gif"> <div align="right"><img src="img/siti.gif" height="20" width="141"></div></td>
Soluzione :
<h4>Altri Siti di Interesse<h4>
Immagine :
immagine sostitutiva dei titoli di elenchi puntati
Descrizione :
Come detto precedentemente spesso le immagini sono utilizzate per ricoprire la funzione di titolo di categoria, in questo caso l'immagine è utilizzata anche come titolo di un elenco di link. L'alternativa è quella di utilizzare un marcatore titolo.
*  *  *  *  *
[ 1.27 ] : Mancanza di tasti rapidi
Esito :
impatto : 3 - frequenza : 3 - gravità : critico
Descrizione :
Non sono presenti tasti rapidi e access key.
*  *  *  *  *
[ 1.28 ] : Skip links
Esito :
impatto : 2 - frequenza : 3 - gravità : critico
Descrizione :
Nel sito non compaiono skip links.
*  *  *  *  *
[ 1.29 ] : Pagina solo testo
Esito :
impatto : 3 - frequenza : 3 - gravità : critico
Descrizione :
Nel sito è presente una forma testuale dei documenti solo della home page e tutti i link presenti in tale "documento alternativo" fanno riferimento alle pagine non testuali. Il link, il documento testuale e l'idea di crearlo sono pressochè inutili.
*  *  *  *  *
[ 1.30 ] : Controlli del browser disabilitati
Esito :
impatto : assente - frequenza : assente - gravità : assente

2 . Utenti ipovedenti

Questa categoria potrebbe includere anche utenti disabilitati da tecnologie quali cellulari e PDA con schermi ridotti, con una ridotta possibilità di interagire.
[ 2.1 ] : Immagini ricche malposizionate
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 2.2 ] : Immagini ricche incluse nello sfondo
Esito :
impatto : 3 - frequenza : 1 - gravità : critico
Immagine :
Descrizione :
In alcune zone del sito sono presenti immagini come quella illustrata nel link; non sono molto frequenti ma la loro difficoltà di comprensione bloccano anche un utente abile.
*  *  *  *  *
[ 2.3 ] : Contrasto visivo insufficiente
Esito :
impatto : assente - frequenza : assente - gravità : assente
Descrizione :
*  *  *  *  *
[ 2.4 ] : Materiale in movimento
Esito :
impatto : 3 - frequenza : 1 - gravità : critico
Immagine :
Descrizione :
Nella Home-Page è presente un'applet collegata alle ultime notizie del sito della regione e non c'è modo di capire quando avviene un refresh dell'applet o un suo cambiamento.
*  *  *  *  *
[ 2.5 ] : Immagini funzionali in sfondo
Esito :
impatto : 3 - frequenza : 3 - gravità : critico
Errore :
<img src="imgNew/turismo.gif" width="70" height="20">
Soluzione :
<h4>Turismo Nel Friuli Venezia Giulia<h4>
Immagine :
immagine sostitutiva del titolo di categoria
Descrizione :
Nelle pagine del sito sono presenti immagini che utilizzate come sfondo di celle fungono da titolo di categoria. Il sito ne è ben provvisto in tutte le sue parti e la mancanza della descrizione di esse provoca un'ulteriore barriera di accessibilità. Un altro elemento negativo è dato dall'utilizzo di immagini come etichette e pulsanti per comandi di form di ricerca.
*  *  *  *  *
[ 2.6 ] : Immagini funzionali prive di testo
Esito :
impatto : 2 - frequenza : 1 - gravità : serio
Immagine :
immagine del comando cerca
Descrizione :
Alcune immagini fungono da link o da pulsanti, la mancanza dell'attributo alt rallenta la fruizione del sito da parte di utenti ipovedenti in quanto un ingranditore di schermo non potrà ingrandire il testo dell'immagine e tantomeno visualizzare il testo alternativo di essa.
*  *  *  *  *
[ 2.7 ] : Menu dinamici in JavaScript
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 2.8 ] : Mancanza di link interni
Esito :
impatto : 2 - frequenza : 3 - gravità : critico
Descrizione :
nelle pagine del sito non compaiono link interni ed utilizzando un lettore di schermo risulta impossibile passare da una categoria all'altra senza dover scorrere tutto il documento.
*  *  *  *  *
[ 2.9 ] : Righe di testo lunghe
Esito :
impatto : 2 - frequenza : 1 - gravità : serio
Descrizione :
...
*  *  *  *  *
[ 2.10 ] : Troppi link
Esito :
impatto : 2 - frequenza : 1 - gravità : serio
Immagine :
Descrizione :
I link non sono ben organizzati in liste e al posto di esse i collegamenti sono strutturati secondo tabelle.
*  *  *  *  *
[ 2.11 ] : Form con redirect
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 2.12 ] : Form ampie
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 2.13 ] : Finestre sovrapposte
Esito :
impatto : 3 - frequenza : 2 - gravità : critico
Errore :
<a href="..." target="_blank">La regione promuove un piano a Pramollo..</a>
Soluzione :
<a href="..." title="leggi l'articolo sulla promozione del nuovo piano a Pramollo">La regione promuove un piano a Pramollo..</a>
Descrizione :
Alcuni link del sito aprono nuove finestre per le pagine del sito stesso. Al posto dell'attributo target utilizzerei title per informare la destinazione del link.
*  *  *  *  *
[ 2.14 ] : Temporizzazioni troppo brevi
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 2.15 ] : Immagini come titoli
Esito :
impatto : 3 - frequenza : 3 - gravità : critico
Errore :
<td colspan="2" background="../img/sfosaperne.gif"> <div align="right"><img src="img/siti.gif" height="20" width="141"></div></td>
Soluzione :
<h4>Altri Siti di Interesse<h4>
Immagine :
immagine sostitutiva dei titoli di elenchi puntati
Descrizione :
Spesso le immagini sono utilizzate per ricoprire la funzione di titolo di categoria, in questo caso l'immagine è utilizzata anche come titolo di un elenco di link. L'alternativa è quella di utilizzare un marcatore titolo.
*  *  *  *  *
[ 2.16 ] : Mancanza di tasti rapidi
Esito :
impatto : 3 - frequenza : 3 - gravità : critico
Descrizione :
Non sono presenti tasti rapidi e access key.
*  *  *  *  *
[ 2.17 ] : Testo non ridimensionabile
Esito :
impatto : 2 - frequenza : 1 - gravità : serio
Descrizione :
In alcune zone del sito il testo non è ridimensionabile e questo comporta il dover utilizzare un ingranditore di schermo
*  *  *  *  *
[ 2.18 ] : Layout non ridimensionabile
Esito :
impatto : 1 - frequenza : 1 - gravità : minore
Descrizione :
...
*  *  *  *  *
[ 2.19 ] : Skip links
Esito :
impatto : 2 - frequenza : 3 - gravità : critico
Descrizione :
Nel sito non compaiono skip links.
*  *  *  *  *
[ 2.20 ] : Controlli del browser disabilitati
Esito :
impatto : assente - frequenza : assente - gravità : assente

3 . Utenti daltonici

La categoria potrebbe includere anche utenti che usano dispositivi dotati di schermi a bassa qualità, o monocromatici.
[ 3.1 ] : Colore essenziale
Esito :
impatto : 2 - frequenza : 2 - gravità : minore
Immagine :
Descrizione :
Alcuni link al passaggio del mouse di colorano di rosso, colore non riconoscibile per utenti daltonici. Altra nota negativa è quella che in alcune categorie del sito il link corrispondente alla pagina che stiamo navigando si colora anch'esso di rosso.
*  *  *  *  *
[ 3.2 ] : Contrasto visivo insufficiente
Esito :
impatto : 1 - frequenza : 1 - gravità : minore
Immagine :
Descrizione :
In generale posso dire che il contrasto visivo è sufficiente.

4 . Utenti disabili motori

La categoria potrebbe includere persone solo temporaneamente disabili (ad es. con il braccio in gesso), oppure persone che usano il sito in posizioni inusuali (ad es. durante una presentazione in pubblico, sul podio in piedi).
[ 4.1 ] : Menu a cascata
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 4.2 ] : Eventi mouse
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 4.3 ] : Mancanza di link interni
Esito :
impatto : 2 - frequenza : 3 - gravità : critico
Descrizione :
nelle pagine del sito non compaiono link interni ed utilizzando un lettore di schermo risulta impossibile passare da una categoria all'altra senza dover scorrere tutto il documento.
*  *  *  *  *
[ 4.4 ] : Troppi link
Esito :
impatto : 2 - frequenza : 1 - gravità : serio
Immagine :
Descrizione :
I link non sono ben organizzati in liste e al posto di esse i collegamenti sono strutturati secondo tabelle.
*  *  *  *  *
[ 4.5 ] : Link troppo vicini
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 4.6 ] : Nuove finestre
Esito :
impatto : 2 - frequenza : 2 - gravità : serio
Errore :
<a href="..." target="_blank">La regione promuove un piano a Pramollo..</a>
Soluzione :
<a href="..." title="leggi l'articolo sulla promozione del nuovo piano a Pramollo">La regione promuove un piano a Pramollo..</a>
Descrizione :
Alcuni link del sito aprono nuove finestre per le pagine del sito stesso. Al posto dell'attributo target utilizzerei title per informare la destinazione del link.
*  *  *  *  *
[ 4.7 ] : Form senza LABEL
Esito :
impatto : 1 - frequenza : 1 - gravità : minore
Errore :
<input name="keyword" type="text">
<ul><li><img src=".." onclick=".." alt="cerca" /><li> .... </li></ul>
Soluzione :
<laber for="input_ricerca">cerca</label>
<input name="keyword" type="text" id="input_ricerca" />
Immagine :
immagine del comando cerca
Descrizione :
Nella home-page del sito è presente un modulo per la ricerca delle parole all'interno delle pagine. La prina nota negativa è che non esiste un'etichetta testuale per tale modulo; la seconda è che l'etichetta presente risulta essere un'immagine che funge anche da link.
Nella pagina 3 (Enti Locali) sono presenti una serie di moduli di selezione (select) ai quali non è associata un'etichetta testuale ma un'immagine che, questa volta, non funge da link.
*  *  *  *  *
[ 4.8 ] : Temporizzazioni troppo brevi
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 4.9 ] : Mancanza di tasti rapidi
Esito :
impatto : 3 - frequenza : 3 - gravità : critico
Descrizione :
Non sono presenti tasti rapidi e access key.
*  *  *  *  *
[ 4.10 ] : Controlli del browser disabilitati
Esito :
impatto : assente - frequenza : assente - gravità : assente

5 . Utenti non udenti

La categoria potrebbe includere anche utenti costretti ad usare il sito in situazioni in cui l'audio non può essere sentito (ad es. in una sala lettura, durante una conferenza).
[ 5.1 ] : Mancano didascalie per l'audio
Esito :
impatto : 3 - frequenza : 1 - gravità : critico
Descrizione :
Nel sito sono presenti alcuni filmati privi di didascalie per l'audio. La soluzione sta nel riportare un testo del filmato.
*  *  *  *  *
[ 5.1 ] : Manca sincronizzazione
Esito :
impatto : 3 - frequenza : 1 - gravità : critico
Descrizione :
Nel sito sono presenti alcuni filmati privi di didascalie per l'audio. La soluzione sta nel riportare un testo del filmato sincronizzato ad esso.

6 . Utenti disabili cognitivi

Questa categoria potrebbe includere anche persone che usano il sito sotto stress (ad es. con fretta in un ambiente rumoroso e pieno di distrazioni, o durante la guida di un'automobile).
[ 6.1 ] : Mancanza di didascalie del video
Esito :
impatto : 3 - frequenza : 1 - gravità : critico
Descrizione :
Nel sito sono presenti alcuni filmati privi di didascalie per l'audio. La soluzione sta nel riportare un testo del filmato sincronizzato ad esso.
*  *  *  *  *
[ 6.2 ] : Link generici
Esito :
impatto : 1 - frequenza : 1 - gravità : minimo
Errore :
<a href="..." >»segue</a>
Soluzione :
<a href="..." title=""leggi tutta l'intervista a Illy" >segue l'intervista a Illy</a>
Descrizione :
In alcuni casi, quali interviste trascritte nel sito, compare un'anteprima o un prologo al testo completo e alla fine di esso un link come quello menzionato qui sopra. La soluzione è quella di specificare nel link la sua funzione e descrizione.
*  *  *  *  *
[ 6.3 ] : Link ambigui
Esito :
impatto : 2 - frequenza : 1 - gravità : serio
Errore :
<a href="..." ><img src="home.png" /></a>
<a href="..." ><img src="homePage.png" /></a>
Soluzione :
<a href="..." title="vai alla home page della categoria x" ><img src="home.png" /></a>
<a href="..." title="vai alla home page del sito" ><img src="homePage.png" /></a>
Immagine :
Descrizione :
In alcune sezioni del sito compaiono due link denominati "home" e "home page" che non sono del tutto chiari sulla loro destinazione. Una soluzione sarebbe quella banale di aggiungere "home del sito" e "home della categoria".
*  *  *  *  *
[ 6.4 ] : Mancanza di link interni
Esito :
impatto : 2 - frequenza : 3 - gravità : critico
Descrizione :
nelle pagine del sito non compaiono link interni ed utilizzando un lettore di schermo risulta impossibile passare da una categoria all'altra senza dover scorrere tutto il documento.
*  *  *  *  *
[ 6.5 ] : Assenza di icone
Esito :
impatto : 1 - frequenza : 2 - gravità : minore
Descrizione :
Nel sito sono presenti icone che identificano i link ma esse variano di categoria in categoria rendendo difficile il riconoscimento.
*  *  *  *  *
[ 6.6 ] : Testo complesso
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 6.7 ] : Sito complesso
Esito :
impatto : 2 - frequenza : 1 - gravità : minore
Descrizione :
Il sito non risulta complesso ma essendoci diversi layout strutturali nelle varie categorie, non risulta scontata la fruizione delle pagine in questione.
*  *  *  *  *
[ 6.8 ] : Troppi link
Esito :
impatto : 2 - frequenza : 1 - gravità : serio
Immagine :
Descrizione :
I link non sono ben organizzati in liste e al posto di esse i collegamenti sono strutturati secondo tabelle.
*  *  *  *  *
[ 6.9 ] : Campi di testo
Esito :
impatto : 1 - frequenza : 1 - gravità : minore
Descrizione :
La pagine contengono delle form che hanno dei campi di testo privi di esempi ma ugualmente intuibili.
*  *  *  *  *
[ 6.10 ] : Nuove Finestre
Esito :
impatto : 2 - frequenza : 2 - gravità : serio
Errore :
<a href="..." target="_blank">La regione promuove un piano a Pramollo..</a>
Soluzione :
<a href="..." title="leggi l'articolo sulla promozione del nuovo piano a Pramollo">La regione promuove un piano a Pramollo..</a>
Descrizione :
Alcuni link del sito aprono nuove finestre per le pagine del sito stesso. Al posto dell'attributo target utilizzerei title per informare la destinazione del link.
*  *  *  *  *
[ 6.11 ] : Temporizzazioni troppo brevi
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 6.12 ] : Suddivisione in sezioni
Esito :
impatto : 1 - frequenza : 1 - gravità : minore
Descrizione :
Le pagine del sito sono suddivise in sezioni ma non sono utilizzati i corretti marcatori per i titoli.
*  *  *  *  *
[ 6.13 ] : Pagina solo testo
Esito :
impatto : 3 - frequenza : 3 - gravità : critico
Descrizione :
Nel sito è presente una forma testuale dei documenti solo della home page e tutti i link presenti in tale "documento alternativo" fanno riferimento alle pagine non testuali. Il link, il documento testuale e l'idea di crearlo sono pressochè inutili.

7 . Utenti di browser senza javascript

Per tutti gli utenti con i Javascript disabilitati risulta impossibile l'accesso al sito in questione poichè nell'index di www.regione.fvg.it compare un reindirizzamento tramite script e una volta disabilitati non è possibile risalire alla home page del sito.
[ 7.1 ] : Menu dinamici in JavaScript
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 7.2 ] : Menu a cascata
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 7.3 ] : Eventi mouse
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 7.4 ] : Form popolata automaticamente
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 7.5 ] : Form con redirect
Esito :
impatto : 3 - frequenza : 1 - gravità : critico
Descrizione :
Nella selezione dei comuni dalla lista select l'utente non è in grado di capire cosa realmente succeda ed una volta scelto il comune di appartenenza, viene aperta una nuova finestra del browser contenente lo statuto del comune scelto in formato pdf.
*  *  *  *  *
[ 7.6 ] : Validazione dei campi
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 7.7 ] : Campi nascosti
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 7.8 ] : Nuove finestre
Esito :
impatto : assente - frequenza : assente - gravità : assente
*  *  *  *  *
[ 7.9 ] : Controlli del browser disabilitati
Esito :
impatto : assente - frequenza : assente - gravità : assente


Descrizione :
C'è comunque da precisare che all'interno del sito sono presenti codici Javascript ma spesso e volentieri essi riguardano il "rollover" e il "preload" di immagini.
I gravi errori di progettazione emersi nel rapporto di conformità del sito della regione Friuli Venezia Giulia (www.regione.fvg.it) sono stati sottolineati anche dal rapporto di Simulazione Euristica. Seguendo vari scenari e modi d'uso di utenti disabili o privi di caratteristiche software/hardware si sono elencati i maggiori difetti del sito che tali utenti riscontrerebbero nella sua possibile fruizione.
Il primo utente che non è in grado di accedere al sito della regione Friuli è colui che ha disabilitato (o non ha la possibilità/facoltà/necessità di attivare) i Javascript. Infatti il primo reindirizzamento dall'index del sito blocca la strada a coloro che non hanno i Javascript attivati.
Coloro che non sono in grado di leggere il testo e hanno la possibilità di navigare tramite browser vocali invece si trovano di fronte al problema principale delle immagini senza descrizioni, dei frame senza titolo e descrizione e dei controlli privi di etichette. Altro problema per questi utenti è dato dalla presenza di cambiamenti del linguaggio naturale che spesso e volentieri non sono citati. Tutte queste difficoltà farebbero optare per la scelta di abbandonare il sito e ricercare le informazioni in altro modo.
Per utenti di ingranditori di schermo (e anche per altri utenti) non ci sarebbero problemi nel navigare nel sito se le informazioni di alcune immagini fossero descritte anche tramite testo alternativo; infatti i contenuti presenti nelle immagini di sfondo e prive di testo alternativo sono inaccessibili a molti utenti e nel caso in cui le immagini non fossero disponibili le informazioni sarebbero totalmente inutilizzabili.
Gli utenti che non riuscissero a navigare nel sito potrebbero optare per una soluzione alternativa quale la forma testuale; infatti nel sito della regione Friuli c'è il link alla forma testuale dei documenti ma una volta trovato (non riconoscibile poichè rappresentato da un'immagine) si scopre che l'unico documento riprodotto in tale modo è la home page, ben strutturata e con le liste opportune (cosa che non c'è nella home page "inaccessibile") ma con un semplice difetto: è inutile. Infatti tutti i link della "forma testuale" del sito portano alle pagine "inaccessibili" e non a documenti anch'essi testuali, quindi tale forma alternativa risulta sembrare un semplice compromesso per gli utenti disabili e non un vero e proprio aiuto.
Posso concludere ribadendo le osservazioni fatte seguendo il rapporto di Conformità di tale sito e giungendo alla conclusione che non è accessibile per gran parte delle tipologie di utenti e solamente navigabile dalle persone totalmente abili e dotate di tutti i componenti hardware software.
Valid CSS! Valid XHTML 1.0 Transitional Level Double-A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0