Accessibilità dei siti Web

Transcript

1 Accessibilità dei siti Web Corso per redattori Marco Bertoni IWA/HWG Member W3C WCAG Working Group Member GLI ARGOMENTI Le disabilità, il design universale e l accessibilità Struttura, presentazione e comportamento di una pagina Web Tecniche e suggerimenti per ottimizzare il contenuto La verifica tecnica 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 2

2 Tecniche e suggerimenti per ottimizzare il contenuto 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 3 Introduzione 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 4

3 Il contenuto è importante? 1 Il mondo che abitiamo è composto dai materiali, non della terra che ha immediatamente preceduto la presente, ma della terra che, a partire dal presente, consideriamo come la terza e che aveva preceduto il terreno che si trovava sulla superficie del mare, quando la nostra terra presente si trovava ancora sotto l acqua dell oceano. James Hutton, il padre della geologia. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 5 Il contenuto è importante? 2 È fondamentale fornire ai redattori una panoramica delle tecniche di scrittura sul web. Insieme a linee guida specifiche per la redazione degli strumenti di ausilio alla navigazione, come messaggi di errore, moduli di ricerca, pagine di aiuto ecc. Questo per migliorare la gestione della comunicazione nelle situazioni critiche, e quindi maggiormente ansiogene per gli utenti. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 6

4 Il content management 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 7 Cos è il content management? Una serie di processi e tecnologie a supporto del ciclo di vita evolutivo dell'informazione digitale (content o digital content). Creazione Aggiornamento Pubblicazione Traduzione Archiviazione e utilizzo /11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 8

5 Cos è il content management? 2 Il processo di aggiornamento si basa sui seguenti ruoli e privilegi base: Author - responsabile della creazione del contenuto. Editor - responsabile dell'aspetto formale (stile, presentazione) per garantirne l'uniformità e la diffusione. Publisher - responsabile del rilascio e dell'utilizzo. Administrator - responsabile della gestione delle versioni negli archivi e nei sistemi di diffusione (Content Management System, CMS). 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 9 Il primato del contenuto 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 10

6 Il primato del contenuto L interesse per le indicazioni tecniche del DM 8 luglio 2005 ha portato a sottovalutare l'importanza degli aspetti redazionali per l'accessibilità del web. Il codice XHTML di una pagina web può essere sintatticamente valido anche quando il contenuto è inesatto o confuso. Per esempio: un testo alternativo errato o confuso causa perdita di informazione. 1 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 11 Il primato del contenuto 2 <img src="immagine.jpg" alt="pere" /> 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 12

7 Il primato del contenuto 3 La chiarezza dell informazione è sempre primaria per l utente. La competenza del content manager è, quindi, cruciale per l accessibilità alle informazioni. Molti dei problemi di accessibilità di un sito web hanno origine dal lato redazionale e questo avviene anche a causa della scarsa qualità dei sistemi di gestione dei contenuti. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 13 Il primato del contenuto 4 La bontà di un CMS è legata non solo alla generazione di codice formalmente valido ma soprattutto alle modalità di aiuto fornite al redattore nella pubblicazione dei contenuti. Un redattore può non conoscere la corretta sintassi del codice XHTML, o le indicazioni della Legge 4/2004, ma ciò NON deve essere un limite per l attività redazionale. La centralità del redattore e dei contenuti, quindi, è un principio fondamentale. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 14

8 Suggerimenti: il testo 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 15 IL TESTO 1 Accorciare il testo! Ridurre ogni testo cartaceo del 50%. Diminuire la lunghezza dei paragrafi. Eliminare l enfasi pubblicitaria. Spostare il materiale marginale o supplementare. Convertire le categorie ripetitive di informazione in tabelle, diagrammi o grafici. Fare attenzione a non tagliare così tanto da rendere il testo ambiguo. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 16

9 IL TESTO 2 Rendere il testo scansionabile Creare un titolo significativo. Inserire titoli e sottotitoli significativi. Evidenziare parole chiave, frasi e collegamenti. Convertire ogni serie in un elenco puntato o numerato. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 17 IL TESTO 3 Creare collegamenti significativi Rendere chiaro all utente cosa troverà seguendo il collegamento. Rendere il collegamento l elemento più evidente all interno della frase. Spostare la focalizzazione della frase dai collegamenti, o dai documenti collegati, al soggetto. Clicca qui per il tutorial. PRIMA DOPO Le istruzioni per utilizzare il servizio sono descritte nel tutorial e nel manuale online. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 18

