IntroduzioneTorna su

Cos'è la Valutazione euristica:

La valutazione euristica è un metodo che consente di verificare i problemi di usabilità che si possono incontrare durante la ricerca di informazioni all'interno di un sito, attraverso lo studio di casi ben definiti che nel tempo sono stati classificati e permettono di identificare con chiarezza le eventuali limitazioni delle singole pagine, in particolare dell'interfaccia utente, al fine di migliorarle e renderle maggiormente accessibili da un più vasto bacino di utenti.

scopo della valutazione:

Il nostro scopo sarà di individuare i principali problemi presenti attraverso le euristiche proposte da Nielsen e di proporre un'alternativa soddisfacente a rendere il codice del sito fruibile con maggior semplicità.

Perché si sottopone un sito a tale valutazione

Principalmente per trovare gli errori di codifica e per rendere il sito accessibile attraverso tutti i vari strumenti di navigazione utilizzati in alternativa ai normali browser internet.

Prima analisi: impostazione graficaTorna su

Da una prima analisi sommaria del sito notiamo che tutte le informazioni sono direttamente accessibili tramite collegamenti a partire da una serie di menù dalla home page.

È presente una barra di navigazione orizzontale, che graficamente potrebbe essere migliorata, contenente i collegamenti alle principali sezioni del sito e sia a destra che a sinistra dell'intera pagina sono presenti altri due menu. Al centro della pagina vengono riportate alcune "notizie dell'ultim'ora".

Il carattere utilizzato è sufficientemente grande, tale da rendere visualizzabile il testo senza troppe difficoltà anche da un pubblico di età superiore alla media dei navigatori abituali con problemi di vista.

Notiamo subito che è presente un problema di codifica caratteri non standard, che seppure non sia grave, comporta una cattiva visualizzazione per l'utente, come si può vedere da questa immagine:

Codifica caratteri

Questo ci introduce a quella che sarà la classificazione dei problemi che incontreremo durante la nostra analisi; esiste a tale scopo una classificazione di base che suddivide i problemi riscontrati in tre categorie di gravità:

problema minore:
è un problema generalmente di codifica, notato dall'utente che pero' non genera errori nell'utilizzo delle pagine o problemi legati alla sicurezza ed è facilmente aggirabile.
problema importante:
è un problema che rende la ricerca delle informazioni difficile da compiere e generalmente richiede un notevole sforzo per portare a termine il compito prestabilito.
problema grave o catastrofico:
si tratta di un problema che porta molti utenti a rinunciare al raggiungimento dello scopo. Puo' indurre gravi problemi di sicurezza.

Le 10 Euristiche di Nielsen Torna su

Utilizzate per verificare la correttezza di un'interfaccia utente riguardano questi aspetti:

  1. Visibilità dello stato del sistema
  2. Allineamento tra il mondo del sistema e quello reale
  3. Controllo da parte dell'utente e sua libertà
  4. Coerenza e standard
  5. Prevenzione di errori
  6. Riconoscimento piuttosto di memorizzazione
  7. Flessibilità e efficienza d'uso
  8. Design estetico e minimalista
  9. Aiutare l'utente nel riconoscere, diagnosticare e rimediare dagli errori
  10. Aiuto e documentazione

Queste categorie generali rispondono a domande ben definite sull'Architettura del sistema, sul contenuto della pagina e sulla presentazione delle informazioni.

Da un'analisi più approfondita della prima pagina e seguenti del sito della Regione Veneto abbiamo verificato che le euristiche in molti casi vengono violate e di seguito elencheremo alcuni problemi riscontrati e per ognuno di essi proporremo una possibile soluzione.

Problemi frequenti riscontratiTorna su

Testo alternativo alle immagini:

non tutte le immagini possiedo un attributo di testo alternativo alt="Descrizione dell'immagine" corretto o una descrizione dell'immagine appropriata:

<img class="news" alt="" src="channels_files/convegnocorecom_home.jpg" align="left" border="0" height="80" width="90">

Questo è un problema grave perchè se andiamo a leggere la pagina html attraverso uno strumento alternativo al browser comune come può essere un lettore a sintesi vocale, l'immagine non potrà essere caratterizzata correttamente.

Posizione Corrente:

Non è chiara la posizione in cui ci si trova, non è indicato che siamo nella home page del sito.

