Salta al contenuto principale

Risultati in dettaglio

Barriere utente non vedente

Homepage

Immagini funzionali in sfondo:

La pagina presenta in alto due immagini che sono state inserite con il css (background-image) , una delle due immagini è il logo dell’università. In questo modo non è possibile specificare l'attributo ALT.

Barriera Immagini funzionali in sfondo

Figura 1

Gravità della barriera Immagini funzionali in sfondo
Impatto Frequenza Gravità
1 1 minore

Soluzione: Includere le due immagini nell'html così da poter inserire l'attributo ALT nel tag IMG

Nota: Barriera presente anche nelle pagine "Persone", "Persone - Andreozzi Luciano" e nelle pagine "Ricerca scientifica", "Opportunità di finanziamento" e "Pagina risultati finanziamento" analizzate dall'utente ipovedente.

Torna all'inizio
Immagini funzionali prive di testo:

Il logo "eua" in fondo alla pagina non presenta testo alternativo.

Barriera Immagini funzionali prive di testo

Figura 2

Gravità della barriera Immagini funzionali prive di testo
Impatto Frequenza Gravità
1 1 minore

Soluzione: Specificare un adeguato attributo ALT nel tag IMG

Nota: Barriera riscontrata anche dall'utente ipovedente

Torna all'inizio

La pagina seppur dividendo logicamente i link in sezioni, presenta troppi link (circa 70) e non è sempre possibile saltare da un blocco di link ad un altro (non tutti i blocchi hanno gli headers). La Figura 3 mostra ad esempio che le due colonne di link in centro alla pagina sono sprovviste di tag header per saltare da un blocco di link ad un altro, e contengono troppi link.

Barriera Troppi link

Figura 3

Gravità della barriera Troppi link
Impatto Frequenza Gravità
3 3 critico

Soluzione: Ridurre drasticamente il numero di link all'interno dell'Homepage, raggruppando alcuni link logicamente connessi e suddividendo meglio le sezioni. Dopo la scelta del profilo si potrebbe rimandare ad una pagina in cui sono presenti i link attinenti a quel profilo.

Nota: Barriera riscontrata anche dall'utente ipovedente

Torna all'inizio
Nuove finestre:

Molti link nella pagina hanno il tag: target=”_blank” che apre una nuova scheda, ma non ci sono pop-up o nuove finestre.

Gravità della barriera Nuove finestre
Impatto Frequenza Gravità
2 2 serio

Soluzione: Togliere dai link il tag target=”_blank”

Torna all'inizio
Tabelle di impaginazione:

Nella pagina home c'é una sola tabella di layout nella form di login in cui è presente l’attributo summary, che non va appunto utilizzato per le tabelle di layout.

Barriera Tabelle di impaginazione

Figura 4

Gravità della barriera Tabelle di impaginazione
Impatto Frequenza Gravità
1 1 minore

Soluzione: Rimuovere l'attributo summary dalla tabella.

Torna all'inizio
Marcatura della lingua:

Nella pagina sono presenti molte parole inglesi, senza specificarne la lingua nel codice.

Gravità della barriera Marcatura della lingua
Impatto Frequenza Gravità
1 3 serio

Soluzione: Specificare la lingua utilizzando: <span lang=”en”>Parola</span>

Nota: Barriera presente anche nelle pagine "Persone" e "Persone - Andreozzi Luciano".

Torna all'inizio
Suddivisione in sezioni:

Solo la parte delle news è suddivisa in sezioni, ma in ordine non corretto.

Barriera Suddivisione in sezioni

Figura 5

Gravità della barriera Suddivisione in sezioni
Impatto Frequenza Gravità
2 2 serio

Soluzione: Suddividere tutta la pagina in sezioni utilizzando in maniera corretta i tag H1...H6.

Torna all'inizio
Mancanza di tasti rapidi:

Non sono presenti accesskey nella pagina, mancanza grave poiché ci sono molti link, e molti si ripetono nelle pagine successive soprattutto il menù orizzontale mostrato in figura 6.

Barriera Mancanza di tasti rapidi

Figura 6

Gravità della barriera Mancanza di tasti rapidi
Impatto Frequenza Gravità
3 3 critico

Soluzione: Prevedere accesskey almeno per i link che si ripetono in tutto il sito.

Nota: Barriera presente anche nelle pagine "Persone", "Persone - Andreozzi Luciano" e nelle pagine "Ricerca scientifica", "Opportunità di finanziamento" e "Pagina risultati finanziamento" analizzate dall'utente ipovedente.

Torna all'inizio