10 IL TESTO 3 Fornire profondità ed estensione all informazione creando ipertesti significativi. Incrementare la propria credibilità offrendo collegamenti a siti esterni autorevoli. Indicare all utente dove si trova. Rendere pubblica la metainformazione. Scrivere URL che possano essere lette da esseri umani. Rendere i collegamenti accessibili. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 19 IL TESTO 4 Fornire informazioni sugli oggetti multimediali presenti. PRIMA ( ) è possibile inoltre consultare la nostra brochure. DOPO ( ) è possibile inoltre consultare la nostra brochure (2.5 MB, file PDF, richiede Acrobat Reader). Annunciare le novità con collegamenti speciali. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 20

11 IL TESTO 5 Costruire paragrafi robusti Progettare ogni paragrafo intorno ad un idea principale (un solo argomento per ogni paragrafo). Inserire l idea del paragrafo (il punto nodale attorno al quale ruota il paragrafo) per prima. Se è necessario contestualizzare farlo all inizio. Inserire la conclusione o il riassunto delle novità nel primo paragrafo dell articolo. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 21 IL TESTO 6 Ridurre il carico cognitivo! Diminuire il numero di proposizioni incidentali per frase. Eliminare le nominalizzazioni dei verbi e i treni di nomi. PRIMA Il nostro suggerimento generale è che la vostra definizione dell obbiettivo dovrebbe probabilmente essere più precisa. DOPO Vi suggeriamo di definire l obbiettivo in modo più preciso. PRIMA ( ) In seguito è stata eseguita una revisione del modulo di conversione formato file. DOPO ( ) In seguito abbiamo revisionato il modulo che converte i nostri file in altri formati. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 22

12 IL TESTO 7 Fare attenzione alle frasi ambigue. ( ) come mostrato nella tabella precedente. PRIMA DOPO ( ) come mostrato nella tabella 1. Far emergere l agente e l azione così l utente non dovrà indovinare chi fa cosa (scrivere proposizioni attive). PRIMA Se i CD sono condivisi con altri, o acquistati al mercato illegale, è possibile che siano presenti virus; la stessa cosa vale se sono ricevuti da persone che hanno scaricato i loro giochi da Internet, o se un software è caricato sul CD dopo essere stato scaricato da siti sconosciuti. DOPO Un virus può infettare il tuo computer se: Scambi CD con gli amici. Acquisti CD al mercato illegale. Ricevi CD da persone che scaricano giochi da Internet. Scarichi software da persone che non conosci. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 23 IL TESTO 8 Scrivere proposizioni positive, in questo modo gli utenti non saranno costretti a sciogliere una serie di negazioni. PRIMA Non sovraccaricare l alimentatore con un voltaggio non standard. ( ) non possiamo essere d accordo con quelle persone negative che inspiegabilmente rifiutano la libertà di parola. DOPO Usa solo corrente a 220 volt. ( ) non possiamo essere d accordo. Noi crediamo nella libertà di parola. Ridurre il più possibile lo scrolling delle pagine. Consentire agli utenti di stampare o salvare immediatamente l intero documento per la lettura off-line. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 24

13 IL TESTO 9 Scrivere menu significativi! Scrivere le intestazioni come oggetti riutilizzabili. Scrivere ogni menu in modo tale che offra una struttura significativa. Offrire percorsi multipli per raggiungere la stessa informazione. Visualizzare immediatamente i diversi livelli logici dei menu. Quando l utente raggiunge l obbiettivo esplicitare la riuscita. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 25 Suggerimenti: i messaggi di errore 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 26

14 I MESSAGGI DI ERRORE 1 Gli errori sono inevitabili. Per questo è necessario un chiaro e funzionale messaggio di errore che aiuti gli utenti ad afferrare rapidamente la situazione. Un buon messaggio di errore consente all utente di sapere: che è occorso un errore; che tipo di errore è; in quale modo porvi rimedio. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 27 I MESSAGGI DI ERRORE 2 Fornire un messaggio di errore che sia immediatamente evidente. Utilizzare colori, icone e testo per evidenziare e spiegare l area del problema. Dichiarare l errore al top della pagina e nell area problematica che deve essere corretta. Indicare l area del problema con testo rosso e grassetto. Attirare l attenzione sull area del problema con un icona di allarme o altri segnali grafici. Offrire possibili soluzioni al problema. Non forzare gli utenti a ribattere dati inseriti correttamente. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 28

