Accessibilità WC AG 2 - Irene Chiarolanza

Click here to load reader

  • date post

    22-Jan-2018
  • Category

    Internet

  • view

    107
  • download

    2

Embed Size (px)

Transcript of Accessibilità WC AG 2 - Irene Chiarolanza

  1. 1. 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
  2. 2. http://www.provincia.livorno.it/new/index.php Home
  3. 3. Analisi WCAG 2.0 Home http://www.provincia.livorno.it/new/index.php
  4. 4. 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
  5. 5. Wave ha riscontrato 115 errori di accessibilit Home http://www.provincia.livorno.it/new/index.php
  6. 6. 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
  7. 7. http://www.provincia.livorno.it/new/modules.php?name=Search Form Wave ha riscontrato 63 errori di accessibilit
  8. 8. 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
  9. 9. http://www.provincia.livorno.it/new/modules.php? name=Content&pa=showpage&pid=6 Indice Wave ha riscontrato 81 errori di accessibilit
  10. 10. 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
  11. 11. Wave ha riscontrato 79 errori di accessibilit http://www.provincia.livorno.it/new/modules.php? name=Content&pa=showpage&pid=489 Tavole dati
  12. 12. 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
  13. 13. http://www.provincia.livorno.it/new/modules.php? name=Content&pa=showpage&pid=248 Contenuto
  14. 14. 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 unimmagine link - negli elenchi il testo alternativo non presente per le immagini - mancanza alt attributo immagine - nel form 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 sullinterfaccia il tipo di errore ed il punto in cui si trova numero problemi trovati minore di quanti trovati A-Checker Analisi dei risultati Provincia di Livorno www.provincia.livorno.it/new/index.php
  15. 15. http://www.provincia.pisa.it/ Home Checker ha riscontrato 0 problemi conosciuti, 0 probabili, 392 potenziali
  16. 16. 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
  17. 17. http://www.provincia.pisa.it/ Home
  18. 18. Checker ha riscontrato 2 problemi conosciuti, 0 probabili, 1996 potenziali Controllo. 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
  19. 19. Indice http://www.provincia.pisa.it/interno.php?id=75&lang=it
  20. 20. Checker ha riscontrato 2 problema conosciuti, 0 probabile, 237 potenziali Controllo. gli elementi devono aver associata unetichetta Riparazione: Aggiungere un etichetta http://www.provincia.pisa.it/interno.php?given_alpha_id=20&lang=it Form Controllo. sufficiente contrasto tra testo e colori di sfondo Riparazione: Fornire un sufficiente contrasto tra testo e colori di sfondo.
  21. 21. http://www.provincia.pisa.it/interno.php?given_alpha_id=20&lang=it Form
  22. 22. Wave non ha riscontrato errori di accessibilit Contenuti http://www.provincia.pisa.it/interno.php?id=4101&lang=it
  23. 23. 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.
  24. 24. 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 dellelemento Controllo. Lingua documento non identificato. Riparazione: aggiungere l'attributo lang
  25. 25. http://www.provincia.pisa.it/albopretorio/ Tavole dati
  26. 26. 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 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 risultati Provincia di Pisa www.provincia.pisa.it/
  27. 27. http://www.provincia.lucca.it/ Home
  28. 28. 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
  29. 29. http://www.provincia.lucca.it/ Home
  30. 30. 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
  31. 31. Contenuto http://www.provincia.lucca.it/sede.php
  32. 32. http://www.provincia.lucca.it/search/search.php Form 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 unetichetta Esempi di problemi conosciuti e ripetuti riscontrati nel form
  33. 33. http://www.provincia.lucca.it/search/search.php Form
  34. 34. http://albo.provincia.lucca.it/publishing/AP/index.do?org=provinciadilucca Tavole dati Checker ha riscontrato 0 problemi conosciuti, 0 probabile, 166 potenziali
  35. 35. http://albo.provincia.lucca.it/publishing/AP/index.do?org=provinciadilucca Tavole dati
  36. 36. 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
  37. 37. Indice http://www.provincia.lucca.it/comuni.php
  38. 38. 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 allelemento text area - nel form 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 risultati Provincia di Lucca www.provincia.lucca.it/
  39. 39. 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 sullinterfaccia il tipo di errore ed il punto in cui si trova ANALISI IMMEDIATA E meno PRECISA nei risultati Analisi dei risultati di accessibilit complessivi