Università degli studi di Udine
Progettazione di Siti e portali Web
Tecniche di valutazione dell'accessibilità
Simulazione euristica
Monica Noselli

Simulazione euristica
Barriere riscontrate
Svolgimento della simulazione
Descrizione del sito valutato
Informazioni utili
Autore e scopo della valutazione

Risultato

Ho utilizzato la simulazione per verificare il contrasto dei colori offerta dalla barra di accessibilità di Internet Explorer ed ho assunto che un utente ipovedente scelga la versione "alto contrasto" per navigare all'interno del sito. Ho constatato che non tutte le pagine sono totalmente fruibili: il contrasto tra il colore di fondo e quello dei contenuti non è sempre abbastanza alto. Sarebbe opportuno verificare i contrasti dei colori utilizzati e scegliere quelli che differenziano in modo elevato tra loro.
La possibilità di ingrandire i caratteri è funzionante ma i valori all'interno dei campi delle form non sono più leggibili.
Alcune funzioni vengono implementate attraverso stringhe il cui sfondo è lievemente diverso dal resto della pagina (ad es. "Visualizza" della pagina Info Utili). Il pulsante non è ben visibile: non si capisce bene che è funzionante. Sarebbe meglio implementarlo attraverso il marcatore "button" dell'(X)HTML.
Nella pagina principale viene utilizzato del codice flash per la visualizzazione delle informazioni nuove. Questo link porta ad una pagina testuale che si potrebbe raggiungere tranquillamente con un sekplice link, reso possibilmente più evidente rispetto a tutti gli altri. Si raggiungerebbe in questo modo lo stesso risultato di attirare l'attenzione dell'utente, senza peraltro disturbare la sua concentrazione nel valutare se gli altri link lo avvicinano maggiormente all'obiettivo che vorrebbe raggiungere. Sarebbe meglio evitare presentazioni in movimento (o lampeggiamenti) seppure questi siano lenti: ogni oggetto all'interno della pagina concorre ad approppiarsi dell'attenzione dell'utente.
Gli acceleratori di tastiera sono stati implementati. Non in tutte le pagine funzionano e non sono chiari all'utente in quanto nessuna etichetta li rende visibili. Solo leggendo la pagina che viene aperta seguendo il link "accessibilità" ci si rende conto della loro esistenza. Inoltre non sono coerenti con la funzione che essi svolgono: si utilizzano numeri che non ricordano l'etichetta usata per rappresentare le funzioni. Sarebbe meglio usare etichette adeguate e renderle visibili all'utente: si potrebbe indicarle con una etichetta del tipo "[I]" per informare che questo tasto rapido porta alla pagina di Info Utili.
Utilizzando Firefox 0.8 le finestre che si aprono si sovrappongono quasi totalemente a quella di base. Sarebbe meglio evitare l'apertura di nuove finestre. Se sono propio necessarie avvertire l'utente in modo chiaro: utilizzare solo l'attributo "title" non va sempre bene perchè ad esempio con Firefox 0.8 non sempre le scritte compaiono e inoltre un utente potrebbe selezionare velocemente il link senza attendere la loro comparsa.
Gli skip link sono link che portano direttamente al contenuto permettendo all'utente di saltare i menù e altro contenuto. Nelle pagine valutate sono implementati ma sono visibili solamente osservando la barra di stato. Si potrebbe pensare ad un modo per rendere visibile queste funzioni ance in altro modo. Un utente ipovedente è sicuramente concentrato ad osservare i link che gli sembrano più utili a lui e non sposta il focus alla barra di stato. Inoltre utilizzando un ingranditore di schermo questa informazione non compare nello schermo.
Il sito sembra essere ottimizzato per il browser Internet Explorer. Potrebbe essere una buona scelta dato che le statistiche effettuate sull'utilizzo dei dispositivi dichiarano che questo browser è quello più utilizzato nel mondo. Io ho utilizzato Firefox 0.8 per la valutazione perché ho considerato un utente di una certa età che naviga poco in rete e utilizza un browser "vecchio" perché si è dimenticato di fare aggiornamenti.

Svolgimento

Ipovedente - Scenario d'uso