15 I MESSAGGI DI ERRORE 3 Identificare gli errori sempre nello stesso modo. Eliminare la necessità di tornare a pagine precedenti per correggere gli errori. Non utilizzare un linguaggio potenzialmente non familiare agli utenti. Evitare codice oscuro, abbreviazioni, gergo tecnico ecc. Mantenere il testo breve e facile da comprendere. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 29 I MESSAGGI DI ERRORE 4 Essere educati. Non assumere un tono accusatorio o incolpare l utente del problema. Utilizzare parole come per favore e grazie. Non scrivere il testo in maiuscolo perché ciò può dare l impressione di urlare all utente. Nei moduli: Evidenziare sempre i campi richiesti o quelli opzionali. Accettare le immissioni di dati in tutti i formati più comuni. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 30

16 I MESSAGGI DI ERRORE 5 Fornire esempi del contenuto dei campi, menu a tendina con opzioni prestabilite e suggerimenti per la formattazione allo scopo di assicurare la pulizia dei dati. Esplicitare gli eventuali limiti al numero dei caratteri, al numero di opzioni selezionabili ecc. Eliminare le opzioni non più disponibili. Validare le immissioni di dati (possibilmente in tempo reale). Eliminare il pulsante Reset (Annulla) e disabilitare il pulsante Submit (Invia) dopo che è stato cliccato. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 31 I MESSAGGI DI ERRORE 6 Assistere l utente qualora l immissione dei dati fosse interrotta (per esempio per un crash del browser) salvando l informazione parziale. Offrire pagine di errore Page Not Found personalizzate. Pagine di aiuto: Quando possibile rispondere alle domande nella stessa pagina in cui sono presentate. Offrire una sezione di aiuto semplice da consultare e fornire chiari collegamenti ad essa. Il link Aiuto dovrebbe essere sempre presente nella home page e nell area di navigazione principale di ogni pagina. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 32

17 I MESSAGGI DI ERRORE 7 Utilizzare nomi convenzionali per il collegamento alla sezione di aiuto (aiuto, servizio clienti, FAQ ecc.). Organizzare la sezione di aiuto in modo che sia semplice raggiungere l informazione rilevante. Offrire funzionalità di ricerca all interno della sezione. Mettere in risalto le domande più frequenti. Suddividere il testo in categorie per favorire la scansione. Fornire un link di contatto per ulteriore assistenza. Consentire agli utenti di aiutarsi autonomamente attraverso forum e sessioni di training online. Fornire un contatto umano (aiuto via chat, telefono o ). 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 33 I MESSAGGI DI ERRORE 8 Rispondere alle velocemente ed in modo efficace. Consigli per la redazione di di supporto: Assegnare un chiaro e accurato oggetto all (niente codici confusivi o gergo tecnico). Utilizzare un indirizzo per le risposte funzionante. Il primo paragrafo dovrebbe contenere un riassunto chiaro del contenuto della . Utilizzare un sistema di tracciamento per consentire al team di supporto il riferimento a precedenti scambi, per esempio inserendolo nell oggetto. Quotare il messaggio originale. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 34

18 I MESSAGGI DI ERRORE 9 Spiegare all utente quale sarà il passo successivo da fare se il problema non potrà essere risolto. Se si invia l utente al sito assicurarsi che il contenuto della pagina raggiunta segua logicamente l inviata. Fornire all utente contatti di supporto addizionali (call center, aiuto online ecc.) indicando gli orari se necessario. Firmare l per fornire un riferimento personale. Fornire aiuti per ricordare agli utenti eventuali informazioni di autenticazione dimenticate. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 35 I MESSAGGI DI ERRORE 10 Non disabilitare il tasto Indietro (Back) del browser. Ridurre il peso delle pagine. Non forzare la registrazione per ricevere assistenza. Non ostruire il contenuto con pubblicità. Durante processi a step multipli (pagamenti, registrazioni) eliminare gli elementi di navigazione non necessari. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 36

19 I MESSAGGI DI ERRORE 11 Nelle ricerche: Quando la ricerca non ottiene risultati o sono mostrate corrispondenze inesatte offrire una spiegazione chiara (se esiste). Prevedere gli errori comuni e fornire risultati rilevanti. In caso vi siano troppi risultati offrire funzionalità che consentano di raffinare e filtrare la ricerca. Nel caso non vi siano risultati consentire all utente di espandere facilmente i criteri di ricerca. Offrire suggerimenti su come migliorare i risultati. Non contare sulle ricerche avanzate (la maggior parte delle persone non le usa). 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 37 Suggerimenti: linee guida editoriali 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 38

20 LINEE GUIDA EDITORIALI 1 Suggerimenti generali Indicazioni generiche per la redazione del testo sul Web. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 39 LINEE GUIDA EDITORIALI 2 Strutturazione e presentazione dei contenuti Immagine coordinata? Blocchi di informazione: Articoli. News. Indicazioni per la redazione di: Messaggi di errore Pagine di aiuto Pagine di ricerca 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 40