Non è presente lo skip-link per saltare direttamente al contenuto, mancanza grave poiché il sito contiene molti link.

Gravità della barriera Skip links
Impatto Frequenza Gravità
3 3 critico

Soluzione: Inserire come primo elemento della pagina uno skip-link che consenta di saltare le lunghe liste di link e andare direttamente all'ancora del contenuto.

Nota: Barriera presente anche nelle pagine "Persone", "Persone - Andreozzi Luciano" e nelle pagine "Ricerca scientifica", "Opportunità di finanziamento" e "Pagina risultati finanziamento" analizzate dall'utente ipovedente.

Torna all'inizio

Persone

Form senza LABEL:

La form di ricerca è sprovvista di molte label come si può vedere nella figura 7 grazie allo strumento Wave.

Barriera Form senza LABEL

Figura 7

Gravità della barriera Form senza LABEL
Impatto Frequenza Gravità
3 3 critico

Soluzione: Inserire le label su tutta la form.

Torna all'inizio
Tabelle di impaginazione:

Nella pagina ci sono due tabelle di layout nella form di login in cui è presente l’attributo summary, che non va appunto utilizzato per le tabelle di layout

Barriera Tabelle di impaginazione

Figura 8

Gravità della barriera Tabelle di impaginazione
Impatto Frequenza Gravità
1 1 minore

Soluzione: Rimuovere l'attributo summary dalle tabelle di impaginazione.

Torna all'inizio

Persone - Andreozzi Luciano

Nuove finestre:

Il link che porta al dipartimento di economia ha l’attributo target="_blank".

Barriera Nuove finestre

Figura 8

Gravità della barriera Nuove finestre
Impatto Frequenza Gravità
2 1 serio

Soluzione: Rimuovere l'attributo target="_blank".

Torna all'inizio

Barriere utente ipovedente

Homepage

Contrasto visivo insufficiente:

#F5821F su sfondo #FFFFFF Contrast Ratio 2,6:1 Differenza di colore: 359 Differenza di luminosità 102

#F5821F su sfondo #1E4E65 Contrast Ratio 3,5:1 Differenza di colore: 337 Differenza di luminosità 87

#838383 su sfondo #FFFFFF Contrast Ratio 3,8:1 Differenza di colore: 372 Differenza di luminosità 124

Gravità della barriera Contrasto visivo insufficiente
Impatto Frequenza Gravità
2 1 serio

Soluzione: Utilizzare combinazioni di colori che abbiano una differenza di colore maggiore di 500 e di luminosità maggiore di 125.

Nota: Barriera riscontrata anche nelle altre pagine.

Torna all'inizio
Layout non ridimensionabile:

La homepage non ha un layout liquido che si adatta alle dimensioni dello schermo.

Barriera Layout non ridimensionabile

Figura 9

Gravità della barriera Layout non ridimensionabile
Impatto Frequenza Gravità
1 1 minore

Soluzione: Utilizzare unità di misura relative come em e % per realizzare pagine che si adattano allo schermo.

Torna all'inizio

Pagina risultati finanziamenti

Tabelle dati ordinabili

La tabella di ricerca non può essere ordinata.

Barriera Tabelle dati ordinabili

Figura 10

Gravità della barriera Tabelle dati ordinabili
Impatto Frequenza Gravità
1 1 minore

Soluzione: usare dei colori diversi per evidenziare le varie aree di ricerca (solo se la ricerca viene effettuata su tutte le aree insieme).

Torna all'inizio

Tabella riassuntiva non vedente

Tabella riassuntiva utente non vedente
BARRIERA Impatto Frequenza Gravità
Troppi link 3 3 critico
Mancanza di tasti rapidi 3 3 critico
Skip links 3 3 critico
Form senza label 3 3 critico
Nuove finestre (home) 2 2 serio
Suddivisione in sezioni 2 2 serio
Nuove finestre (persone) 2 1 serio
Marcatura della lingua 1 3 serio
Immagini funzionali di sfondo 1 1 minore
Immagini funzionali prive di testo 1 1 minore
Tabelle di impaginazione 1 1 minore

Torna all'inizio

Tabella riassuntiva ipovedente

Tabella riassuntiva utente ipovedente
BARRIERA Impatto Frequenza Gravità
Troppi link 3 3 critico
Mancanza di tasti rapidi 3 3 critico
Skip links 3 3 critico
Contrasto visivo insufficiente 2 1 serio
Immagini funzionali di sfondo 1 1 minore
Immagini funzionali prive di testo 1 1 minore
Layout non ridimensionabile 1 1 minore
Tabelle dati ordinabili 1 1 minore

Torna all'inizio