Adriano è un uomo di 65 anni abitante ad Amaro, regione Friuli Venezia Giulia. Ha problemi di vista e ogni anno prenota una visita oculistica all'ospedale di Tolmezzo. Si fa accompagnare in macchina da suo figlio, ma questa volta Michele non lo può portare. Adriano ha usato altre volte il computer per cercare qualche informazione in rete, usa Mozilla/Firefox 1.0.7 sul sitema operativo Windows XP, installato da Michele e un monitor a 17 pollici. Ora vuole cercare una soluzione al suo problema: deve recarsi il giorno XX di maggio, alle 10.00 di mattina, all'ospedale di Tolmezzo.
Parte dalla home page e poichè non vede bene decide di selezionare la visualizzazione ad alto contrasto. Il link "servizi al cittadino lo riporta alla home page, così decide di seguire il link "Tolmezzo" prima di fare uno scroll. Non trovando l'informazione cercata, seleziona dal menù spalmato in alto il link "info utili". Non si trova ancora nella pagina che soddisfa le sue richieste quindi ritorna alla pagina principale selezionando il link home nella breadcrumb. Operando uno scroll, nella pagina principale, nota il link "Come raggiungerci" e premendolo si accorge di trovarsi nella pagina giusta. Le informazioni da lui cercate non ci sono all'interno del sito. Dopo lo scrollink di tutta la pagina sceglie il link che visualizza il sito della SAF (Autoservizi del Friuli Venezia Giulia).

NOTA BENE: la valutazione del sito è stata effettuata nel mese di marzo del 2006. Ho avuto modo di constatare che il sito viene sottoposto a manutenzione abbastanza spesso durante lo svolgimento della valutazione e il mio lavoro potrebbe non essere coerente al momento della lettura rispetto al sito in rete. Questa valutazione è stata richiesta dal mio professore al solo fine di superare l'esame previsto nel mio piano di studi.

Le valutazioni vengono presentate in forma tabellare. Le barriere che vengono riscontrate sono chiarite maggiormente nella sezione dei dettagli. Le pagine valutate sono:

  1. home page, versione grafica;
  2. home page, versione alto contrasto;
  3. Dove Trovarci - Tolmezzo, alto contrasto;
  4. Info Utili, alto contrasto;
  5. Dove Trovarci - Come raggiungerci, alto contrasto.

Elenco le barriere in base alla loro gravità:

  1. Critica
  2. Seria
  3. Minima
Indice generale

Tabelle di valutazione per Utenti ipovedenti

Valutazione pagina principale
versione grafica

Pagina/Compito: "Home Page" - versione grafica
compito 1
Barriera Impatto Frequenza Severità
Immagini ricche malposizionate 1 1 minima
Immagini ricche incluse nello sfondo / / /
Contrasto visivo insufficiente 3 3 critico
Materiale in movimento 1 3 serio
Immagini funzionali in sfondo / / /
Immagini funzionali prive di testo 1 1 minore
Menu dinamici in JavaScript 1 1 minore
Mancanza di link interni / / /
Righe di testo lunghe / / /
Troppi link 3 3 critico
Form con redirect / / /
Form ampie / / /
Finestre sovrapposte 1 1 minore
Temporizzazioni troppo brevi / / /
Immagini come titoli 1 3 serio
Mancanza di tasti rapidi 1 2 minore
Testo non ridimensionabile / / /
Layout non ridimensionabile / / /
Skip links / / /
Controlli del browser disabilitati / / /

[S] Scenario d'uso, utente ipovedente | [P] Pagine valutate | [D] Dettagli barriere riscontrate | [G] Gravità (elenco)

Valutazione pagina principale
versione alto contrasto

Pagina/Compito: "Home Page" - versione alto contrasto
compito 1
Barriera Impatto Frequenza Severità
Immagini ricche malposizionate / / /
Immagini ricche incluse nello sfondo / / /
Contrasto visivo insufficiente 1 3 serio
Materiale in movimento 1 3 serio
Immagini funzionali in sfondo / / /
Immagini funzionali prive di testo 1 1 minore
Menu dinamici in JavaScript / / /
Mancanza di link interni / / /
Righe di testo lunghe / / /
Troppi link 3 3 critico
Form con redirect / / /
Form ampie / / /
Finestre sovrapposte 1 1 minore
Temporizzazioni troppo brevi / / /
Immagini come titoli / / /
Mancanza di tasti rapidi 1 2 minore
Testo non ridimensionabile / / /
Layout non ridimensionabile / / /
Skip links 1 1 minore
Controlli del browser disabilitati / / /