21 LINEE GUIDA EDITORIALI 5 Formati file consentiti PDF? DOC? Immagini. Oggetti multimediali? 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 41 LINEE GUIDA EDITORIALI 5 Accessibilità Accessibilità del Web (richiamo alla 4/2004). Accessibilità del testo. Accessibilità dei formati file consentiti: PDF? linee guida per l accessibilità dei PDF. DOC? linee guida per l accessibilità dei DOC. Oggetti multimediali? Linee guida specifiche. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 42

22 LINEE GUIDA EDITORIALI 6 Glossario Glossario dei termini interni all organizzazione. Acronimi e abbreviazioni ammessi. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 43 LINEE GUIDA EDITORIALI 7 Indicazioni grammaticali ed ortografiche La virgola non si deve usare fra soggetto e predicato; fra predicato e complemento oggetto; davanti alla e o alla o ; prima di quasi tutti i complementi introdotti dalle varie preposizioni (di, a, da, in, con, su, per, tra, fra). d eufonica: si usa soltanto nell'incontro di due vocali uguali. Esempi: Franco ed Enrico, ad Ancona. Nell'incontro di vocali diverse la d eufonica si omette sempre. Unica eccezione: ad esempio. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 44

23 Sistemi di gestione dei Contenuti (CMS) e accessibilità 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 45 CMS E ACCESSIBILITÀ 1 Perché si utilizzano i CMS? La comune necessità di aziende e Pubblica Amministrazione è quella di poter utilizzare il Web per fornire informazioni aggiornate e aggiornabili. In passato l'aggiornamento dei siti Web aziendali e delle PA era affidato a aziende specializzate, le Web Agency, che sviluppavano le singole pagine Web utilizzando modelli grafici di base predefiniti (template) su indicazione dei committenti occupandosi anche della pubblicazione. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 46

24 CMS E ACCESSIBILITÀ 2 Questa modalità operativa, oltre ad essere costosa, poteva richiedere un periodo di tempo consistente tra l'invio del materiale e la data di pubblicazione. Un ulteriore problema di questo flusso operativo si presentava potenzialmente al momento della pubblicazione dei contenuti: eventuali errori della Web Agency avrebbero potuto causare - anche involontariamente - danni rilevanti alle aziende. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 47 CMS E ACCESSIBILITÀ 3 Grazie all'avvento delle pagine dinamiche, insieme alle tecnologie di gestione dei database più svariate (come ASP, PHP, ColdFusion e JSP), le Web Agency hanno sviluppato applicativi che consentono ai propri clienti la gestione autonoma dei contenuti pubblicati nel Web. Questa nuova modalità di pubblicazione garantisce l'uniformità della presentazione dei contenuti pubblicati (secondo un'immagine coordinata) e ha portato alla nascita di nuove figure professionali, come gli esperti di gestione dei contenuti: i content manager. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 48

25 CMS E ACCESSIBILITÀ 4 Principali benefici dei CMS Autonomia gestionale dei contenuti. Immediatezza della gestione e pubblicazione dei contenuti. Miglior gestione dell'immagine aziendale. Facilità nella ricerca di contenuti all'interno del sito Web. Possibilità di gestire comunicazioni periodiche con gli utenti. Minori costi per contratti di manutenzione dei contenuti. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 49 CMS E ACCESSIBILITÀ 5 I problemi di accessibilità dei CMS Accessibilità dell interfaccia amministrativa. Accessibilità dell'editor. Accessibilità dei contenuti generati. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 50

26 CMS E ACCESSIBILITÀ 5 Accessibilità dell interfaccia amministrativa E l'area di gestione dei contenuti del sito Web alla quale i content manager accedono per gestire i contenuti di propria competenza. Si tratta di un'area riservata all'interno di un sito internet o intranet nel quale l'utente utilizza un ambiente conosciuto, come il proprio browser. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 51 CMS E ACCESSIBILITÀ 6 Accessibilità dell'editor Ogni CMS si basa su un sistema di gestione dei contenuti funzionante in modalità grafica WYSIWYG, in modo da rendere semplice e immediato l'utilizzo da parte dei content manager. Questo sistema può essere: un editor proprietario, se sviluppato direttamente dal produttore del CMS ed integrato allo stesso; un'applicazione integrata all'editor prodotta da terze parti (plug-in). 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 52

