Scaletta. Verificare l'accessibilità di un sito web Problematiche e metodologie. Andrea Bernardini Fondazione Ugo Bordoni

Dimensione: px

Iniziare la visualizzazioe della pagina:

Download "Scaletta. Verificare l'accessibilità di un sito web Problematiche e metodologie. Andrea Bernardini Fondazione Ugo Bordoni"

Camillo Bellucci
8 anni fa
Visualizzazioni

1 Verificare l'accessibilità di un sito web Problematiche e metodologie Scaletta La validazione dell accessibilità Validazione automatica Validazione esperto Analisi centrata sull utente

2 Scopo di un sito della P.A. Scopo: semplificare la vita di tutti i cittadini/utenti Come: fornendo servizi e informazioni non deve vendere nulla non deve seguire logiche pubblicitarie Sintomi legati alla validazione dell accessibilità? Panico Abuso di bollini Studio del materiale di Jacob Nielsen Confusione? Scaricamento di vecchi browser Uso di Homepage Reader

informazioni non deve vendere nulla non deve seguire logiche pubblicitarie Sintomi legati

3 Cos è la validazione dell accessibilità? Analisi del codice di una pagina e della struttura di un sito web per valutare che le informazioni siano fruibili dal più ampio numero di utenti possibili Basta un bollino a fare un sito accessibile? BOLLINO

web per valutare che le informazioni siano fruibili dal più

4 Problemi legati all utilizzo di un bollino per l accessibilità Validazione accessibilità non completamente automatizzabile Bollino non comprensibile per utenti Minimizza il problema Bollino rappresenta un istantanea della situazione attuale. Domani potrebbe essere tutto diverso. Rischi nell utilizzo di un logo Logo non collegato al validatore Risultati della validazione negativi Controproducente

istantanea della situazione attuale. Domani potrebbe essere tutto diverso.

5 Quale e la soluzione? Utilizzare loghi W3C correttamente Inserire una pagina in cui si spiegano gli sforzi che sono stati fatti. La P.A. si deve esporre e non nascondersi dietro un bollino. Es: tutte le immagini sono state commentate, non si fa uso di Flash etc Es: sito testato con tecnologie assistive Metodologia di valutazione Validazione automatica Analisi Esperto Analisi con Utente Web Content Accessibility Guidelines 1.0 Checklist for Web Content Accessibility Guidelines 1.0 Techniques for Web Content Accessibility Guidelines 1.0

Es: tutte le immagini sono state commentate, non si fa uso di Flash etc Es: sito testato con tecnologie assistive http://www.governo.

6 Precondizione per l accessibilità Requisito fondamentale prima di cominciare a parlare di accessibilità e quello di una correttezza formale del codice della pagina ovvero un documento che rispetti gli standard proposti dal W3C Valutazione automatica

correttezza formale del codice della pagina ovvero un

7 Cos è Torquemada? un software sperimentale di valutazione dei requisiti di accessibilità di una pagina web. Da cosa nasce? Dalle normative WAI A chi è rivolto? Utenti con discreta conoscenza del codice HTML Da dove nasce Torquemada? WAI AERT (Techniques For Accessibility Evaluation And Repair Tools) ATAG (Authoring Tool Accessibility Guidelines) Web Content Accessibility Guidelines 1.0 Studio materiale prodotto da forum e newsgroup

Utenti con discreta conoscenza del codice HTML Da dove nasce Torquemada?