[S] Scenario d'uso, utente ipovedente | [P] Pagine valutate | [D] Dettagli barriere riscontrate | [G] Gravità (elenco)

Valutazione Dove Trovarci - Tolmezzo
versione alto contrasto

Pagina/Compito: "Dove Trovarci - Tolmezzo" - versione alto contrasto
compito 1
Barriera Impatto Frequenza Severità
Immagini ricche malposizionate / / /
Immagini ricche incluse nello sfondo / / /
Contrasto visivo insufficiente 3 3 critica
Materiale in movimento / / /
Immagini funzionali in sfondo / / /
Immagini funzionali prive di testo 2 3 critico
Menu dinamici in JavaScript 1 3 serio
Mancanza di link interni / / /
Righe di testo lunghe / / /
Troppi link / / /
Form con redirect / / /
Form ampie / / /
Finestre sovrapposte 1 2 minore
Temporizzazioni troppo brevi / / /
Immagini come titoli / / /
Mancanza di tasti rapidi 1 3 serio
Testo non ridimensionabile / / /
Layout non ridimensionabile / / /
Skip links 1 1 minore
Controlli del browser disabilitati

[S] Scenario d'uso, utente ipovedente | [P] Pagine valutate | [D] Dettagli barriere riscontrate | [G] Gravità (elenco)

Valutazione Info Utili
versione alto contrasto

Pagina/Compito: "Info Utili" - alto contrasto
compito 1
Barriera Impatto Frequenza Severità
Immagini ricche malposizionate / / /
Immagini ricche incluse nello sfondo / / /
Contrasto visivo insufficiente 3 3 critico
Materiale in movimento / / /
Immagini funzionali in sfondo 1 3 serio
Immagini funzionali prive di testo / / /
Menu dinamici in JavaScript 1 3 serio
Mancanza di link interni / /
Righe di testo lunghe / / /
Troppi link / / /
Form con redirect / / /
Form ampie / / /
Finestre sovrapposte 1 1 minore
Temporizzazioni troppo brevi / / /
Immagini come titoli / / /
Mancanza di tasti rapidi 1 3 serio
Testo non ridimensionabile / / /
Layout non ridimensionabile / / /
Skip links 1 3 serio
Controlli del browser disabilitati / / /

[S] Scenario d'uso, utente ipovedente | [P] Pagine valutate | [D] Dettagli barriere riscontrate | [G] Gravità (elenco)

Valutazione pagina Dove Tovarci - Come Raggiungerci
versione alto contrasto

Tabella da compilare durante una valutazione per Utenti ipovedenti
Pagina/Compito: "Come Raggiungerci" - alto contrasto
compito 1
Barriera Impatto Frequenza Severità
Immagini ricche malposizionate / / /
Immagini ricche incluse nello sfondo / / /
Contrasto visivo insufficiente / / /
Materiale in movimento / / /
Immagini funzionali in sfondo / / /
Immagini funzionali prive di testo / / /
Menu dinamici in JavaScript 1 3 serio
Mancanza di link interni 1 3 serio
Righe di testo lunghe / / /
Troppi link / / /
Form con redirect / / /
Form ampie / / /
Finestre sovrapposte 1 1 minore
Temporizzazioni troppo brevi / / /
Immagini come titoli / / /
Mancanza di tasti rapidi 1 3 serio
Testo non ridimensionabile / / /
Layout non ridimensionabile / / /
Skip links 1 3 serio
Controlli del browser disabilitati / / /

[S] Scenario d'uso, utente ipovedente | [P] Pagine valutate | [D] Dettagli barriere riscontrate | [G] Gravità (elenco)

Barriere riscontrate