Spostandoci fra le varie sezioni tramite la barra di navigazione orizzontale notiamo che cambia il colore delle pagine in base a dove ci si trova, anche se non tutte le sezioni hanno un diverso colore.

Inoltre un problema riguarda la segnalazione della categoria principale che potrebbe essere gestita semplicemente variando il carattere della categoria nella barra orizzontale, pur essendo presente la utile segnalazione a "briciole di pane".

Notiamo però che muovendoci in queste sottosezioni, cambia drasticamente il menu laterale.

Quello che nella homepage era a destra, nelle sottosezioni si trova invece a sinistra.

Questo problema di navigazione fa riferimento alla legge di Fitts che propone di mantenere in posizioni adiacenti i pulsanti maggiormente utilizzati, legando il tempo di ricerca del pulsante alla distanza e allo spostamento necessario per trovare gli elementi attivi.

Soluzione al problema della "codifica caratteri":

Per quel che riguarda il problema di codifica dei caratteri notiamo, leggendo il codice html delle pagine, che manca il riferimento allo standard della lingua da utilizzare.

Questo è un problema risolvibile semplicemente modificando le righe di codice nell'intestazione di pagina.

Basta aggiungere dentro il tag <head> la codifica dei caratteri da utilizzare:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

Collegamento mancante tra immagine e testo di riferimento:

Un ulteriore problema riscontrato nella pagina principale riguarda il collegamento mancante tra l'immagine associata al testo e il titolo del testo che invece porta alla notizia.

Tooltips errati:

In una parte dei collegamenti ipertestuali è presente un tooltip che purtroppo non è di nessun aiuto perché contiene lo stesso testo del collegamento.

I tooltips sono elementi di aiuto che devono contenere una appropriata descrizione della destinazione del collegamento e a che informazioni fa riferimento.

Esempio Tooltip Errato

Da questa immagine notiamo che il tooltip del testo in realtà equivale al testo stesso.

Problema di impaginazione dei menu e possibile soluzione:

In questo sito è presente un problema di impaginazione dei menù.

La grafica del menù laterale non è chiara. Infatti capiamo che l'indice della sezione è in realtà un collegamento vero e proprio alla sottosezione relativa soltanto perché ci passiamo sopra con il mouse.

Un'idea potrebbe essere l'utilizzo dell'indentazione per le sottocategorie e un simbolo come questo "»" dato dal carattere unicode: &#x00BB; posto davanti al testo di ogni categoria principale.

Per migliorare l'impaginazione sono sufficienti dei piccoli accorgimenti sul foglio di stile.

Per i nostri esempi prenderemo in riferimento il menu di sinistra soltanto perché contiene un numero limitato di elementi, ma le stesse considerazioni vanno riportate anche per il menù di sinistra.

Leggendo il codice html, seppur con qualche difficoltà di impaginazione probabilmente dovuta al fatto che si tratta di un sito costruito dinamicamente, notiamo che il menù in generale è fatto in questo modo, a partire da una semplice tabella:

<table summary="xsl di navigazione a sx della pagina della home" border="0" cellpadding="0" cellspacing="0" width="100%">
 <tbody>
  <tr>
   <td class="sinistrabg2" align="left">
    <img src="channels_files/ImgTrasparente.gif" alt="img_trasparente" align="middle">
   </td>
    <td class="sinistrabg2" align="left"><a class="top"
    href="http://www.regione.veneto.it/Bollettino+Ufficiale/" title="Bollettino Ufficiale">
   <b>Bollettino Ufficiale</b></a>
   </td>
  </tr>
  <tr>
   <td class="sinistra" colspan="2">
    <ul>
    <li class="sinistra">
    <a class="sinistra" href="http://www.regione.veneto.it/Bollettino+Ufficiale/Consultazioni/" title="Consultazione">
    Consultazione </a>
   </li>
   <li class="sinistra">
    <a class="sinistra" href="http://www.regione.veneto.it/Bollettino+Ufficiale/Informazioni/" title="">
    Informazioni</a>
    </li>
    </ul>
   </td>
  </tr>
</tbody>
</table>

Vediamo che è presente una classe sugli elementi della lista che fa al caso nostro :<li class="sinistra"> per cui una possibile soluzione è modificare questa classe nel css spostando il margine degli elementi della lista di circa 15 pixel più a destra, aggiungendo magari un margin-left di 15px.