8 Caratteristiche di Torquemada Permette di individuare rapidamente gli errori Gratuito ( Parametrizzabile (pronto ad adeguarsi ad eventuali direttive italiane in materia) 3 tipologie di report in funzione del browser e della piattaforma utilizzata: 2 report che utilizzano frame e javascript 1 report testuale Struttura del report a frame Indicazione degli errori Pagina esaminata Codice della pagina

report in funzione del browser e della piattaforma utilizzata: 2 report che utilizzano frame e

9 Screen shot di Torquemada Indicazione degli errori Pagina esaminata Codice della pagina Torquemada: esempio di indicazione di errore Elemento: IMG Attributo: ALT Commento: Errore: attributo alt dell'immagine non valido Numero di istanze: 2 Lista delle istanze: Linea 21 Linea 118

Elemento: IMG Attributo: ALT Commento: Errore: attributo alt

10 Torquemada: visualizzazione di errore L attivazione del link collegato ad ogni linea di errore attiva la procedura di visualizzazione viene evidenziato codice html incriminato viene evidenziato l oggetto visuale interessato Visualizzazione d errore(2) 132<p align="center"> 133<br> 134<a href="/nato/index.htm"> <img src="/nato/img/logo_nato_140.gif" width="140" height="108" border="0" alt="logo del Vertice Nato - Russia"> 135</a> 136</p> semplice schematizzazione della funzionalità di visualizzazione del report

errore(2) 132<p align="center"> 133<br> 134<a href="/nato/index.htm"> <img src="/nato/img/logo_nato_140.

11 Torquemada in cifre Oltre pagine esaminate Trend in forte crescita anche grazie all interesse che sta riscuotendo il problema dell accessibilità in Italia Accessi ott-02 dic-02 feb-03 Mesi apr-03 giu-03 ago-03 Numero di accessi Che errori segnala Torquemada? Errore Attenzione (segnalazione di un possibile errore)

3000 2500 2000 1500 1000 500 0 ott-02 dic-02 feb-03 Mesi apr-03 giu-03 ago-03 Numero di

12 Limiti dei validatori Limiti dei validatori (1)

13 Quanto incide la validazione automatica? 30 % Accessibilità di un immagine

14 Accessibilità di un immagine (2) Testo pertinente e esplicativo Testo per ingannare motori di ricerca Poco esplicativo Testo troppo lungo Problemi di usabilita e overloading acustico Testo ridondante Caso spacere immagini di struttura Analisi dell esperto e gli User-Check Test complessi non automatizzabili che spesso richiedono: Approccio metodologico Competenza tecnica Giudizio umano (e quindi soggettivo) Familiarità con tecnologie assistive

immagini di struttura Analisi dell esperto e gli User-Check Test complessi non automatizzabili che spesso

15 La versione parallela 11.4 If, after best efforts, you cannot create an accessible page,provide a link to an alternative page that uses W3C technologies, is accessible, has equivalent information (or functionality), and is updated as often as the inaccessible (original) page. (Priority 1) home.asp La versione parallela (1) Controllo dell accessibilità della versione parallela Raggiungibilità della versione parallela Controllo della completezza della versione parallela Utilizzo di LinkChecker Analisi e confronto di pagine campione delle due versioni del sito

equivalent information (or functionality), and is updated as often as the inaccessible (original) page. (Priority 1) http://wai.minindustria.it/ http://www.

16 I fogli di stile 6.1 Organize documents so they may be read without style sheets. For example, when an HTML document is rendered without associated style sheets, it must still be possible to read the document. (Priority 1) I fogli di stile(1)

17 I fogli di stile(2) Ottimizzare la navigazione 9.4 Create a logical tab order through links, form controls, and objects. (Priority 3) 9.5 Provide keyboard shortcuts to important links (including those in client-side image maps), form controls, and groups of form controls. (Priority 3) 13.6 Group related links, identify the group (for User agents), and, until user agents do so, provide a way to bypass the group. (Priority 3)

5 Provide keyboard shortcuts to important links (including those in client-side image maps), form

18 Ottimizzare la navigazione (1) Tempo medio per visualizzare una home page di un portale di P.A. per normo utente Pochi secondi Tempo medio per visualizzare una home page di un portale di P.A. per utente non vedente che utilizzi uno screen reader Svariati minuti Contrasti 2.2 Ensure that foreground and background color combinations provide sufficient contrast when viewed by someone having color deficits or when viewed on a black and white screen. [Priority 2 for images, Priority 3 for text].?

per utente non vedente che utilizzi uno screen reader Svariati minuti Contrasti 2.

19 Contrasti ridotti (1) Contrasti ridotti (2)

20 Contrasti ridotti (3) Vischeck simulates colorblind vision Colour Contrast Analyser ourcontrast.asp Colorblind Web Page Filter Analisi centrata sull utente Utenti sono i veri fruitori dei siti web Le competenze degli utenti disabili nell uso di tecnologie assistive (software e hardware) non sono facilmente simulabili Le strategie di navigazione sono molto diverse in funzione della disabilità Le tecnologie assistive si evolvono rapidamente Non sempre e possibile simulare il bagaglio culturale o i problemi cognitivi degli utenti Utenti anziani Utenti sordi Utenti con disabilità cognitive

org/ Analisi centrata sull utente Utenti sono i veri fruitori dei siti web Le competenze degli utenti disabili nell uso di tecnologie assistive (software e hardware) non

21 Analisi centrata sull utente (1) Metrica basata su: Percezione dell accessibilità Comprensione della struttura del sito Raggiungibilità delle informazioni Organizzazione delle informazioni 13.4 Use navigation mechanisms in a consistent manner. (priority 2) 14.3 Create a style of presentation that is consistent across pages. (priority 3)

22 Chiarezza del linguaggio 14.1 Use the clearest and simplest language appropriate for a site's content. (Priority 1) Acronimi Frasi lunghe Linguaggio troppo burocratico

23 Chiarezza del linguaggio(2) Possibili soluzioni Spiegazione gli acronimi Utilizzo di un glossario dei termini Semplificare il linguaggio burocratico Creare percorsi tematici in funzione degli utenti

24 Progettare l accessibilità Ieri Quando si realizza un nuovo sito deve essere accessibile in ogni sua sezione, anche quelle vecchie Oggi Un sito presentato accessibile deve essere veramente accessibile Domani Un sito realizzato oggi dovrebbe pensare anche al futuro e fornire protocolli di inserimento dati accessibili Chi beneficia dell accessibilità?

25 Chi beneficia dell accessibilità? (2) Migliorare i contrasti dei colori e permettere la scalabilità dei caratteri aiuterà gli anziani o coloro che utilizzano il computer in ambienti a cattiva illuminazione oltre che gli ipovedenti Semplificare il linguaggio aiuterà gli immigrati, coloro che hanno poca confidenza con internet oltre che gli utenti sordi Strutturare meglio la pagina aiuterà i nuovi dispositivi oltre che i non vedenti

Documenti analoghi

Progettare un sito web

Progettare un sito web Problematiche di accessibilità (Capitolo 2) (materiale illustrativo degli esempi gentilmente messo a disposizione da R. Polillo) Accessibilità La capacità dei sistemi informatici,