Si possono leggere i dettagli delle barriere riscontrate selezionando i seguenti link (accanto ad ogni barriera compare una lettera che indica se la barriere è C critica, S seria, M minima, nt non trovata):

  1. M - Immagini ricche malposizionate
  2. nt - Immagini ricche incluse nello sfondo
  3. C - Contrasto visivo insufficiente
  4. S - Materiale in movimento
  5. S - Immagini funzionali in sfondo
  6. C - Immagini funzionali prive di testo
  7. S - Menu dinamici in JavaScript
  8. S - Mancanza di link interni
  9. nt - Righe di testo lunghe
  10. C - Troppi link
  11. nt - Form con redirect
  12. nt - Form ampie
  13. M - Finestre sovrapposte
  14. nt - Temporizzazioni troppo brevi
  15. S - Immagini come titoli
  16. S - Mancanza di tasti rapidi
  17. nt - Testo non ridimensionabile
  18. nt - Layout non ridimensionabile
  19. S - Skip links
  20. nt - Controlli del browser disabilitati

Immagini ricche malposizionate

Descrizione

Layout della pagina subottimale perché la grafica non fa capire la presenza dell'immagine, che è portatrice di informazioni.

  1. home page (grafica):
    Le immagini rappresentanti link all'ente produttore del sito, quelle che raggiungono il sito dell'e-Governement, Premio Web Italia, Forum della Pubblica Amministrazione, validazione del CSS, dell'HTML 4.0Strict e al validatore Bobby, sono presentate in fondo alla pagina e per raggiungerle è necessario fare dello scrolling.

Vai alle tabelle:
home (grafica) | indice generale | elenco barriere

Immagini ricche incluse nello sfondo

Descrizione

Immagini latrici di informazioni incluse nello sfondo della pagina (tramite CSS) per le quali non è possibile specificare testo alternativo equivalente.

Non ho riscontrato questa barriera nelle pagine della mia valutazione.

Vai alla tabelle:
Indice generale | elenco barriere

Contrasto visivo insufficiente

Descrizione

La pagina contiene materiale in primo piano su qualche tipo di sfondo e i colori usati per dipingere gli uni e l'altro sono troppo poco contrastati. Lo sfondo in questione può essere un riquadro colorato con tinta uniforme, a gradiente, con qualche trama, con un'immagine. E il materiale di primo piano può consistere in testo o in immagini.
Il livello di contrasto troppo basso può essere dovuto ad insufficiente differenza di luminosità, o a cattiva scelta delle diverse tonalità di colore.
Talvolta il problema sorge solo quando il contenuto della pagina viene riposizionato (ad es. perché si è cambiata la dimensione del testo, o la geometria della finestra).

  1. home (grafica, alto contrasto):
    utilizzando la funzione della barra di accessibilità per la simulazione percettiva di alti contrasti (di Internet Explorer) tutte le informazioni non sono percepibili. Le etichette della categorie non hanno un contrasto sufficiente. Sarebbe meglio utilizzare colori di maggiore contrasto tra loro.
  2. Dove Trovarci - Tolmezzo - alto contrasto:
    la pagina presenta link ben visibili: il contrasto è buono, ma la cartina geografica non è stata disegnata con colori di contrasto elevato. Il contenuto informativo non è totalmente fruibile. Sarebbe meglio disegnare una cartina con colori più contrastanti tra loro.
  3. Info Utili:
    anche in questa pagina i colori risultano di insufficiente contrasto usando la simulazione proposta dalla barra di accessibilità. Inoltre ridimensionando la pagina i valori dei campi delle form non rimangono leggibili.
Salta le immagini

Home alto contrasto, simulazione percettiva negativa
La home versione alto contrasto non è totalemente leggibile

Home alto contrasto, valori buoni di contrasto dei link
I link (Tolmezzo alto contrasto) sono leggibili

Home alto contrasto, valori pessimi di contrasto della mappa
La mappa geografica (Tolmezzo alto contrasto) non è leggibili

Simulazione percettiva della pagina "Info Utili"
Pagina Info Utili non fruibile

Analisi del contrasto dello sfondo con il colore dei link:
Contrasto colore sfondo/link insufficiente

Problemi ridimensionando la pagina:
I valori dei campi delle form non sono leggibili