Trovato il codice nel css :

li.sinistra { color: black; line-height: 98%; list-style-type: disc; list-style-position: outside; margin-left: -25px }

sostituiamo:

margin-left: -25px; con margin-left: -10px;

Ecco quale sarebbe il risultato prima e dopo la modifica:

menu di destra prima della modifica menu di destra dopo la modifica

Che porta ad una visualizzazione più chiara dei contenuti.

Notiamo che c'è ancora un errore sull'impaginazione del testo delle categorie principali.

Se eliminiamo le immagini dalla visualizzazione troviamo un'immagine trasparente nascosta:

menu di destra Senza le immagini

In realtà questo codice :

<img src="channels_files/ImgTrasparente.gif" alt="img_trasparente" align="middle">

è stato utilizzato soltanto per dare una maggiore spazialità al contenitore del testo del menu.

Se lo togliamo infatti lo spazio si restringe:

menu di destra senza il codice delle immagini trasparenti

Per correggere questo errore è sufficiente modificare come prima il codice css della pagina e anche il codice della pagina, prima di tutto eliminando completamente questa cella e le successive:

<td><img src="channels_files/ImgTrasparente.gif" alt="img_trasparente" align="middle"></td>

visualizzazione celle del menu

vediamo dal codice html che è già presente una classe per le sezioni principali class="sinistrabg2" che possiamo utilizzare a tale scopo.

<td class="sinistrabg2" align="left"><a class="top" href="http://www.regione.veneto.it/Bollettino+Ufficiale/" title="Bollettino Ufficiale"><b>Bollettino Ufficiale</b></a></td>

Infatti: se aggiungiamo al css: height:32px; che corrisponde all'altezza dell'immagine utilizzata nella sezione relativa alla cella d'intestazione sinistrabg2:

td.sinistrabg2 { background-color: #d8e1e8; font-size: 0.8em; padding-left: 2px; padding-right: 2px; height:32px;}

ecco che torna tutto a posto:

Menu corretto nel css

Ora dobbiamo occuparci dei rientri del testo.

In effetti da un'analisi più approfondita notiamo che l'errore è dovuto alla cella che inizialmente conteneva l'immagine trasparente e per come abbiamo strutturato la tabella ora non è più necessaria.

Infatti possiamo utilizzare il css per posizionare correttamente il testo del menu in questo semplice modo:

Intanto notiamo che la classe sulla quale effettuare le modifiche è sempre la stessa:

<td class="sinistrabg2>

Poichè abbiamo precedentemente cancellato la prima cella che conteneva l'imamgine, ora sul css è sufficiente aumentare il padding-left della td.sinistrabg2 da 2px a 12px in questo modo:

td.sinistrabg2 { background-color: #d8e1e8; font-size: 0.8em; padding-left: 12px; padding-right: 2px; height:32px;}

ed ecco che il menù viene visualizzato correttamente e il codice diventa molto più snello:

Menu corretto e finito

Un'altra miglioria potrebbe riguardare l'aggiunta del carattere » al codice del titolo in questo modo:

&#x00BB; <b>Bollettino Ufficiale</b>

In questo modo la visualizzazione del collegamento sarebbe più decisa:

diversa visualizzazione del menu con frecce

Già con queste semplici modifiche la pagina risulta più gradevole e ne viene migliorata la navigabilità, soltanto perché i collegamenti sono più definiti.

Analisi Euristica secondo il modello proposto da Nielsen:Torna su

1. Visibilità dello stato del sistema:Torna su

dove siamo?
La home page non contiene un elemento specifico che la caratterizza ed è disorientante, considerando che le pagine sono state costruite a partire da una struttura comune e nelle successive è presente una sequenza che permette di ritornare indietro, anche se a volte contiene più elementi del necessario che andrebbero rimossi. Per una semplicità d'uso sarebbe corretto che anche la prima pagina contenesse l'indicazione della posizione corrente.

Esempio: ripetizione superflua su ogni pagina di sezione principale:
esempio di superflua ripetizione

la pagina ha un titolo informativo?
Tutte le pagine contengono un titolo informativo sufficientemente adeguato.
dove posso andare?
Considerando di aver modificato la visualizzazione dei collegamenti come descritto più sopra, è possibile spostarsi dalla pagina principale con facilità verso tutte le sezioni del sito.
Diverso è il caso delle pagine secondarie. Qui il menu si sposta dal lato destro dello schermo al lato sinistro.
Esempio di menu che si sposta da destra a sinistra
Inoltre scompare il menu contenente tutte le sezioni. Questo problema disorienta l'utente poiché il menù cambia completamente pagina per pagina e permette di ritornare indietro soltanto verso sezioni immediatamente precedenti o generali, senza dare modo all'utente di scegliere le diverse destinazioni che invece sono disponibili nella home page.
Sarebbe stato più opportuno mantenere il menu a sinistra riducendo le voci delle sottocategorie (considerando la regola di Miller) mantenendo un menù più generale sulla sinistra e il menù di navigazione delle sottosezioni di pagina, sulla destra.
In questo modo non c'è un cambiamento di contesto troppo evidente e disorientante.

ci sono link e pulsanti importanti che sono visibili senza dover fare scrolling?
Questo avviene per le pagine secondarie mentre nella home page sono presenti tutti i collegamenti alle sottosezioni, per cui è necessario scorrere la pagina verticalmente per accedere a tutte le informazioni.
Il sito è strutturato in modo che i collegamenti alle varie sezioni e ai documenti siano tutti di tipo testuale.

Si potrebbe sostituire l'etichetta del pulsante di ricerca:

    <label for="header_q">Ricerca</label>
   <input name="header:q" value="Cerca..." id="header_q" type="text">
   <input name="header:Cerca" value="Cerca" id="header_Cerca" type="submit">


con una dicitura più estesa come: Ricerca sul sito
cosa sto vedendo? percependo?
Inizialmente si ha a che fare con sole informazioni generali. È necessario analizzare i contenuti e i collegamenti per decidere se è presente l'obiettivo della ricerca che ci siamo prefissati.
la pagina ha un chiaro obiettivo?
La Homepage è a carattere descrittivo, le pagine delle sottosezioni contengono il materiale informativo presentato con un carattere adeguato. Inoltre in tutte le pagine sono presenti collegamenti ipertestuali a documenti di rilievo.
la pagina ha una chiara struttura (2-3 titoletti di sezione, titoletti chiari, parole evidenziate)?
Manca un'indentaziona adeguata del testo.
Sono presenti i colori ma sarebbe più chiaro utilizzare dei tag specifici che indicano le sottosezioni di pagina.
Il carattere del testo varia pagina per pagina. Non è un errore importante ma comunque va risolto.
l'autore della pagina (persona o ente) è chiaramente indicato?
Manca l'indicazione dell'autore dei testi, anche se si tratta di un sito istituzionale.
è indicata la data di aggiornamento/revisione della pagina?
Non è indicata alcuna data di aggiornamento o revisione delle singole pagine anche se è presente la data di inserimento delle ultime notizie sulla home page.
i nuovi contenuti della pagina sono chiaramente evidenziati? e le nuove pagine del sito sono evidenziate nella home?
Nella home page è presente una sezione ben definita che riporta i più recenti documenti inseriti.
se la pagina è il risultato di una compilazione di una form, è chiaro qual è stato l'esito?
Inserendo una domanda nel campo di ricerca presente in ogni pagina il motore restituisce una serie di argomenti attinenti in una pagina. Ovviamente è compito dell'utente filtrare le informazioni e decidere il percorso da seguire.
posso percepire il testo? le immagini? i contenuti multimediali?
Testo e immagini sono ben definiti, è necessario pero' migliorare e uniformare il carattere di visualizzazione, la cui grandezza varia tra le pagine.
posso percepire i link, i pulsanti, i controlli delle form?
I link sono per lo più a carattere testuale. Sarebbe opportuno effettuare le modifiche sopra descritte per migliorarne la percettibilità.
si capisce che qualcosa è un link, un pulsante, un controllo?
A parte le immagini che non sono collegate e l'esperienza comune vuole che se a fianco di un immagine vi è un testo collegato ad una sottosezione, anche l'immagine sia collegata a quella sottosezione, generalmente i collegamenti sono evidenziati in maniera standard con il sottolineato blu.
Proposta: Nella home page ci sono alcune immagini descrittive dell'argomento trattato. Sarebbe utile che anche l'immagine fosse collegata alla notizia relativa. Per fare cio' è possibile collegare l'immagine inserendola nella maniera usuale all'interno del tag
<a> </a> e utilizzando l'attributo border: none 0px per altro già presente nel foglio di stile :
img.news { margin-right: 10px; border: none 0px }
che evita il pesante riquadro colorato attorno all'immagine che indica la presenza dell'elemento sensibile.

2. Allineamento tra il mondo del sistema e quello realeTorna su

i link, pulsanti, controlli delle form hanno etichette appropriate?
le categorie e i raggruppamenti (di informazioni, di link, di pulsanti, di controlli) hanno etichette appropriate?
Come descritto più sopra, i raggruppamenti di link hanno un'etichetta appropriata ma la loro impaginazione va migliorata.
il linguaggio è adatto all'audience?
Il linguaggio è chiaro e semplice.
viene indicato il momento in cui una certa informazione è stata pubblicata?
Per ogni notizia inserita viene indicata la data di inserimento.
gli autori sono indicati? come li si può contattare?
Gli autori non sono chiaramente indicati anche se navigando all'interno delle pagine troviamo alcune informazioni al riguardo. Non è molto chiaro come contattare qualcuno, anche se basta muoversi tra i link dell'organico per tovare qualche indirizzo utile. Sarebbe opportuno inserire un collegamento diretto ad una pagina contenente indirizzi e numeri di telefono utili dalla home page.
vengono usate icone appropriate?
I collegamenti sono tutti testuali e non viene fatto largo uso di immagini né di icone.

3. Controllo da parte dell'utente e sua libertàTorna su

viene evitata una introduzione in Flash? la si può facilmente saltare?
Questo sito è costruito interamente in html, senza l'ausilio di animazioni in flash
la pagina ha un pulsante "indietro"? oppure le briciole di pane?
Le sottosezioni contengono le "briciole di pane" anche se a volte contengono più informazione del necessario.
la pagina ha un link alla home?
A parte la Home page che non è chiara, le atre pagione contengono tutte un link alla home page.
questi link/pulsanti funzionano correttamente anche all'interno di pagine basate su frame?
Il Frame utilizato in questo sito suddivide il titolo con il logo dal Forum di Discussione. I pulsanti sono quelli del Forum.
le briciole di pane sono chiaramente indicate?
Le Briciole di pane si trovano in alto su ogni pagina.
se lo scaricamento della pagina richiede tempi lunghi, qualche porzione preliminare dei dati viene resa percepibile?
Le pagine, a parte qualche piccola immagine, contengono solo testo per cui il loro caricamento richiede tempi di attesa relativamente bervi.
i messaggi di errore suggeriscono come continuare?
Non abbiamo incontrato messaggi d'errore durante la fase di test
eventuali restrizioni su browser o plug-in sono chiaramente indicate e correttamente gestite?
Molto probabilemnte il sito è stato costruito per MS Explorer. Infatti la visualizzazione risulta diversa se si utilizzano altri Browsers. Soltanto navigando all'interno del sito troviamo un'indicazione della risoluzione consigliata, anche se non è chiaramente espressa. Non è indicato il browser da utilizzare.
il caricamento di immagini remote può essere disabilitato?
Le immagini risiedono sullo stesso server che ospita il testo ed il loro caricamento non è disabilitabile se non agendo sul browser direttamente.
si può navigare solamente con la tastiera?
Non è stata prevista la navigazione da tastiera.
ci sono acceleratori da tastiera? sono chiaramente indicati?
A parte i normali tasti base di navigazione da tastiera (TAB - BACKSPACE - SPACE - ENTER) non è stata prevista questa funzionalità e non sono identificabili acceleratori da tastiera.
font, colori, animazioni, suoni sono usati in maniera appropriata?
Bisogna prestare attenzione alla grandezza del font utilizzato che varia tra le pagine. è necessario cercare di uniformare la visualizzazione ad uno standard comune per le pagina.
gli utenti possono ridimensionare la finestra?
Le finestre sono ridimensionabili e il testo rimane sempre visibile.
gli utenti possono modificare la dimensione del testo?
il Font è ridimensionabile ed è possibile ingrandire le pagine mantenendo una struttura pressoché uniforme.
gli utenti possono modificare le dimensioni dei frame?
È stato utilizzato un Frame nella sezione Forum ed è fisso come dimensioni anche se la posizione del contenuto varia al variare della risoluzione.

4. Coerenza e standardTorna su

l'etichetta di un link o pulsante è coerente con il titolo della pagina destinazione?
Il link è generalemnte coerente con il titolo della pagina di destinazione.
il titolo di una pagina è coerente con il contenuto della pagina?
il titolo della pagina di destinazione è coerente con il suo contenuto.
il contenuto è valido/vero?
Il contenuto è vero.
la pagina o il sito è sufficientemente credibile?
Nella sua semplicità di impaginazione questo sito trova il suo punto di forza per quel che riguarda la credibilità, essendo un sito istituzionale e prevalentemente informativo.
il contenuto fa riferimento a fonti esterne ed indipendenti che sono credibili?
Il sito rimanda ad altri siti istituzionali creibili.
viene coerentemente usato lo stesso stile, colore, font per oggetti simili all'interno di questa pagina? del sito?
All'interno della stessa pagina viene usato uno stile coerente per tutti gli oggetti simili.
il layout della pagina è coerente nel sito?
Non tutte le pagine usano la stessa grandezza del font.
i colori dei link sono coerenti con le convenzioni di fatto?
I link a volte sono colorati, altre volte sottolineati ma non sempre in tutto il sito, anche se passandoci sopra con il mouse dove non c'è la sottolineatura che li evidenzia cambia il colore di sfondo. Comunque non è sempre ben chiaro dove il testo sia anche collegamento.
ci sono delle convenzioni del web che sono violate?
Una fra queste è la sottolineatura dei link.

5. Prevenzione di erroriTorna su

errori di navigazione (vicoli a fondo cieco, cicli, link non definiti, smarrirsi) vengono evitati?
Per quanto abbiamo potuto provare, non abbiamo riscontrato errori nei collegamenti.
le etichette dei link e pulsanti sono non-ambigui?
Le etichette generalmente contengono il titolo della pagina di destinazione o una breve descrizione del contenuto.
informazioni sull'attraversamento di un link vengono forniti in anticipo (dimensione della pagina, formati particolari, tipo di informazione - souno, animazione, video, PDF, ...)?
Non sempre ma in buona parte delle pagine vengono presentati sia il formato che la dimensione del file o attraverso tooltips viene indicato che si sta per accedere ad un sito esterno anche se ciò non è esplicitato chiaramente, ma lo si puo' dedurre dal testo.
gli URL usano caratteri semplici (si evitano caratteri che non siano lettere, o nomi lunghi e complessi)?
Purtroppo gli URL sono abbastanza lunghi e contengono il carattere "SPAZIO".
i frame sono evitati?
Questo sito contiene un Frame nella sezione relativa al Forum di discussione, probabilmente per mantenere il logo con il titolo della pagina nella parte alta.
vengono fornite chiare ed esaurienti istruzioni su come compilare le form? sono adiacenti ai controlli delle form?
L'unico campo compilabile è il campo di ricerca delle informazioni all'interno del sito. Non è presente una descrizione ma il funzionamento del campo è abbastanza ovvio.
posso percepire e capire che qualcosa è un controllo su cui è possibile operare?
Gli unici controllo sono i pulsanti del campo di ricerca che contengono una chiara etichetta che spiega a cosa fanno riferimento.C'è però una pagina che contiene un "radiobutton" privo dell'etichetta di riferimento.
e come lo si usa?
C'è l'etichetta descrittiva a fianco del controllo.

6. Riconoscimento piuttosto di memorizzazioneTorna su

i link sono troppi? sono presentati in maniera pesante?
Sulla Home Page sono presenti molti link raggruppati in sottocategorie e ci vuole un po' di tempo per scorrerli tutti.
i tooltip con delle descrizioni più ricche sono disponibili?
In questo sito i tooltip andrebbero rivisti perché in alcuni casi contengono lo stesso testo al quale sono associati e questo è un errore abbastanza rilevante, oppure mancano, mentre in altri casi invece sono utili perché contengono una descrizione di riferimento del link associato.
è chiaro perchè una pagina è rilevante rispetto allo stadio dell'interazione?
Le pagine sono simili in tutto e per tuto a parte il colore associato ad alcune sottosezioni.
le figure hanno delle descrizioni che sono significative?
Non tutte le immagini contengono una descrizione appropriata. Alcune descrizioni sono troppo superficiali.
i link e i controlli sono chiaramente visibili?
Non tutti i link sono visibili. Alcuni sono testo normale che cambia sfondo se ci si passa sopra con il mouse.
le immagini cliccabili sono facilmente riconoscibili?
Le immagini cliccabili non hanno il bordo come pure quelle non cliccabili. Questo porta a pensare che le immagini non siano cliccabili perchè le prime che si incontrano non hanno il link.
si può distinguere tra link inter- e intra-sito?
I link che puntano a siti esterni hanno un tooltip che lo indica anche se non chiaramente.

7. Flessibilità e efficienza d'usoTorna su

le pagine possono essere incluse nei favoriti/segnalibri (bookmark) in maniera non ambigua?
Aggiungendo la pagina ai "favoriti" compare il titolo che fa riferimento al sito della Regione Veneto con in più indicato anche l'argomento della pagina.
vengono offerti dei meccanismi di ricerca?
È presente un utile strumento di ricerca delle informazioni sia all'interno di tutto il sito che sulle specifiche sezioni
gli utenti possono approfondire se - e solo se - lo desiderano?
Su tutte le pagine principali vengono affrontate informazioni generali e sono persenti una serie di collegamenti che fanno riferimento a informazioni più specifiche.
le pagine sono state realizzate in modo che possano essere reperite coi motori di ricerca (ad es. usando : META name="keywords" content="kwd1, kwd2, ..." e META name="description" content="...")?
Non sono pesenti questi contenuti neanche nella home page.
gli utenti possono ridimensionare la finestra?
Non dal sito ma dal Browser
gli utenti possono modificare le dimensioni del testo?
Non dal sito ma dal browser
gli utenti possono usare solamente la tastiera?
Non è stata considerata questa funzionalità
gli utenti possono usare gli acceleratori da tastiera?
Non è stata considerata questa funzionalità

8. Design estetico e minimalistaTorna su

i pulsanti e i link sono raggruppati in base alla loro funzione?
Nei menu i link sono raggruppati in categorie.
le cose meno importanti (paragrafi, link, pulsanti) sono minimizzati?
Questo fa parte del problema dei menu di cui abbiamo discusso piu' sopra. In pratica non vengono minimizzate le categorie quando si passa da una pagina principale ad una secondaria.
i termini che sono legati al web vengono evitati (es. "segui questo link", "clicca qui")?
I termini del web sono evitati, i collegamenti hanno un testo descrittivo della pagina a cui si riferiscono.
la pagina è succinta?
Le pagine sono brevi e contengono collegamenti a pagine con notizie e informazioni con un livello di dettaglio superiore.
i dettagli sono posti in una pagina secondaria?
Le informazioni piu' dettagliate sono poste in una pagina secondaria.
la pagina inizia con le conclusioni?
Le pagine iniziano con una breve descrizione del loro contenuto.
lunge liste vengono divise in blocchi?
Le pagine non contengono lunghe liste.
I menu contengono troppe informazioni almeno per quelche riguarda la home page.
ciascun paragrafo contiene una singola idea?
Anche se vengono presentate piu' informazioni, ciascun paragarfo è delimitato.
le immagini inutili sono assenti?
In questo sito non sono presenti molte immagini per cui possiamo dire che le immagini inutili non sono nemmeno state caricate.
le animazioni e lampeggiamenti sono evitati?
Non ci sono animazioni in flash o testi con il blink.

9. Aiutare l'utente nel riconoscere, diagnosticare e rimediare dagli erroriTorna su

per gli errori di navigazione vengono dati dei suggerimenti costruttivi (es. link iniziali nel caso di nessun risultato da un motore di ricerca)?
Non abbiamo trovato corrispondenze.
vengono offerte delle spiegazioni naturali di ciò che è successo e perché?
Non abbiamo incontrato errori di questo genere.

10. Aiuto e documentazioneTorna su

quanto lontano è il materiale di aiuto? quanto bene esso è integrato nelle pagine?
Non abbiamo trovato materiale d'aiuto, a parte i tooltips che indicano che si sta uscendo dal sito.
è disponibile una mappa del sito?
Non è disponibile alcuna mappa del sito.
viene data una descrizione delle caratteristiche di accessibilità del sito?
Non vi è alcuna icona che fa riferimento ad un validatore di pagine ne di accessibilità