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.
Figura 1
| 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'inizioIl logo "eua" in fondo alla pagina non presenta testo alternativo.
Figura 2
| Impatto | Frequenza | Gravità |
|---|---|---|
| 1 | 1 | minore |
Soluzione: Specificare un adeguato attributo ALT nel tag IMG
Nota: Barriera riscontrata anche dall'utente ipovedente
Torna all'inizioLa 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.
Figura 3
| 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'inizioMolti link nella pagina hanno il tag: target=”_blank” che apre una nuova scheda, ma non ci sono pop-up o nuove finestre.
| Impatto | Frequenza | Gravità |
|---|---|---|
| 2 | 2 | serio |
Soluzione: Togliere dai link il tag target=”_blank”
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.
Figura 4
| Impatto | Frequenza | Gravità |
|---|---|---|
| 1 | 1 | minore |
Soluzione: Rimuovere l'attributo summary dalla tabella.
Torna all'inizioNella pagina sono presenti molte parole inglesi, senza specificarne la lingua nel codice.
| 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'inizioSolo la parte delle news è suddivisa in sezioni, ma in ordine non corretto.
Figura 5
| Impatto | Frequenza | Gravità |
|---|---|---|
| 2 | 2 | serio |
Soluzione: Suddividere tutta la pagina in sezioni utilizzando in maniera corretta i tag H1...H6.
Torna all'inizioNon 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.
Figura 6
| 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'inizioNon è presente lo skip-link per saltare direttamente al contenuto, mancanza grave poiché il sito contiene molti link.
| 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'inizioLa form di ricerca è sprovvista di molte label come si può vedere nella figura 7 grazie allo strumento Wave.
Figura 7
| Impatto | Frequenza | Gravità |
|---|---|---|
| 3 | 3 | critico |
Soluzione: Inserire le label su tutta la form.
Torna all'inizioNella 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
Figura 8
| Impatto | Frequenza | Gravità |
|---|---|---|
| 1 | 1 | minore |
Soluzione: Rimuovere l'attributo summary dalle tabelle di impaginazione.
Torna all'inizioIl link che porta al dipartimento di economia ha l’attributo target="_blank".
Figura 8
| Impatto | Frequenza | Gravità |
|---|---|---|
| 2 | 1 | serio |
Soluzione: Rimuovere l'attributo target="_blank".
#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
| 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'inizioLa homepage non ha un layout liquido che si adatta alle dimensioni dello schermo.
Figura 9
| 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'inizioLa tabella di ricerca non può essere ordinata.
Figura 10
| 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| 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 |
| 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 |
Camerin Matteo 80767 - camerin.matteo@spes.uniud.it | Vendramin Marco 80218 - vendramin.marco@spes.uniud.it