Vai alla tabelle:
home (grafica) | Tolmezzo | Info Utili | indice generale | elenco barriere

Materiale in movimento

Descrizione

Immagini o testo in movimento (ad es. testo scorrevole, immagine animata).

  1. home(grafica, alto contrasto)
    Compare una presentazione in flash. Non ha una velocità alta ma si potrebbe evitare inserendo al suo posto un semplice link che rimanda ad una pagina contenete le novità.

Vai alla tabelle:
home | home (alto contrasto) | indice generale | elenco barriere

Immagini funzionali in sfondo

Descrizione

La pagina contiene nello sfondo (ev. anche mediante regole CSS) delle immagini che nella pagina visualizzata assumono un ruolo funzionale. Ad es. corrispondono ad immagini cliccabili, a pulsanti, a etichette di controlli di form o a etichette di categorie di contenuti.

  1. Info Utili:
    più che immagine, è testo che rappresenta una funzione di bottone.
    Sono stati implementati bottoni che non si riconoscono. Sono etichette con uno sfondo leggermente diverso dal resto. Sono ambigue e non chiare. Sarebbe meglio evidenziare maggiormente che il bottone fa qualche cosa.

Vai alla tabelle:
Info Utili | indice generale | elenco barriere

Immagini funzionali prive di testo

Descrizione

La pagina contiene delle immagini funzionali (link cliccabili, pulsanti di invio per form, mappe immagine) prive di testo alternativo. Analogamente per pulsanti in Flash.

  1. home (grafica, alto contrasto):
    L'immagine rappresentante la regione del Friuli Venezia Giulia, è un'immagine mappata sul client che non viene ingrandita. Disabilitando il caricamento delle immagini, essa non viene percepita e non è quindi fruibile.
  2. Dove Trovarci - Tolmezzo:
    Con Firefox, il testo alternativo non compare.
    Ad ogni modo, il testo previsto, leggibile con Internet explorer al passaggio del mouse, non è informativo: "Mappa dell'ubicazione di Tolmezzo nel territorio coperto dai servizi sanitari della Ass3". Sarebbe opportuno spiegare come raggiungere Tolmezzo oppure spiegare l'informazione che si voleva offrire con questa immagine. Risolvere il problema pensando ad un equivalente testuale per l'immagine, magari specificando l'attributo "alt" oppure "londesc" oppure "d-link".

Vai alla tabelle:
home | home (alto contrasto) | indice generale | elenco barriere

Menù dinamici in JavaScript

Descrizione

La pagina contiene del codice JavaScript che, non appena l'utente posiziona il focus dell'interazione su un elemento, viene aperto un menu in una determinata zona della pagina.

  1. Tutte le pagine:
    Le pagine contengono del codice JavaScript che fa riferimento a tutto il corpo. Il corpo prevede uno script che controlla l'attributo "class" del marcatore dei link ("a") e definisce come operare al passaggio del mouse a seconda che il suo valore sia equivalente a "blank", aggiungendo al suo attributo "alt" la stringa "[apre una nuova finestra]" e aprendo quindi una nuova finestra per visualizzare i contenuti raggiungibili attraverso i link.
Salta le immagini

Codice JavaScript che ha effett su tutto il corpo della pagina
Codice javascript in ogni pagina

Vai alla tabelle:
home (grafica) | Tolmezzo | Info Utili | Come Raggiungerci | Indice generale | elenco barriere

Mancanza di link interni

Descrizione

La pagina, relativamente complessa e ricca di contenuto che spesso non viene tutto visualizzato insieme, manca di link interni alla pagina che permettano all'utente di saltare di sezione in sezione, o di ritornare in testa alla pagina.

  1. Come Raggiungerci:
    la pagina contiene parecchio testo e per leggerlo tutto è necessario utilizzare la barra di scorrimento verticale perché manca di link interni. Sarebbe utile implementarli per dare all'utente di passare da sezione a sezione.

Vai alla tabelle:
Come Raggiungerci | Indice generale | elenco barriere

Righe di testo lunghe

Descrizione

La pagina contiene righe di testo troppo lunghe rispetto al campo visivo.

Non ho riscontrato questa barriera nelle pagine della mia valutazione.

