Accessibilità WC AG 2 - Irene Chiarolanza

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

http://www.provincia.livorno.it/new/index.php

http://www.provincia.pisa.it/


http://www.provincia.livorno.it/new/index.phpHome


Analisi WCAG 2.0Home



Checker ha riscontrato 200 problemi conosciuti, 2 probabili, 539 potenziali


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


http://achecker.ca/checker/suggestion.php?id=1


Wave ha riscontrato 115 errori di accessibilità

Home



http://www.provincia.livorno.it/new/modules.php?name=Search

Form


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



Form



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





Indice



Controllo. textarea elemento mancante un'etichetta associata. Riparazione: Tutte le textarea devono avere un'etichetta esplicitamente associata.


Tavole dati


Esempi di problemi conosciuti e ripetuti riscontrati nelle tavole dati






Tavole dati


Controllo. b (grassetto) elemento utilizzato Riparazione: Sostituire le b (grassetto) con elementi em o forte


Gli altri problemi riguardano gli indici sulle barre laterali


Contenuto


Esempi di problemi conosciuti e ripetuti riscontrati nei contenuti





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



Home



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



Home


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



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=it

http://www.provincia.pisa.it/interno.php?given_alpha_id=20&lang=itForm

http://www.provincia.pisa.it/interno.php?given_alpha_id=20&lang=it

Wave non ha riscontrato errori di accessibilità

Contenuti



Contenuti


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


http://www.provincia.pisa.it/albopretorio/


http://www.provincia.pisa.it/albopretorio/Tavole dati

http://www.provincia.pisa.it/albopretorio/


A-Checker Wave


testo strutture tavole dati

immagini colore

form


-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



numero problemi trovati minore di quanti trovati da A-Checker

Analisi dei risultatiProvincia di Pisa

www.provincia.pisa.it/


http://www.provincia.lucca.it/Home


Checker ha riscontrato 3 problemi conosciuti,11 probabili, 360 potenziali








Checker ha riscontrato 2 problemi conosciuti,1 probabile, 194 potenziali



Contenuto

http://www.provincia.lucca.it/sede.php



Contenuto



http://www.provincia.lucca.it/search/search.phpForm


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://www.provincia.lucca.it/search/search.php

http://www.provincia.lucca.it/search/search.phpForm

http://www.provincia.lucca.it/search/search.php

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=provinciadilucca

http://albo.provincia.lucca.it/publishing/AP/index.do?org=provinciadiluccaTavole dati

http://albo.provincia.lucca.it/publishing/AP/index.do?org=provinciadilucca


Controllo. non sono fornite alternative testuali Riparazione: aggiungere elemento NOEMBED all'interno


Indice

http://www.provincia.lucca.it/comuni.php



Indice




A-Checker Wave


parti del testo form immagini

tavole dati


- 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



numero problemi trovati minore di quanti trovati da A-Checker

Analisi dei risultatiProvincia di Lucca

www.provincia.lucca.it/



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


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

Accessibilità WC AG 2 - Irene Chiarolanza

Internet

Transcript of Accessibilità WC AG 2 - Irene Chiarolanza