accessibilità wc ag 2 - irene chiarolanza
TRANSCRIPT
Accessibilità guidelines WCAG 2
Analisi dei siti Provincia di Livorno
http://www.provincia.livorno.it/new/index.php Provincia di Pisa
http://www.provincia.pisa.it/ Provincia di Lucca
http://www.provincia.lucca.it/
Irene Chiarolanza
Corso di laurea magistrale Informatica Umanistica
Analisi WCAG 2.0Home
http://www.provincia.livorno.it/new/index.php
Checker ha riscontrato 200 problemi conosciuti, 2 probabili, 539 potenziali
http://www.provincia.livorno.it/new/index.php
Esempi di problemi conosciuti e ripetuti riscontrati nella home
Controllo. elemento img mancante alt attributo Riparazione: Aggiungere un alt attributo al tuo img elemento
Controllo. Lingua documento non identificato. Riparazione: aggiungere l'attributo lang
Home
Wave ha riscontrato 115 errori di accessibilità
Home
http://www.provincia.livorno.it/new/index.php
http://www.provincia.livorno.it/new/modules.php?name=Search
Form
Checker ha riscontrato 116 problemi conosciuti, 0 probabili, 316 potenziali
Esempi di problemi conosciuti e ripetuti riscontrati nel form
Controllo. gli elementi tipo di "testo"non hanno un'etichetta associata esplicitamente
Riparazione: Aggiungere un etichetta
Controllo. Elementi label non presenti
Riparazione: Aggiungi un elemento label che circonda l'etichetta
http://www.provincia.livorno.it/new/modules.php?name=Search
Form
Wave ha riscontrato 63 errori di accessibilità
Controllo. img elemento mancante alt attributo Riparazione: Aggiungere un alt attributo al tuo img elemento
Controllo. il testo di ancoraggio non contiene testo Riparazione: Aggiungere testo all’ elemento
Indice
Esempi di problemi conosciuti e ripetuti riscontrati negli indici
http://www.provincia.livorno.it/new/modules.php?name=Content&pa=showpage&pid=6
Checker ha riscontrato 77 problemi conosciuti, 0 probabili, 323 potenziali
http://www.provincia.livorno.it/new/modules.php?name=Content&pa=showpage&pid=6
Indice
Wave ha riscontrato 81 errori di accessibilità
Controllo. textarea elemento mancante un'etichetta associata. Riparazione: Tutte le textarea devono avere un'etichetta esplicitamente associata.
Controllo. Lingua documento non identificato. Riparazione: aggiungere l'attributo lang
Tavole dati
http://www.provincia.livorno.it/new/modules.php?name=Content&pa=showpage&pid=489
Esempi di problemi conosciuti e ripetuti riscontrati nelle tavole dati
Checker ha riscontrato 138 problemi conosciuti, 0 probabili, 518 potenziali
Wave ha riscontrato 79 errori di accessibilità
http://www.provincia.livorno.it/new/modules.php?name=Content&pa=showpage&pid=489
Tavole dati
Controllo. b (grassetto) elemento utilizzato Riparazione: Sostituire le b (grassetto) con elementi em o forte
Controllo. Lingua documento non identificato. Riparazione: aggiungere l'attributo lang
Gli altri problemi riguardano gli indici sulle barre laterali
http://www.provincia.livorno.it/new/modules.php?name=Content&pa=showpage&pid=248
Contenuto
Checker ha riscontrato 77 problemi conosciuti, 0 probabili, 323 potenziali
Esempi di problemi conosciuti e ripetuti riscontrati nei contenuti
http://www.provincia.livorno.it/new/modules.php?name=Content&pa=showpage&pid=248
Contenuto
Strumenti automatici utilizzati
A-Checker Wave
parti più problematiche del sito
molte: immagini
link elenchi
form testo
Wcag 2.0 non verificate
- testo alternativo ad un’ immagine non è previsto per un’immagine link - negli elenchi il testo alternativo non è presente per le immagini
- mancanza alt attributo immagine - nel form <imput> <select> <textarea> non hanno un livello
corrispondente - lingua documento non identificata
modo di presentare i dati analizzati
il sistema compila una relazione per orientamento o per numero di riga
che riporta tutti gli errori in maniera descrittiva
numero problemi trovati maggiore di quanti trovati da wave
il sistema visualizza sull’interfaccia il tipo di errore ed
il punto in cui si trova
numero problemi trovati minore di quanti trovati A-Checker
Analisi dei risultatiProvincia di Livorno
www.provincia.livorno.it/new/index.php
http://www.provincia.pisa.it/
Home
Checker ha riscontrato 0 problemi conosciuti, 0 probabili, 392 potenziali
Controllo. img elemento può richiedere una lunga descrizione Riparazione: Se l'immagine non è descritta nel documento immagini complesse richiedono una lunga descrizione.
Se l'immagine ha bisogno di una descrizione lunga creare il file di descrizione e link ad esso usando il longdesc attributo.
Controllo. img elemento mancante alt attributo Riparazione: Aggiungere un alt attributo al tuo img elemento
Esempi di potenziali problemi riscontrati nella home da A-Checker
Checker ha riscontrato 2 problemi conosciuti, 0 probabili, 1996 potenzialiControllo. Il contrasto tra il colore del testo e lo sfondo per l'elemento non è sufficiente a soddisfare WCAG2.0 AA livello.
Riparazione: Utilizzare un colore di contrasto e valutatore per determinare se i colori del testo e dello sfondo hanno un rapporto di contrasto di 4,5:1 per il testo standard, o 3:1 per il testo più grande. Modificare i codici di colore per produrre un sufficiente contrasto.
Controllo. Un elemento deve contenere il testo. Il testo può essere presente nel testo di ancoraggio o nel titolo attributo di ancoraggio o nel testo Alt di un'immagine utilizzata all'interno di ancoraggio.
Riparazione: Aggiungere testo a un elemento o il titolo attributo di un elemento. Se un'immagine aggiungere testo alternativo all'immagine.
Indice
http://www.provincia.pisa.it/interno.php?id=75&lang=it
Indice
http://www.provincia.pisa.it/interno.php?id=75&lang=it
Checker ha riscontrato 2 problema conosciuti, 0 probabile, 237 potenziali
Controllo. gli elementi devono aver associata un’etichetta Riparazione: Aggiungere un etichetta
http://www.provincia.pisa.it/interno.php?given_alpha_id=20&lang=itForm
Controllo. sufficiente contrasto tra testo e colori di sfondo Riparazione: Fornire un sufficiente contrasto tra testo e colori di sfondo.
http://www.provincia.pisa.it/interno.php?given_alpha_id=20&lang=itForm
Wave non ha riscontrato errori di accessibilità
Contenuti
http://www.provincia.pisa.it/interno.php?id=4101&lang=it
Contenuti
http://www.provincia.pisa.it/interno.php?id=4101&lang=it
Checker ha riscontrato 1 problema conosciuto, 0 probabile, 212 potenziali
Controllo. sufficiente contrasto tra testo e colori di sfondo Riparazione: Fornire un sufficiente contrasto tra testo e colori di sfondo.
http://www.provincia.pisa.it/albopretorio/Tavole dati
Checker ha riscontrato 4 problemi conosciuti, 0 probabile, 11 potenziali
Controllo. le strutture devono avere un titolo attributo Riparazione: Aggiungere un titolo attributo alla cornice dell’elemento
Controllo. Lingua documento non identificato. Riparazione: aggiungere l'attributo lang
Strumenti automatici utilizzati
A-Checker Wave
parti più problematiche del sito
testo strutture tavole dati
immagini colore
form
Wcag 2.0 non verificate
-mancanza alt attributo immagine - colori di contrasto tra testo ed immagine
- nel form <imput> <select> <textarea> non hanno un livello corrispondente
- lingua documento non identificata - le strutture delle tavole dati devono avere un titolo attributo
- non inserito attributo titolo al testo
modo di presentare i dati analizzati
numero problemi trovati maggiore di quanti trovati da wave
numero problemi trovati minore di quanti trovati da A-Checker
Analisi dei risultatiProvincia di Pisa
www.provincia.pisa.it/
Checker ha riscontrato 3 problemi conosciuti,11 probabili, 360 potenziali
Controllo. il testo di ancoraggio non contiene testo Riparazione: Aggiungere testo all’ elemento
Controllo. Lingua documento non identificato. Riparazione: aggiungere l'attributo lang
Controllo. Lingua documento non identificato. Riparazione: aggiungere l'attributo lang
http://www.provincia.lucca.it/Home
Checker ha riscontrato 2 problemi conosciuti,1 probabile, 194 potenziali
Controllo. il testo di ancoraggio non contiene testo Riparazione: Aggiungere testo all’ elemento
Controllo. Lingua documento non identificato. Riparazione: aggiungere l'attributo lang
Contenuto
http://www.provincia.lucca.it/sede.php
http://www.provincia.lucca.it/search/search.phpForm
Checker ha riscontrato 13 problemi conosciuti,1 probabile, 190 potenziali
Controllo.Tutti i gruppi di pulsanti di opzione sono contrassegnati da elementi fieldset e legend. Riparazione: elemento di contenuto deve contenere sia fieldset che legend se ci sono pulsanti di scelta correlati
Controllo. elemento textarea mancante un'etichetta associata. Riparazione: Tutte le textarea devono avere un'etichetta esplicitamente associata.
Controllo. Tutti gli elementi, tipo di "radio" hanno associata un'etichetta Riparazione: associare un’etichetta
Esempi di problemi conosciuti e ripetuti riscontrati nel form
http://albo.provincia.lucca.it/publishing/AP/index.do?org=provinciadiluccaTavole dati
Checker ha riscontrato 0 problemi conosciuti, 0 probabile, 166 potenziali
http://albo.provincia.lucca.it/publishing/AP/index.do?org=provinciadiluccaTavole dati
Checker ha riscontrato 3 problemi conosciuti,1 probabile, 397 potenziali
Controllo. non sono fornite alternative testuali Riparazione: aggiungere elemento NOEMBED all'interno
Controllo. Lingua documento non identificato. Riparazione: aggiungere l'attributo lang
Indice
http://www.provincia.lucca.it/comuni.php
Strumenti automatici utilizzati
A-Checker Wave
parti più problematiche del sito
parti del testo form immagini
tavole dati
Wcag 2.0 non verificate
- non sono fornite alternative testuali alle immagini - etichetta associata all’ elemento di tipo radio
- etichetta associata all’elemento text area - nel form <imput> <select> <textarea> non hanno un livello
corrispondente - lingua documento non identificata
- il testo di ancoraggio non contiene testo
modo di presentare i dati analizzati
numero problemi trovati maggiore di quanti trovati da wave
numero problemi trovati minore di quanti trovati da A-Checker
Analisi dei risultatiProvincia di Lucca
www.provincia.lucca.it/
Strumenti automatici utilizzati
A-Checker Wave
Siti con maggiori problemi di accessibilità
1. provincia di livorno 2. provincia di pisa e lucca
parti più problematiche dei siti
generalmente i form sono le parti che presentano maggiori errori spesso mancano:
alt attributo immagine la lingua documento non è specificata
etichette associate agli elementi
modo di presentare i dati analizzati
il sistema compila una relazione per orientamento o per numero di riga
che riporta tutti gli errori in maniera descrittiva
ANALISI DISPERSIVA ma più PRECISA
il sistema visualizza sull’interfaccia il tipo di errore ed
il punto in cui si trova
ANALISI IMMEDIATA E meno PRECISA nei risultati
Analisi dei risultati di accessibilità complessivi