Vai alla tabelle:
Indice generale | elenco barriere

Troppi link

Descrizione

Troppi link nella pagina, talvolta non bene organizzati in gruppi.

  1. Home (grafica, alto contrasto):
    La pagina principale è composta da moltissimi link che costringono l'utente ad una analisi lunga e faticosa. Devono memorizzarli prima di decidere quale selezionare. Le categorie potrebbero essere organizzate in sezioni più generiche, in modo da diminuirle nella pagina principale.

Vai alla tabelle:
home grafica | home (alto contrasto) | Indice generale | elenco barriere

Form con redirect

Descrizione

La pagina contiene delle form in cui alcuni controlli (campi o menu a tendina implementati con SELECT), una volta che vengono utilizzati, causano un submit al server il quale spedisce una nuova pagina al browser. Questo comportamento è basato su gestori di eventi JavaScript.

Non ho riscontrato questa barriera nelle pagine della mia valutazione.

Vai alla tabelle:
Indice generale | elenco barriere

Form ampie

Descrizione

La pagina contiene una form i cui controlli sono sparsi in un'ampia area della pagina e disposti su più di una colonna.

Non ho riscontrato questa barriera nelle pagine della mia valutazione.

Vai alla tabelle:
Indice generale | elenco barriere

Finestre sovrapposte

Descrizione

La pagina contiene codice (HTML o JavaScript) che apre nuove finestre che si sovrappongono totalmente o quasi del tutto con la finestra usata sino a quel momento.

  1. home (grafica, alto contrasto):
    Utilizzando Mozilla Firefox le finestre si sovrappongono quasi in modo totale. Risulta difficile capire che la finestra è cambiata.
    Se possibile non aprire nuove finestre, in caso contrario avvertire chiaramente l'utente.

Vai alla tabelle:
home (grafica) | home (alto contrasto) | Info Utili | Come Raggiungerci | Indice generale | elenco barriere

Temporizzazioni troppo brevi

Descrizione

Il comportamento del server è di causrae un refresh della pagina, magari con modifica del contenuto, senza che ci sia stato un qualche evento causato dall'utente per attivare tale comportamento.

Non ho riscontrato questa barriera nelle pagine della mia valutazione.

Vai alla tabelle:
Indice generale | elenco barriere

Immagini come titoli

Descrizione

La pagina contiene dei titoli di categoria (ad es. di un gruppo di link tra loro correlati, o di un gruppo di news) implementati mediante delle immagini che sono prive di attributo ALT.

  1. Home grafica:
    Disabilitando il caricamento delle immagini, non compare alcun titolo. Sarebbe meglio usare del testo per rendere chiaro il titolo del sito.

Vai alla tabelle:
home grafica | Indice generale | elenco barriere

Mancanza di tasti rapidi

Descrizione

La pagina contiene dei link o pulsanti o controlli di form che sono ricorrenti nelle pagine del sito e che non hanno alcun tasto rapido associato (con @ACCESSKEY).

  1. home (grafica, alto contrasto):
    I tasti rapidi sono implementati ma non vengono resi utilizzabili nella versione grafica. Funzionano solamente quelli per accedere alla form di registrazione. Infatti utilizzando la funzione di visualizzazione degli accesskey, si verifica che la pagina è provvista di cinque tasti rapidi. Sono invisibili all'utente, non funzionano, non vengono segnalati in modo chiaro e intuitivo.
  2. Dove Trovarci - Tolmezzo:
    i tasti rapidi sono implementati, funzionano ma non sono visibili e di chiaro intuito.
  3. Info Utili:
    i tasti rapidi ci sono, ma non sono resi visibili. Inoltre compare un acceleratore di tastiera che riporta alla pagina contenente la descrizione degli stessi. Questa funzione disorienta l'utente: sarebbe meglio rendere visibili direttamente nella pagina queste funzioni.
  4. Come Raggiungerci:
    vale lo stesso quanto detto per le pagine "Tolmezzo" e "Info Utili".

Tasti rapidi implemntati per la pagina principale
La pagina prevede cinque tasti rapidi

Tasti rapidi implementati per la pagina "Dove Trovarci - Tolmezzo", "Info Utili" e "Come Raggiungerci"
La pagina prevede tredici tasti rapidi