27 CMS E ACCESSIBILITÀ 7 I problemi comuni di accessibilità per entrambe le soluzioni indicate sono: La generazione di codice non valido. La predisposizione dell'editor alla generazione di contenuti accessibili. L'editor deve poter guidare l'utente nella creazione di contenuti accessibili, per esempio obbligando l'inserimento dell'attributo alt per le immagini informative. L'accessibilità dell'interfaccia dell'editor. L'interfaccia dell'editor deve essere direttamente accessibile o compatibile con le tecnologie assistive e quindi permettere la gestione anche tramite tastiera. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 53 CMS E ACCESSIBILITÀ 8 Accessibilità dei contenuti generati dal CMS Il risultato finale delle operazioni di pubblicazione dei contenuti deve essere accessibile. E necessario verificare che le modalità di navigazione del sito e di presentazione dei contenuti (generate dinamicamente dall'interfaccia pubblica del CMS) siano accessibili. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 54

28 La verifica tecnica 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 55 I 22 requisiti tecnici (Allegato A, DM 8/7/2005) 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 56

29 I 22 REQUISITI TECNICI Sono 22 e sono mutuati dalle Linee Guida per l Accessibilità dei Contenuti del Web (WCAG 1.0) definite nell ambito del progetto WAI del W3C. Tengono conto anche di altre esperienze internazionali quali gli Standard della Section 508 statunitense. Hanno principi informatori chiari: Gli utenti disabili devono poter fruire del Web. Gli standard del Web devono essere seguiti. Deve essere garantita la separazione tra Struttura, Presentazione e Comportamento. 1 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 57 I 22 REQUISITI TECNICI 2 Requisito 1: validità formale del codice rispetto alla sua DTD e rispetto del valore semantico degli elementi. La richiesta di validità formale del codice riguarda aspetti legati all interoperabilità delle pagine nei vari browser piuttosto che problematiche legate alla accessibilità vera e propria. Il rispetto del valore semantico degli elementi punta ad ottenere una struttura della pagina XHTML adeguata alle informazioni in essa contenute. La DTD Strict consente una netta separazione tra Struttura e Presentazione dei contenuti. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 58

30 I 22 REQUISITI TECNICI 3 Requisito 2: vieta l uso dei frame. I frame creano in genere problemi di varia natura anche agli utenti non disabili. Il Requisito ha anche uno sguardo rivolto al futuro: nella versione XHTML 1.1 (ufficiale) i frame non esistono più. Col tempo, quindi, diventeranno obsoleti. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 59 I 22 REQUISITI TECNICI Requisito 3: alternativa testuale equivalente per ogni oggetto non di testo. Affronta il problema della impossibilità per gli screen reader di leggere contenuti non testuali. Requisito 18: alternativa testuale equivalente sincronizzata per i filmati. Affronta il problema di convertire le informazioni audio in formato testuale con la trascrizione sincronizzata del parlato. 4 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 60

31 I 22 REQUISITI TECNICI 5 Requisito 4 e Requisito 6: riguardano il problema dell uso dei colori e del loro contrasto. Il Requisito 6 si preoccupa anche del contrasto fra differenti livelli sonori nelle informazioni audio. Requisito 5: riguarda il problema delle epilessie fotosensibili, particolarmente grave quando si utilizzano oggetti lampeggianti o in movimento con frequenze di funzionamento posizionate all interno di un determinato range (tra 2 Hz e 55 Hz). 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 61 I 22 REQUISITI TECNICI 6 Requisito 7 e Requisito 8: trattano delle mappe immagini lato client e di quelle lato server. Quelle lato client sono da preferire in assoluto. Requisito 9, Requisito 10 e Requisito 13: trattano delle tabelle, sia quando sono utilizzate per organizzare informazioni sia quando sono utilizzate per organizzare le pagine (layout). Requisito 11: chiede di usare i Fogli di Stile per la presentazione dei contenuti di una pagina Web. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 62

32 I 22 REQUISITI TECNICI 7 Requisito 12: affronta il problema di quegli utenti che utilizzano configurazioni particolari con dimensioni dei caratteri molto grandi. L organizzazione della pagina deve essere tale da adattarsi in modo da non perdere informazione, per esempio per sovrapposizione di zone. Requisito 14: richiede che i form (moduli di interazione) siano realizzati con tecnica che ne consenta l uso per mezzo delle tecnologie assistive. Requisito 15, Requisito 16 e Requisito 17: si preoccupano da un lato che i comportamenti di una pagina non siano legati a specifici dispositivi e dall altro che applet e plug-in siano a loro volta accessibili. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 63 I 22 REQUISITI TECNICI 7 Requisito 19: riguarda uno dei problemi già affrontati trattando degli screen reader e cioè quello di fornire informazione ridondante per i link e possibilità di navigazione all interno dell organizzazione di una pagina. Requisito 20: richiede che il tempo di esecuzione di una operazione (se previsto) non sia vincolante per il successo della operazione stessa. Requisito 21: fornisce alcune misure minime da rispettare nel definire gli spazi tra gli elementi informativi presenti. Requisito 22: indica come gestire nel periodo transitorio pagine che non sono conformi ai precedenti 21 requisiti. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 64

33 Attività e strumenti per la verifica 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 65 ATTIVITÀ E STRUMENTI PER LA VERIFICA 1 Riscontro, con sistemi di validazione automatica, della rispondenza alla sua definizione formale del linguaggio a marcatori utilizzato. Operazione: Validazione sintattica automatica dei linguaggi HTML/XHTML e CSS. Strumenti: W3C Markup Validator per la validazione del codice HTML/XHTML. W3C CSS Validation Service per la validazione dei CSS. Strumenti di validazione automatica: per esempio CSE HTML Validator Professional. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 66

34 ATTIVITÀ E STRUMENTI PER LA VERIFICA 2 Verifica dell esperto tecnico sul corretto utilizzo semantico degli elementi e degli attributi secondo le specifiche del linguaggio a marcatori impiegato, anche mediante l uso di strumenti semiautomatici di valutazione allo scopo di evidenziare problemi non riscontrabili dalle verifiche automatiche. Operazione: Valutazione a vista dell esperto, o con strumenti semiautomatici, dell uso strutturalmente e semanticamente corretto di elementi e relativi attributi. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 67 ATTIVITÀ E STRUMENTI PER LA VERIFICA 3 Per esempio il valutatore deve verificare: Il corretto ordinamento degli elementi di titolazione (Hn). L utilizzo corretto delle liste HTML (UL, OL, LI). L utilizzo corretto dei marcatori per acronimi e abbreviazioni. L uso accurato delle tabelle dati e dei relativi elementi e attributi. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 68

35 ATTIVITÀ E STRUMENTI PER LA VERIFICA Strumenti: Il W3C indica un elenco di strumenti semiautomatici. Accessibility Toolbar (IE), Web Developer Extension (Mozilla/FF), Web Developer Toolbar & Menu (Opera 8) ecc /11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 69 ATTIVITÀ E STRUMENTI PER LA VERIFICA 5 Esame della pagina con varie versioni di diversi browser grafici in vari sistemi operativi Operazione: Controllo della coerenza delle pagine attraverso piattaforme e browser differenti. Il verificatore deve controllare che siano garantite: Uniformità del contenuto informativo e delle funzionalità. Coerenza della presentazione grafica. Fruibilità della pagina in caso di disattivazione delle immagini. Fruibilità in forma testuale dei contenuti audio. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 70

36 ATTIVITÀ E STRUMENTI PER LA VERIFICA 6 Fruibilità dei contenuti in caso di ridimensionamento dei caratteri. Possibilità di navigazione con il solo uso della tastiera. Fruibilità dei contenuti in caso di disattivazione di fogli di stile, script, applet e altri oggetti di programmazione. Disponibilità dei contenuti con un browser testuale mantenendo significato d insieme e corretta struttura semantica. Strumenti: Versioni differenti dei principali browser in commercio sia per piattaforma Windows sia per MAC, compresi uno, o più, browser testuali. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 71 ATTIVITÀ E STRUMENTI PER LA VERIFICA 7 Stazioni operative dedicate, anche palmari oppure emulatori di sistemi operativi (Virtual PC, PearPC). In alternativa: BrowserCam (strumento on-line per la cattura di schermate di una pagina web su browser e OS differenti). Accessibility Toolbar (IE), Web Developer Extension (Mozilla/FF), Web Developer Toolbar & Menu (Opera 8) ecc. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 72

37 ATTIVITÀ E STRUMENTI PER LA VERIFICA Verifica delle differenze di luminosità e di colore tra il testo e lo sfondo. Operazione: Basandosi sull algoritmo per calcolare il contrasto sviluppato da W3C il valutatore deve verificare le differenze di luminosità e colore tra testo e sfondo. Strumenti: Colour Contrast Analyzer. Accessibility Toolbar (IE), Web Developer Extension (Mozilla/FF), Web Developer Toolbar & Menu (Opera 8) ecc. 8 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 73 Indicazioni per la verifica dei 22 requisiti 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 74

38 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 1 Requisito 1 Siti di nuova realizzazione: verificare che la DTD dei documenti sia di tipo strict. Siti esistenti: Verificare la presenza o meno di elementi presentazionali non consentiti. Verificare la presenza di finestre popup e, in caso siano presenti, verificare la presenza dell avviso di cambiamento del focus. Indicare, al termine del Rapporto, tra le Criticità da affrontare la necessità della transizione ad una DTD strict. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 75 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 2 Requisito 2 Siti di nuova realizzazione: verificare la presenza di frame. Siti esistenti: Verificare che la DTD dichiarata sia conforme al requisito, ovvero per i siti esistenti utilizzo di DTD Frameset e DTD Transitional per i singoli frame. Verificare l'utilizzo di elementi ed attributi del linguaggio di marcatura utilizzati a scopo presentazionale. Verificare la presenza di titoli ed eventuali descrizioni per i frame. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 76

39 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 3 Requisito 3 Verificare la presenza di testi alternativi per le immagini (comprese le mappe immagine ed i pulsanti). Verificare la presenza di contenuti equivalenti per script ed oggetti. Verificare che i contenuti equivalenti di contenuti dinamici siano aggiornati con la stessa frequenza dei contenuti principali. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 77 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 4 Requisito 4 Verificare che la fruibilità di informazioni e funzionalità sia mantenuta anche in assenza del colore utilizzato dall autore per la presentazione: disabilitando i fogli di stile esterni, incorporati e in linea; utilizzando strumenti software come ColorDoctor di Fujitsu che simulano alcune cecità ai colori. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 78

40 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 5 Requisito 5 Verificare la presenza di scritte animate o lampeggianti. Verificare la presenza immagini animate misurandone la frequenza (con la Accessibility Toolbar). Verificare la presenza di avvertimenti del rischio nei casi in cui non sia possibile eliminarle. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 79 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 6 Requisito 6 Verificare il contrasto dei colori nel foglio di stile (utilizzando il Colour Contrast Analyzer). Verificare il contrasto dei colori per le immagini e gli oggetti presenti nella pagina. Controllare la presenza di immagini sostitutive di testi. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 80

41 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 7 Requisito 7 Verificare la presenza del testo alternativo per l elemento AREA nel caso di mappe immagine lato client. Verificare la presenza di mappe immagine sensibili lato server. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 81 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 8 Requisito 8 Verificare la presenza di mappe immagine sensibili lato server. Verificare la presenza di collegamenti ipertestuali equivalenti alle zone sensibili della mappa immagine sensibile lato server. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 82

42 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 9 Requisito 9 Verificare la presenza di tabelle dati. Verificare l uso corretto degli elementi CAPTION, TR, TH e TD secondo le specifiche. Verificare la presenza dell attributo summary. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 83 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 10 Requisito 10 Verificare la presenza di tabelle dati complesse. Verificare la presenza degli elementi ed attributi previsti dalle specifiche per le tabelle dati semplici. Verificare l uso corretto degli elementi THEAD, TBODY, TFOOT, COL, COLGROUP e degli attributi axis, scope, headers secondo le specifiche. L'elemento THEAD raggruppa le righe di intestazione (elementi TR, TH e TD); l'elemento TBODY raggruppa le righe interne alla tabella (elementi TR e TD); 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 84

43 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 11 l'elemento TFOOT raggruppa le righe di chiusura della tabella (elementi TR e TD); gli elementi COL e COLGROUP raggruppano le colonne; gli attributi axis, scope ed headers descrivono relazioni più complesse fra i dati. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 85 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 12 Requisito 11 Verificare l'uso di elementi e/o attributi deprecati a favore dei fogli di stile. Verificare, disabilitando i fogli di stile, che i contenuti siano ancora fruibili e comprensibili secondo il loro ordine di presentazione. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 86

44 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 13 Requisito 12 Verificare la presenza di dimensionamenti dei caratteri e/o della larghezza dei box con unità assolute e/o in pixel all interno del foglio di stile o degli stili in linea. Verificare che al ridimensionamento dei caratteri il contenuto resti leggibile e comprensibile. Verificare che al ridimensionamento della finestra il contenuto resti leggibile e comprensibile. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 87 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 14 Requisito 13 Verificare la presenza di tabelle di impaginazione. Verificare l eventuale errata presenza degli elementi ed attributi previsti dalle specifiche per le tabelle dati. Verificare che il contenuto della tabella sia linearizzabile. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 88

45 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI Requisito 14 Verificare la presenza di moduli (FORM). Verificare l eventuale presenza di campi che necessitano dell attributo LABEL. verificare la corretta affiliazione degli elementi LABEL /11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 89 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 16 Requisito 15 Verificare la presenza di script, applet e oggetti di programmazione. Verificare il funzionamento della pagina disabilitando l uso di script, applet ed oggetti di programmazione. Verificare la presenza di contenuti alternativi per script, applet ed oggetti di programmazione. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 90

46 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 17 Requisito 16 Verificare la presenza di script, applet e oggetti di programmazione. Verificare la presenza di eventi dipendenti dal dispositivo di input. Affiliazioni corrette: utilizzare onmousedown con onkeydown; utilizzare onmouseup con onkeyup; utilizzare onclick con onkeypress. Nota: non esiste un comando da tastiera equivalente al doppio clic (ondblclick) in HTML 4.01 e XHTML. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 91 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 18 Requisito 17 Utilizzando la tastiera verificare che le funzionalità e le informazioni veicolate con gli oggetti di programmazione siano accessibili e che per le immagini siano presenti testi alternativi equivalenti. Valutare l oggetto con un lettore dello schermo per verificare la presenza di informazioni non visibili (esempio: identificazione elementi/oggetti, testi alternativi, ecc.). 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 92

47 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 19 Requisito 18 Verificare la presenza contenuti multimediali. Verificare la presenza di testi alternativi (Req. 3) Verificare la presenza sottotitoli per i dialoghi e contenuti audio equivalenti per contenuti video. Verificare la sincronizzazione tra il contenuto multimediale e le alternative testuali equivalenti. Verificare la presenza di testi descrittivi/riassunti del contenuto. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 93 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 20 Requisito 19 Identificare i collegamenti ipertestuali. Verificare la leggibilità dei collegamenti ipertestuali e degli eventuali attributi title. Verificare la presenza di aree ripetitive tra le varie pagine. Verificare la presenza di codice di marcatura che consente di saltare le aree ripetitive. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 94

48 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI Requisito 20 Identificare se la pagina prevede funzionalità di auto-aggiornamento o auto-reindirizzamento; Verificare se sono presenti possibilità di configurare i tempi di auto-aggiornamento e di auto-reindirizzamento /11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 95 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 22 Requisito 21 Identificare i moduli (FORM) e i raggruppamenti di collegamenti ipertestuali. Identificare gli elementi e le classi associate ad essi. Identificare se nel foglio di stile vi sono regole che riducono le distanze minime richieste dal requisito. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 96

49 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI 23 Requisito 22 Siti esistenti: Verificare l esistenza di collegamenti nella pagina che consentono l accesso a versioni parallele del tipo Versione accessibile, Versione WAI, ecc. Analizzare tale pagina rispetto i 21 requisiti precedenti. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 97 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI Schema operativo (Articolo 5, DM 8/7/2005) Analisi di tutte le pagine del sito con sistema automatico di valutazione assistita. Analisi di tutti i requisiti per la home page. Analisi di tutti i requisiti per tutte le pagine del sito raggiungibili direttamente dalla home page. Analisi di tutti i requisiti per tutte le tipologie di pagine che presentano FORM e per le pagine di risposta. Analisi di tutti i requisiti per un campione statistico di pagine pari al 5% delle stesse /11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 98

50 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI Gli strumenti software W3C Markup Validation Service W3C CSS Validation Service CSE HTML Validator Accessibility Toolbar (IE) Web Developer Extension (Mozilla/FF) Web Developer Toolbar & Menu (Opera 8.x) /11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 99 INDICAZIONI PER LA VERIFICA DEI 22 REQUISITI Lynx Virtual PC PearPC Browser Cam Colour Contrast Analyser Color Doctor /11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 100

51 Testi consigliati 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 101 TESTI CONSIGLIATI 1 Hot Text: Web Writing that Works. Jonathan Price, Lisa Price. New Riders Press. Defensive Design for the Web - How to improve error messages, help, forms, and other crisis points. 37 signals - Matthew Linderman, Jason Fried. New Riders Press. Cascading Style Sheets - Designing for the web. Third Edition. Hakon Wium Lie & Bert Bos. Addison-Wesley. Accessibilità: dalla teoria alla realtà. Roberto Scano. Edizioni IWA Italy. Legge 04/2004 dalla teoria alla realtà. Roberto Scano. Edizioni IWA Italy. Manuale per la qualità dei siti web pubblici culturali. Seconda edizione italiana aggiornata. Ministero per i Beni e le Attività Culturali Progetto MINERVA. 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 102

52 Grazie per l attenzione! 26/11/2006 Marco Bertoni - Accessibilità dei siti Web - Corso per redattori 103