Vai alla tabelle:
home grafica | home (alto contrasto) | Tolmezzo | Info Utili | Come Raggiungerci | Indice generale | elenco barriere

Testo non ridimensionabile

Descrizione

La pagina contiene del testo per il quale sono state usate delle modalità di presentazione tali per cui non può essere ridimensionato. Ad es. unità di misura assolute del CSS (px, pt, cm) o tag deprecati come FONT/@SIZE.

Non ho riscontrato questa barriera nelle pagine della mia valutazione.

Vai alla tabelle:
Indice generale | elenco barriere

Layout non ridimensionabile

Descrizione

La pagina ha una struttura di impaginazione non fluida, che non permette di modificare le dimensioni della finestra o quelle del testo senza compromettere la comprensibilità e fruibilità del contenuto.

Non ho riscontrato questa barriera nelle pagine della mia valutazione.

Vai alla tabelle:
Indice generale | elenco barriere

Skip links

Descrizione

La pagina non permette di saltare direttamente al contenuto, evitando il materiale preliminare e ripetuto nelle pagine (logo, briciole di pane, pulsantiera globale).

  1. home (grafica, alto contrasto) e Tolmezzo:
    La possibilità di saltare direttamente al contenuto è stata implementata ma non è resa visibile nella versione grafica e nemmeno utilizzabile infatti restituisce sempre una stessa pagina di errore. Sarebbe meglio rendere accessibile questa funzione in tutte le versioni in cui è stato implementato il sito.
    Utilizzando la funzione di visualizzazione degli accesskey della barra di accessibilità, si verifica che la pagina è provvista di cinque tasti rapidi. Sono invisibili all'utente, non funzionano, non vengono segnalati in modo chiaro e intuitivo.
  2. Info Utili:
    in questa pagina mi sembra inutile implementare gli acceleratori di tastiera perché il suo contenuto è formato da una form. Sarebbe meglio implementare acceleratori di tastiera funzionanti e visibili.
  3. Come Raggiungerci:
    la pagina prevede di saltare direttamente al contenuto ma la funzione non è visibile e quindi non utilizzabile. Disabilitando il CSS, compaiono tre immagini piccole che rappresentano queste funzioni. Utilizzandole, il focus non cambia, non sono corrette.

L' utilizzo degli skip links nella pagina principale

Vai alla tabelle:
home grafica | home (alto contrasto) | Info Utili | Come Raggiungerci | Indice generale | elenco barriere

Controlli del browser disabilitati

Descrizione

La pagina è stata aperta in una nuova finestra del browser dove i controlli tipici del browser non ci sono (back, next, refresh, ecc).

Non ho riscontrato questa barriera nelle pagine della mia valutazione.

Vai alla tabelle:
Indice generale | elenco barriere

Descrizione del sito valutato

Quella che segue è una mia breve e personale descrizione del sito dell'azienda sanitaria "Alto Friuli", delineata sulla base delle conoscenze acquisite seguendo il corso di PSW.
Il sito è prevalentemente di carattere informativo ed è rivolto ad utenti che cercano informazioni e risposte riguardanti la sanità, più precisamente la sanità nella zona geografica dell'Alto Friuli.

Inizio pagina | Svolgimento della valutazione

Autore e scopo della valutazione

Sono Monica Noselli, studio all'università di Udine, corso di Tecnologie Web, facoltà di Scienze Matemaiche Fisiche e Naturali (Scienze MMFFNN). Il piano di studi prevede il corso di Progettazione di Siti Web (PSW) tenuto dal professore Giorgio Brajnik. Queste relazioni sono state prodotte per il superamento dell'esame. è stato valutato il sito dell'unità sanitaria "Alto Friuli" usando due diverse tecniche: la valutazione euristica e la simulazione euristica. Opero l'analisi del sito sulla base delle barriere all'accessibilità. Per maggiori dettagli rimando alle migliori spiegazioni del docente.
Se volete contattarmi il mio indirizzo di posta elettronica e di messanger è: noselita@libero.it. Lascio a voi un sano utilizzo.

Inizio pagina | Svolgimento della valutazione | Elenco barriere