22 Requisiti Legge 4/2004 (Legge Stanca)

3,325 views

Published on

Guida completa all'applicazione dei 22 requisiti della legge 4/2004. Utile supporto in abbinata al manuale disponibile su http://edizioni.iwa.it

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,325
On SlideShare
0
From Embeds
0
Number of Embeds
44
Actions
Shares
0
Downloads
70
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

22 Requisiti Legge 4/2004 (Legge Stanca)

  1. 1. <ul><li>Regole tecniche: </li></ul><ul><ul><li>analisi ed esempi </li></ul></ul><ul><ul><li>modalità di valutazione </li></ul></ul>I requisiti tecnici per i siti internet della legge 04/2004 OBIETTIVO FINALE: Comprendere ed applicare le tecniche di sviluppo per garantire il diritto di accesso alle tecnologie informatiche da parte di tutti i cittadini.
  2. 2. <ul><li>Legge 04/2004 dalla teoria alla realtà (ISBN: 88-7633-099-2) </li></ul><ul><li>Sconto 20% sul prezzo di copertina ai partecipanti al seminario (ogni partecipante riceverà una e-mail con indirizzo web per ordinare il libro). </li></ul><ul><li>Il manuale per applicare e verificare i requisiti della legge 04/2004. </li></ul><ul><li>Contiene una serie di modelli per l’autovalutazione dei siti INTERNET. </li></ul>Legge 04/2004 dalla teoria alla realtà Messaggio promozionale
  3. 3. <ul><li>Accessibilità: dalla teoria alla realtà (ISBN: 88-7633-000-3) </li></ul><ul><li>Uno strumento indispensabile per comprendere l’accessibilità del web. </li></ul><ul><li>Con i contributi dei migliori esperti di accessibilità ed usabilità del world wide web. </li></ul>Accessibilità: dalla teoria alla realtà Messaggio promozionale
  4. 4. Requisiti tecnici L. 04/2004: Carta d’identità <ul><li>“ Requisiti tecnici e i diversi livelli per l'accessibilità agli strumenti informatici” </li></ul><ul><li>Decreto Ministeriale emanato dal Ministro per l’Innovazione e le Tecnologie </li></ul><ul><li>Nato il: 8 luglio 2005 </li></ul><ul><li>G.U.: n. 183 (8 agosto 2005) </li></ul><ul><li>In vigore: 23 agosto 2005 </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm
  5. 5. Requisiti tecnici L. 04/2004: Il Decreto Ministeriale <ul><li>Contenuto del decreto </li></ul><ul><li>Definizioni e ambito d'applicazione </li></ul><ul><li>Requisiti tecnici e livelli di accessibilità per i siti INTERNET </li></ul><ul><li>Accessibilità per i personal computer, l'ambiente operativo, le applicazioni e i prodotti a scaffale </li></ul><ul><li>Specifiche tecniche per la sussistenza dei requisiti dei soggetti valutatori </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm
  6. 6. Requisiti tecnici L. 04/2004: Il Decreto Ministeriale <ul><li>Contenuto del decreto </li></ul><ul><li>Svolgimento delle verifiche e determinazione degli importi massimi dovuti dai soggetti privati </li></ul><ul><li>Logo attestante il possesso del requisito di accessibilità </li></ul><ul><li>Utilizzo del logo </li></ul><ul><li>Rimborso delle spese amministrative sostenute dalla Presidenza del Consiglio dei Ministri per le attività inerenti l’utilizzo del logo e le funzioni ispettive) </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm
  7. 7. Requisiti tecnici L. 04/2004: Articolo 1 - Definizioni e ambito d'applicazione <ul><li>accessibilità : capacità dei sistemi informatici, nelle forme e nei limiti consentiti dalle conoscenze tecnologiche, di erogare servizi e fornire informazioni fruibili, senza discriminazioni, anche da parte di coloro che a causa di disabilità necessitano di tecnologie assistive o configurazioni particolari; </li></ul><ul><li>ambiente operativo : insieme di programmi e di interfacce utente che consentono l'utilizzo delle risorse hardware e software disponibili sul computer; </li></ul><ul><li>applet: programma autonomo, in genere scritto in linguaggio Java, che può essere inserito in una pagina Web per fornire informazioni o funzionalità; </li></ul><ul><li>applicazione: programma informatico che consente all'utente di svolgere specifici compiti; </li></ul><ul><li>applicazione Internet: programma sviluppato adottando tecnologie Internet, in particolare utilizzando il protocollo HTTP (HyperText Transfer Protocol) per il trasferimento dei dati e il linguaggio a marcatori (X)HTML (eXtensible HyperText Markup Language) per la presentazione e la struttura dell'informazione; </li></ul><ul><li>browser: programma informatico che consente di accedere alle risorse presenti su un sito Web; </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm Art. 1
  8. 8. Requisiti tecnici L. 04/2004: Articolo 1 - Definizioni e ambito d'applicazione <ul><li>CD-ROM (Compact Disc - Read Only Memory) e DVD (Digital Versatile Disc): particolari tipi di supporto ottico di memorizzazione; </li></ul><ul><li>em : unità di misura tipografica che prende a riferimento la larghezza del carattere M; </li></ul><ul><li>esperto di fattori umani : soggetto in possesso di diploma di laurea, anche triennale, comprendente un anno di formazione in discipline ergonomiche, quali ergonomia dell'ambiente, ergonomia dell'hardware, ergonomia cognitiva, macroergonomia, che abbia svolto un tirocinio documentato di almeno un anno; </li></ul><ul><li>esperto di interazione con persone disabili : soggetto in possesso di diploma di laurea, anche triennale, esperto di problematiche di comunicazione e di utilizzo delle tecnologie dell'informazione e della comunicazione, che abbia maturato un'esperienza professionale biennale nel settore; </li></ul><ul><li>esperto tecnico : soggetto esperto in tecnologie Web e problematiche dell'accessibilità; </li></ul><ul><li>focus : elemento attivo in un'interfaccia utente; </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm Art. 1
  9. 9. Requisiti tecnici L. 04/2004: Articolo 1 - Definizioni e ambito d'applicazione <ul><li>fogli di stile : strumento per mezzo del quale è possibile separare i contenuti di una pagina Web dalle modalità tipografiche con le quali essi vengono presentati; </li></ul><ul><li>frame : struttura di una pagina Web costituita da due o più parti indipendenti; </li></ul><ul><li>fruibilità : caratteristica dei servizi di rispondere a criteri di facilità e semplicità d'uso, di efficienza, di rispondenza alle esigenze dell'utente, di gradevolezza e di soddisfazione nell'uso del prodotto; </li></ul><ul><li>gestore di evento : parte di programma informatico che si attiva al verificarsi di un evento logico o dipendente dal dispositivo di input; </li></ul><ul><li>gruppo di valutazione : gruppo di utenti, anche disabili, che svolgono compiti assegnati dall'esperto di fattori umani per l'effettuazione della verifica soggettiva; </li></ul><ul><li>homepage : prima pagina che viene resa disponibile all'utente quando si accede a un indirizzo corrispondente a un sito Web; </li></ul><ul><li>interattività : caratteristica del programma informatico che richiede l'intervento dell'utente per espletare le sue funzionalità; </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm Art. 1
  10. 10. Requisiti tecnici L. 04/2004: Articolo 1 - Definizioni e ambito d'applicazione <ul><li>interfaccia utente : programma informatico che gestisce l'output e l'input dell'utente da e verso un computer in modo interattivo, realizzato attraverso una rappresentazione basata su metafore grafiche (interfaccia grafica) oppure attraverso comandi impartiti in modo testuale (interfaccia testuale); </li></ul><ul><li>interfaccia di programmazione (API, Application Program Interface): insieme di programmi che consentono ad applicazioni diverse di comunicare tra loro; </li></ul><ul><li>Internet : rete mondiale di computer basata sulla famiglia di protocolli di comunicazione TCP/IP (Transmission Control Protocol/Internet Protocol); </li></ul><ul><li>Intranet : rete di computer basata sugli stessi protocolli di Internet, riservata all'uso esclusivo di una organizzazione, o gruppo di utenti; </li></ul><ul><li>legge : legge 9 gennaio 2004, n. 4, pubblicata nella Gazzetta Ufficiale n. 13 del 17 gennaio 2004, recante disposizioni per favorire l'accesso dei soggetti disabili agli strumenti informatici; </li></ul><ul><li>linguaggio a marcatori : modalità di rappresentazione delle informazioni che utilizza indicatori (marcatori) per qualificare l'informazione stessa; </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm Art. 1
  11. 11. Requisiti tecnici L. 04/2004: Articolo 1 - Definizioni e ambito d'applicazione <ul><li>moduli di interazione o form : strumenti mediante i quali l'utente interagisce con il sito Web fornendo e ricevendo specifiche informazioni; </li></ul><ul><li>pagina Web : elemento informativo di base di un sito Web, realizzato mediante un linguaggio a marcatori che può contenere oggetti testuali e multimediali ed immagini; </li></ul><ul><li>prodotti a scaffale : applicazioni preconfezionate da utilizzarsi anche senza sviluppare appositi programmi di adattamento; </li></ul><ul><li>regolamento : decreto del Presidente della Repubblica 1° marzo 2005, n. 75, pubblicato nella Gazzetta Ufficiale n. 101 del 3 maggio 2005; </li></ul><ul><li>script : sequenza di istruzioni in linguaggio di programmazione che può essere inserita in una pagina Web per fornire funzionalità aggiuntive; </li></ul><ul><li>sito Web : insieme strutturato di pagine Web utilizzato per veicolare informazioni o erogare servizi, comunemente definito anche sito Internet; </li></ul><ul><li>task : compito specifico che l'esperto di fattori umani assegna ad un componente del gruppo di valutazione per simulare situazioni concrete di interazione con il sistema informatico; </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm Art. 1
  12. 12. Requisiti tecnici L. 04/2004: Articolo 1 - Definizioni e ambito d'applicazione <ul><li>tecnologie assistive : strumenti e soluzioni tecniche, hardware e software, che permettono alla persona disabile, superando o riducendo le condizioni di svantaggio, di accedere alle informazioni e ai servizi erogati dai sistemi informatici; </li></ul><ul><li>tecnologie Web : insieme degli standard definiti dall'ISO e delle «Recommendation» del Consorzio W3C finalizzato a veicolare informazioni o erogare servizi su reti che utilizzano il protocollo HTTP, comunemente definite anche tecnologie Internet; </li></ul><ul><li>verifica tecnica : valutazione condotta da esperti, anche con strumenti informatici, sulla base di parametri tecnici; </li></ul><ul><li>verifica soggettiva : valutazione del livello di qualità dei servizi, già giudicati accessibili tramite la verifica tecnica, effettuata con l'intervento del destinatario, anche disabile, sulla base di considerazioni empiriche. </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm Art. 1
  13. 13. Requisiti tecnici L. 04/2004: Articolo 2 - Requisiti tecnici e livelli di accessibilità <ul><li>Il presente decreto definisce negli allegati A, B, C e D, che ne costituiscono parte integrante, le linee guida recanti i requisiti tecnici e i diversi livelli per l’accessibilità , ai sensi degli articoli 11 e 12 della legge e nel rispetto dei criteri e dei principi indicati dal regolamento. </li></ul><ul><li>Il primo livello di accessibilità dei siti Web è accertato previo esito positivo della verifica tecnica che riscontra la conformità delle pagine dei medesimi siti ai requisiti tecnici elencati nell’allegato A, applicando la metodologia ivi indicata . </li></ul><ul><li>I requisiti tecnici si applicano anche nei casi in cui i soggetti di cui all’articolo 3, comma 1 della legge forniscono informazioni o erogano servizi mediante applicazioni Internet rese disponibili su reti Intranet o su supporti, come CD-ROM, DVD, utilizzabili anche in caso di personal computer non collegato alla rete . </li></ul><ul><li>Il secondo livello di accessibilità riguarda la qualità delle informazioni fornite e dei servizi erogati dal sito Web e si articola in primo, secondo e terzo livello di qualità; tali livelli di qualità sono accertati con la verifica soggettiva attraverso i criteri di valutazione di cui all’allegato B, applicando la metodologia ivi indicata. </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm Art. 2
  14. 14. Requisiti tecnici L. 04/2004: Articolo 3 - Accessibilità per i personal computer, l'ambiente operativo, le applicazioni e i prodotti a scaffale <ul><li>I requisiti di accessibilità per i personal computer sono indicati nell’allegato C. </li></ul><ul><li>I requisiti di accessibilità per l’ambiente operativo, le applicazioni ed i prodotti a scaffale sono indicati nell’allegato D. </li></ul><ul><li>Il soggetto produttore o fornitore dichiara il livello di conformità del prodotto o servizio ai requisiti di cui al presente articolo . </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm Art. 3
  15. 15. Requisiti tecnici L. 04/2004: Articolo 4 - Specifiche tecniche per la sussistenza dei requisiti dei soggetti valutatori <ul><li>Le persone giuridiche interessate alla iscrizione nell’elenco dei valutatori di cui all’articolo 3, comma 1 del regolamento presentano documentazione idonea a comprovare la disponibilità di risorse strumentali tali da consentire l’effettuazione delle verifiche tecnica e soggettiva. </li></ul><ul><li>Le persone giuridiche di cui al comma 1 forniscono altresì elementi idonei a comprovare la disponibilità delle seguenti risorse professionali, anche se non legate alle medesime da rapporto di lavoro dipendente : </li></ul><ul><ul><li>esperto di fattori umani, </li></ul></ul><ul><ul><li>esperto tecnico, </li></ul></ul><ul><ul><li>esperto di interazione con i soggetti disabili, </li></ul></ul><ul><ul><li>gruppo di valutazione. </li></ul></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm Art. 4
  16. 16. Requisiti tecnici L. 04/2004: Articolo 5 - Svolgimento delle verifiche e determinazione degli importi massimi dovuti dai soggetti privati <ul><li>Gli importi dovuti dai soggetti privati come corrispettivo per l’attività svolta dai valutatori, sono determinati sulla base dei costi sostenuti per lo svolgimento della verifica tecnica e della verifica soggettiva. </li></ul><ul><li>Nella verifica tecnica l’esperto tecnico, applicando la metodologia di cui all’allegato A, paragrafo 2: </li></ul><ul><ul><li>svolge le attività previste alla lettera a) del medesimo paragrafo 2 su tutte le pagine del sito; </li></ul></ul><ul><ul><li>svolge le attività previste alle lettere b), c) e d) del medesimo paragrafo 2 sulla home page, su tutte le pagine del sito direttamente raggiungibili dalla home page, su tutte le tipologie di pagine che presentano form e di pagine di risposta, nonché su un campione statistico di pagine, non rientranti in quelle esaminate precedentemente, pari al 5% delle stesse; </li></ul></ul><ul><ul><li>redige il rapporto di cui alla lettera e) del medesimo paragrafo 2. </li></ul></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm Art. 5
  17. 17. Requisiti tecnici L. 04/2004: Articolo 5 - Svolgimento delle verifiche e determinazione degli importi massimi dovuti dai soggetti privati <ul><li>La verifica soggettiva consta delle attività, previste dalla metodologia di cui all’allegato B, svolte dall’esperto in fattori umani, dall’esperto di interazione con le persone disabili e dal gruppo di valutazione ; il costo complessivo della verifica tiene anche conto dei tempi di utilizzo delle tecnologie assistive impiegate. </li></ul><ul><li>Ai sensi dell’articolo 3, comma 5, lettera b) del regolamento, gli importi massimi dovuti dai soggetti privati come corrispettivo per l’attività svolta dai valutatori sono riportati nell’Allegato F che costituisce parte integrante del presente decreto. </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm Art. 5
  18. 18. Requisiti tecnici L. 04/2004: Articolo 6 - Logo attestante il possesso del requisito di accessibilità <ul><li>Il modello del logo e la corrispondenza tra il logo stesso, eventualmente corredato da asterischi, ed il diverso livello di qualità del servizio sono indicati nell’Allegato E che costituisce parte integrante del presente decreto. </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm Art. 6
  19. 19. Requisiti tecnici L. 04/2004: Articolo 7 – Utilizzo del logo <ul><li>La richiesta di autorizzazione ad esporre il logo viene presentata alla Presidenza del Consiglio dei Ministri – Dipartimento per l’innovazione e le tecnologie per via telematica tramite il sito del Centro nazionale per l’informatica nella pubblica amministrazione (Cnipa), ai sensi dell’articolo 4, comma 3 del regolamento. </li></ul><ul><li>Ai fini del comma 1, i soggetti di cui all’art. 3, comma 1 della legge ed i soggetti privati che intendono esporre il logo attestante il possesso del requisito di accessibilità sul proprio sito Web si registrano preventivamente nell’apposita sezione del sito Web del Cnipa . </li></ul><ul><li>La richiesta di autorizzazione di cui al comma 1 è corredata dall’attestato di accessibilità, in formato elettronico, relativo ad ogni pagina del sito esaminata, nonché da copia statica, riferita al momento della valutazione, di tutte le pagine analizzate indicate all’articolo 5, comma 2 ; il modello di attestato di accessibilità è disponibile, per i soggetti registrati, nella citata sezione del sito Web del Cnipa. </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm Art. 7
  20. 20. Requisiti tecnici L. 04/2004: Articolo 7 – Utilizzo del logo <ul><li>Ai fini del rilascio o del rinnovo dell’autorizzazione ad esporre il logo, il Cnipa provvede a: </li></ul><ul><ul><li>predisporre una sezione del proprio sito Web per ricevere le richieste di registrazione; </li></ul></ul><ul><ul><li>acquisire la richiesta di autorizzazione di cui al comma 1 e la documentazione di cui al comma 3; </li></ul></ul><ul><ul><li>costituire e tenere aggiornata la banca dati dei soggetti autorizzati ad esporre il logo, dei codici elettronici di riconoscimento rilasciati agli stessi soggetti ai fini della registrazione e della documentazione inerente a ciascuna richiesta di autorizzazione; </li></ul></ul><ul><ul><li>riferire gli esiti dell’istruttoria alla Presidenza del Consiglio dei Ministri – Dipartimento per l’innovazione e le tecnologie. </li></ul></ul><ul><li>La Presidenza del Consiglio dei Ministri – Dipartimento per l’innovazione e le tecnologie, sulla base dei risultati dell’istruttoria di cui al presente articolo, rilascia l’autorizzazione all’utilizzo del logo, dandone comunicazione al soggetto richiedente. </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm Art. 7
  21. 21. Requisiti tecnici L. 04/2004: Articolo 8 – Rimborso delle spese amministrative sostenute dalla Presidenza del Consiglio dei Ministri per le attività inerenti l’utilizzo del logo e le funzioni ispettive <ul><li>I soggetti privati che richiedono l’autorizzazione all’utilizzo del logo allegano alla richiesta la ricevuta del versamento effettuato, anche in via telematica, quale rimborso delle spese amministrative sostenute dalla Presidenza del Consiglio dei Ministri per le attività inerenti il rilascio dell’autorizzazione ; l’importo del versamento è indicato nell’Allegato F. </li></ul><ul><li>Ai sensi dell’articolo 7 del regolamento, in caso di riscontro di un livello di accessibilità inferiore a quello del logo utilizzato sono a carico del soggetto privato i costi effettivi dell’avvenuta ispezione, nonché una quota di partecipazione ai costi per l’espletamento delle funzioni ispettive complessivamente svolte dal Cnipa sui soggetti privati; l’importo della quota, comunque non superiore al doppio del costo effettivo dell’ispezione, è indicato nell’Allegato F. </li></ul><ul><li>Con decreto del Ministro per l’innovazione e le tecnologie di natura non regolamentare, gli importi di cui ai commi 1 e 2 sono aggiornati annualmente. </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm Art. 7
  22. 22. Requisiti tecnici L. 04/2004: Gli allegati <ul><li>Allegato A: Verifica tecnica e requisiti di accessibilità delle applicazioni basate su tecnologie internet. </li></ul><ul><li>Allegato B: Metodologia e criteri di valutazione per la verifica soggettiva dell’accessibilità delle applicazioni basate su tecnologie internet. </li></ul><ul><li>Allegato C: Requisiti tecnici di accessibilità per i personal computer di tipo desktop e portatili. </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm
  23. 23. Requisiti tecnici L. 04/2004: Gli allegati <ul><li>Allegato D: Requisiti tecnici di accessibilità per l’ambiente operativo, le applicazioni e i prodotti a scaffale. </li></ul><ul><li>Allegato E: Logo di accessibilità dei siti Web e delle applicazioni realizzate con tecnologie Internet. </li></ul><ul><li>Allegato F: Importi massimi dovuti dai soggetti privati come corrispettivo per l’attività svolta dai valutatori. </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705.htm
  24. 24. Requisiti tecnici L. 04/2004: Allegato A - Premessa <ul><li>  La definizione dei requisiti tecnici di accessibilità nonché l’articolazione delle attività previste per la verifica tecnica sono stabilite sulla base di: </li></ul><ul><li>quanto indicato nelle Recommendation del World Wide Web Consortium (W3C) ed in particolare in quelle del progetto Web Accessibility Initiative (WAI); </li></ul><ul><li>standard definiti nel paragrafo 1194.22 della Sezione 508 del Rehabilitation Act degli USA; </li></ul><ul><li>standard e specifiche tecniche definite in materia di accessibilità dalla International Organization for Standardization (ISO); </li></ul><ul><li>esperienze acquisite nell’ambito della Pubblica Amministrazione ed in particolare, tra quelle già maturate, quelle relative all’attuazione della Circolare AIPA del 6 settembre 2001 recante “Criteri e strumenti per migliorare l'accessibilità dei siti Web e delle applicazioni informatiche a persone disabili” e della Direttiva del Presidente del Consiglio dei Ministri 30 maggio 2002 per la conoscenza e l'uso del dominio internet &quot;.gov.it&quot; e l'efficace interazione del portale nazionale &quot;italia.gov.it&quot; con le pubbliche amministrazioni e le loro diramazioni territoriali. </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm Paragrafo 1
  25. 25. Requisiti tecnici L. 04/2004: Allegato A - Metodologia per la verifica tecnica <ul><li>  La verifica tecnica si articola nelle seguenti attività: </li></ul><ul><li>riscontro, con sistemi di validazione automatica, della rispondenza alla sua definizione formale del linguaggio a marcatori utilizzato ; </li></ul><ul><li>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 ; </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm Paragrafo 2
  26. 26. Requisiti tecnici L. 04/2004: Allegato A - Metodologia per la verifica tecnica <ul><li>esame della pagina con varie versioni di diversi browser grafici in vari sistemi operativi allo scopo di verificare che: </li></ul><ul><ul><li>il contenuto informativo e le funzionalità presenti in una pagina siano gli stessi nei vari browser; </li></ul></ul><ul><ul><li>la presentazione della pagina sia simile nei browser che supportano le tecnologie indicate al requisito n. 1 di cui al paragrafo 4 del presente allegato; </li></ul></ul><ul><ul><li>il contenuto informativo e le funzionalità della pagina siano ancora fruibili in caso di disattivazione del caricamento delle immagini ; </li></ul></ul><ul><ul><li>i contenuti informativi di eventuali file audio siano fruibili anche in forma testuale ; </li></ul></ul><ul><ul><li>i contenuti della pagina siano fruibili in caso di utilizzo delle funzioni previste dai browser per definire la grandezza dei caratteri ; </li></ul></ul><ul><ul><li>la pagina sia navigabile con il solo uso della tastiera e l’impiego di una normale abilità; </li></ul></ul><ul><ul><li>i contenuti e le funzionalità della pagina siano ancora fruibili, anche in modalità diverse , in caso di disattivazione di fogli di stile, script e applet ed altri oggetti di programmazione; </li></ul></ul><ul><ul><li>i contenuti e le funzionalità continuino a essere disponibili con un browser testuale e i medesimi contenuti mantengano il proprio significato d’insieme e la corretta struttura semantica; </li></ul></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm Paragrafo 2
  27. 27. Requisiti tecnici L. 04/2004: Allegato A - Metodologia per la verifica tecnica <ul><li>verifica delle differenze di luminosità e di colore tra il testo e lo sfondo secondo i seguenti algoritmi: </li></ul><ul><ul><li>differenza di luminosità: calcolo della luminosità dei colori di testo e di sfondo con la formula: ((Rosso X 299) + (Verde X 587) + (Blu X 114)) / 1000, in cui Rosso, Verde e Blu sono i valori decimali dei colori; il risultato deve essere non inferiore a 125 . </li></ul></ul><ul><ul><li>differenza di colore: calcolo della differenza di colore con la formula[Max (Rosso1, Rosso2) - Min (Rosso1, Rosso2)] + [Max (Verde1, Verde2) - Min (Verde1, Verde2)] + [Max (Blu1, Blu2) — Min (Blu1, Blu2)], in cui Rosso, Verde e Blu sono i valori decimali dei colori e Max e Min il valore massimo e minimo tra i due presi in considerazione; il risultato deve essere non inferiore a 500 ; </li></ul></ul><ul><ul><li>redazione di un rapporto nel quale l’esperto tecnico indica la conformità, la non conformità o l’eventuale non applicabilità di ogni singolo requisito della pagina esaminata . </li></ul></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm Paragrafo 2
  28. 28. Requisiti tecnici L. 04/2004: Allegato A - Programmi di valutazione assistita <ul><ul><li>Sul mercato sono disponibili numerosi programmi in grado agevolare l’attività di verifica tecnica dell’accessibilità dei siti Web. Tali programmi, in particolare, devono essere in grado di garantire idonee prestazioni a supporto dell’attività dell’esperto tecnico. Degli stessi non viene fornito un puntuale elenco nel presente Allegato; si segnalano, comunque, ai sensi dell’articolo 11, comma 1, lettera b) della legge n. 4 del 2004, il programma automatico fornito dal W3C e i programmi indicati nella lista degli strumenti più diffusi presente nella pagina Evaluation, Repair, and Transformation Tools for Web Content Accessibility dello stesso sito del W3C </li></ul></ul><ul><ul><li>http://www.w3.org/WAI/ER/existingtools.html# Evaluation </li></ul></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm Paragrafo 3
  29. 29. Requisiti tecnici L. 04/2004: Allegato A - Requisiti di accessibilità per i siti Internet <ul><ul><li>Per ciascun requisito viene indicato il numero d’ordine, l’enunciato, il riferimento ai punti di controllo delle Web Content Accessibility Guidelines - versione 1.0 (WCAG 1.0) del W3C-WAI, nonché il riferimento agli standard definiti nella Sezione 508 del “Rehabilitation Act”. </li></ul></ul><ul><ul><li>I punti di controllo del W3C-WAI e gli standard della Sezione 508 eventualmente richiamati nei singoli requisiti, sono da intendersi soltanto come elementi di riferimento , al fine di consentire un più facile riscontro con gli standard già impiegati e per facilitare l’utilizzo degli strumenti informatici di valutazione della accessibilità attualmente disponibili sul mercato. </li></ul></ul><ul><ul><li>L’espressione “In sede di prima applicazione”, presente nell’enunciato di alcuni requisiti, consente di effettuare un percorso alternativo di adeguamento di siti pubblici particolarmente complessi. </li></ul></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm Paragrafo 4
  30. 30. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>Requisito numero 1 di 22 </li></ul><ul><li>Realizzare le pagine e gli oggetti al loro interno utilizzando tecnologie definite da grammatiche formali pubblicate nelle versioni più recenti disponibili quando sono supportate dai programmi utente. Utilizzare elementi ed attributi in modo conforme alle specifiche, rispettandone l’aspetto semantico. </li></ul><ul><li>Riferimenti WCAG 1.0: 3.1, 3.2, 3.5, 3.6, 3.7, 11.1, 11.2 </li></ul><ul><li>Riferimenti Sec. 508 : Non presente </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  31. 31. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>Requisito numero 1 di 22 </li></ul><ul><li>In particolare, per i linguaggi a marcatori HTML ( HypertText Markup Language ) e XHTML ( eXtensible HyperText Markup Language ): </li></ul><ul><ul><li>Per tutti i siti di nuova realizzazione, utilizzare almeno la versione 4.01 dell'HTML o preferibilmente la versione 1.0 dell'XHTML , in ogni caso con DTD ( Document Type Definition - Definizione del Tipo di Documento) di tipo Strict; </li></ul></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  32. 32. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>Requisito numero 1 di 22 </li></ul><ul><li>Per i siti esistenti, in sede di prima applicazione, nel caso in cui non sia possibile ottemperare al punto a) è consentito utilizzare la versione dei linguaggi sopra indicati con DTD Transitional, ma con le seguenti avvertenze: </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  33. 33. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>Per i siti esistenti </li></ul><ul><li>evitare di utilizzare, all'interno del linguaggio a marcatori con il quale la pagina è realizzata, elementi ed attributi per definirne le caratteristiche presentazionali (per esempio, caratteristiche dei caratteri del testo, colori del testo stesso e dello sfondo, ecc.), ricorrendo invece ai Fogli di Stile CSS ( Cascading Style Sheets ) per ottenere lo stesso effetto grafico; </li></ul><ul><li>evitare la generazione di nuove finestre ; ove ciò non fosse possibile, avvisare esplicitamente l'utente del cambiamento del focus; </li></ul><ul><li>pianificare la transizione dell’intero sito alla versione con DTD Strict del linguaggio utilizzato , dandone comunicazione alla Presidenza del Consiglio dei Ministri – Dipartimento per l’innovazione e le tecnologie e al Centro nazionale per l’informatica nella pubblica amministrazione. </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  34. 34. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.1 </li></ul><ul><li>Quando esiste un linguaggio di marcatura adatto, per veicolare informazione usare un marcatore piuttosto che le immagini. </li></ul>http://www. w3.org/tr/wcag10
  35. 35. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.1 </li></ul><ul><li>Le equazioni matematiche e/o scientifiche, i simboli e le note musicali vengono spesso rappresentate come delle immagini all’interno di una pagina web. </li></ul><ul><li>In questo modo non sono accessibili. </li></ul>http://www. w3.org/tr/wcag10 “ Quando esiste un linguaggio di marcatura adatto, per veicolare informazione usare un marcatore piuttosto che le immagini.”
  36. 36. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.1 </li></ul><ul><li>Vi sono gruppi di lavoro nel W3C che stanno definendo una serie di linguaggi di marcatura (es: MathML) e stanno nascendo diversi linguaggi di marcatura basati su XML per la chimica (ChemML) e per le altre scienze. </li></ul><ul><li>Utilizzando XML le formule sono di facile interpretazione sia per le tecnologie assistive che per le applicazioni matematiche (esempio: MathML Player) </li></ul><ul><li>E' comunque necessaria la presenza di plug-in per la corretta visualizzazione. </li></ul>http://www. w3.org/tr/wcag10 “ Quando esiste un linguaggio di marcatura adatto, per veicolare informazione usare un marcatore piuttosto che le immagini.”
  37. 37. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.1 </li></ul>http://www. w3.org/tr/wcag10 “ Quando esiste un linguaggio di marcatura adatto, per veicolare informazione usare un marcatore piuttosto che le immagini.” <math xmlns=&quot;http://www.w3.org/1998/Math/MathML&quot;> <mrow> <msubsup> <mo>&int;</mo> <mn>0</mn> <mi>t</mi> </msubsup> <mfrac> <mrow> <mo>d</mo> <mi>x</mi> </mrow> <mi>x</mi> </mfrac> </mrow> </math>
  38. 38. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.2 </li></ul><ul><li>Creare documenti che rispettino le grammatiche formali. </li></ul>http://www. w3.org/tr/wcag10
  39. 39. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.2 </li></ul><ul><li>In ogni pagina web deve essere specificato il DOCTYPE della DTD ( Document Type Definition ) per garantire che tutti gli elementi e attributi utilizzati nella pagina siano parte della grammatica definita nella DTD. </li></ul><ul><li>Questo consente al programma di visualizzazione della pagina (&quot; user agent &quot;) di poter valutare la semantica da utilizzare. </li></ul>http://www. w3.org/tr/wcag10 “ Creare documenti che rispettino le grammatiche formali.”
  40. 40. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.2 </li></ul><ul><li>Al fine di controllare la validità delle grammatiche, è possibile utilizzare il validatore del W3C. ( http:// validator .w3. org ) </li></ul><ul><li>Grammatiche fornite dal W3C: </li></ul><ul><ul><li>HTML 4.01 Transitional, Frameset, Strict </li></ul></ul><ul><ul><li>XHTML 1.0 Transitional, Frameset, Strict </li></ul></ul><ul><ul><li>XHTML 1.1 </li></ul></ul><ul><ul><li>MathML </li></ul></ul><ul><ul><li>SMIL </li></ul></ul><ul><ul><li>ecc. </li></ul></ul>http://www. w3.org/tr/wcag10 “ Creare documenti che rispettino le grammatiche formali.”
  41. 41. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.2 </li></ul><ul><li>Transitional: mantiene la compatibilità con le precedente versioni, consentendo l'utilizzo di elementi ed attributi di presentazione all'interno del contenuto. </li></ul><ul><li>Frameset: definisce le grammatiche per l'utilizzo di frame. </li></ul><ul><li>Strict: è la versione &quot;rigorosa&quot;, nella quale sono eliminate tutte le impostazioni di formattazione che possono essere gestite tramite i fogli di stile. </li></ul>http://www. w3.org/tr/wcag10 “ Creare documenti che rispettino le grammatiche formali.”
  42. 42. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.2 </li></ul><ul><li>TopElement: html Il tipo di documento SGML. </li></ul><ul><li>Availability: PUBLIC Dichiara se il tipo di documento referenziato è pubblico o meno (il valore alternativo è SYSTEM). </li></ul><ul><li>Formal public identifier: &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot;. </li></ul><ul><li>Registration: - Indica se l'organizzazione che ha definito la DTD è registrata all'ISO o meno (il W3C non lo è). Il valore alternativo è +. </li></ul><ul><li>Organization: W3C L'organizzazione che ha creato e mantiene la DTD. </li></ul><ul><li>Type: DTD Specifica a cosa si riferisce la dichiarazione (una DTD, nel nostro caso). </li></ul><ul><li>Label: XHTML 1.0 Il nome descrittivo della DTD referenziata, che può contenere la versione del documento. </li></ul><ul><li>Definition: Strict Il tipo di DTD, se ne esiste più di un tipo per il linguaggio referenziato. </li></ul><ul><li>Language: EN La lingua in cui è scritta la DTD. </li></ul><ul><li>URI: &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot; L'indirizzo dove fisicamente risiede il documento referenziato. </li></ul>http://www. w3.org/tr/wcag10 “ Creare documenti che rispettino le grammatiche formali.” <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;>
  43. 43. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>Legge 04/2004 </li></ul><ul><li>l primo requisito richiede di utilizzare, per i nuovi siti, la DTD Strict per HTML 4.01 oppure XHTML 1.0: questo comporta la mancanza, ad esempio, dell’attributo target per i collegamenti esterni. </li></ul><ul><li>È possibile quindi utilizzare del codice javascript conforme ai requisiti in modo da garantire l’apertura della nuova finestra informando allo stesso tempo l’utente di tale funzionalità (Requisito 19). </li></ul>http://www. w3.org/tr/wcag10 “ Creare documenti che rispettino le grammatiche formali.”
  44. 44. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>Esempio di DOM injection </li></ul>http://www. w3.org/tr/wcag10 “ Creare documenti che rispettino le grammatiche formali.” function TargetBlank() { if(document.getElementsByTagName){ var msg = &quot; (collegamento in nuova finestra)&quot;; var links = document.getElementsByTagName(&quot;a&quot;); for (i = 0; i < links.length; i++) { var link = links[i]; if (link.className.indexOf(&quot;targetblank&quot;) != -1) { link.title += msg; var fn = function () { window.open(this.href); return false; } link.onclick = link.onkeypress = fn; } } } } <a href=&quot;destinazione.html&quot; class=&quot;targetblank&quot; title=&quot;Descrizione&quot;>Prova</a>
  45. 45. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>Legge 04/2004 </li></ul><ul><li>L’apertura di nuove finestre andrebbe evitata in quanto non consente di evitarne l’apertura ad un utente dotato di tecnologia assistiva. Inoltre oggi la maggior parte dei browser contiene delle funzionalità per impedire l’apertura di nuove finestre. Se un utente desidera aprire una pagina in una nuova finestra, esistono delle funzionalità idonee all’interno del browser: evitiamo quindi di limitare la libertà dell’utente obbligandolo ad azioni non gradite o non consentite dal browser utilizzato. </li></ul>http://www. w3.org/tr/wcag10 “ Creare documenti che rispettino le grammatiche formali.”
  46. 46. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.5 </li></ul><ul><li>Usare elementi di intestazione per veicolare la struttura del documento e usarli in modo conforme alle specifiche. </li></ul>http://www. w3.org/tr/wcag10
  47. 47. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.5 </li></ul><ul><li>Gli elementi di titolazione (<h1> - <h6>) devono essere utilizzati in modo corretto al fine di garantire una corretta visualizzazione e rispetto della semantica dei contenuti. </li></ul><ul><li>Alcuni programmi di navigazione utilizzano gli elementi di titolazione per ottimizzare la navigazione della pagina da parte degli utenti (ad esempio: lettori dello schermo). </li></ul><ul><li>È verificabile con il Markup Validator del W3C, con opzione “outline” </li></ul>http://www. w3.org/tr/wcag10 “ Usare elementi di intestazione per veicolare la struttura del documento e usarli in modo conforme alle specifiche.”
  48. 48. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.5 </li></ul><ul><li>L’ordine di posizionamento dei titoli deve esser rispettato. </li></ul><ul><ul><li>Esempio: uno o più elementi <h2> devono seguire un elemento <h1>, mentre uno o più elementi <h3> devono seguire elementi <h2>. </li></ul></ul><ul><li>È quindi scorretto saltare un titolo. </li></ul><ul><ul><li>Esempio: è errato passare da <h1> a <h3> senza valorizzare l’elemento <h2>. </li></ul></ul>http://www. w3.org/tr/wcag10 “ Usare elementi di intestazione per veicolare la struttura del documento e usarli in modo conforme alle specifiche.”
  49. 49. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.5 </li></ul><ul><li>Non bisogna mai utilizzare gli elementi di titolazione a scopo decorativo. </li></ul><ul><ul><li>È scorretto utilizzare elementi <hx> per incrementare la dimensione del testo. In questo modo si danneggia la semantica del documento, creando difficoltà di accesso tramite tecnologie assistive. </li></ul></ul><ul><li>I fogli di stile sono la migliore soluzione per definire le modifiche agli attributi dei testi. </li></ul>http://www. w3.org/tr/wcag10 “ Usare elementi di intestazione per veicolare la struttura del documento e usarli in modo conforme alle specifiche.”
  50. 50. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.5 </li></ul>http://www. w3.org/tr/wcag10 “ Usare elementi di intestazione per veicolare la struttura del documento e usarli in modo conforme alle specifiche.” <h1>Titolo</h1> <p>...</p> <h2>Titolo argomento</h2> <h3>Capitolo informativo</h3> <p>... testo di esempio ..... </p> <h2>Titolo argomento</h2> <h3>Capitolo informativo</h3> <p>... testo di esempio ..... </p> <p>... testo di esempio ..... </p> <h3>Capitolo informativo</h3> <p>... testo di esempio ..... </p> <h1>Titolo</h1> <p>...</p>
  51. 51. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.6 </li></ul><ul><li>Marcare le liste ed elencare le voci della lista in modo appropriato. </li></ul>http://www. w3.org/tr/wcag10
  52. 52. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.6 </li></ul><ul><li>Gli elementi di lista <dl>, <ul> e <ol> devono essere utilizzati solo per la definizione delle liste. </li></ul><ul><li>Non devono servire per la formattazione (esempio: rientro del testo) ma per elencare. </li></ul><ul><li>Per modificare la formattazione delle liste, utilizzare i fogli di stile. </li></ul>http://www. w3.org/tr/wcag10 “ Marcare le liste ed elencare le voci della lista in modo appropriato.”
  53. 53. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.6 </li></ul>http://www. w3.org/tr/wcag10 “ Marcare le liste ed elencare le voci della lista in modo appropriato.” ul { color: #036; list-style: url(/immagini/pallino.gif) disc; } <ul> <li>Prima voce di lista</li> <li>Seconda voce di lista</li> <li>Terza voce di lista</li> </ul>
  54. 54. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.6 </li></ul><ul><li>Gli utenti non vedenti possono perdersi nella navigazione di liste non definite in modo corretto oppure troppo “profonde”. </li></ul><ul><li>Bisogna fornire a questi utenti delle indicazioni riepilogative per la navigazione dei vari livelli di lista raggiunti </li></ul><ul><ul><li>Per esempio, si dovrebbero aiutare gli utenti non vedenti provvedendo un &quot;appunto&quot; per ricordare all’utente l’argomento principale della lista che sta navigando. Questo finché i CSS2 non saranno supportati in modo uniforme da tutti i programmi utente oppure finché non ci sarà la possibilità di ottimizzare la navigazione delle liste tramite CSS. </li></ul></ul>http://www. w3.org/tr/wcag10 “ Marcare le liste ed elencare le voci della lista in modo appropriato.”
  55. 55. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.6 </li></ul>http://www. w3.org/tr/wcag10 “ Marcare le liste ed elencare le voci della lista in modo appropriato.” <ul> <li>Veneto: <ul> <li>Belluno</li> <li>Padova</li> <li>Rovigo</li> […] </ul> <span class=&quot;fine&quot;>(Fine Veneto)</span></li> <li>Liguria: <ul> <li>Genova</li> <li>Imperia</li> […] </ul> <span class=&quot;fine&quot;>(Fine Liguria)</span></li> </ul> .fine { width:0; position:absolute; height:0; overflow:hidden; top:-200em; }
  56. 56. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.6 </li></ul><ul><li>Se invece necessitiamo di dare una certa importanza all’ordine degli elementi, è necessario utilizzare le liste ordinate ( ordered list , elemento <ol>): </li></ul>http://www. w3.org/tr/wcag10 “ Marcare le liste ed elencare le voci della lista in modo appropriato.” <ol> <li>Scaricare il modulo</li> <li>Compilare il modulo</li> <li>Inviare il modulo</li> </ol>
  57. 57. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.6 </li></ul><ul><li>Considerando che per le liste ordinate l'utilizzo degli attributi compact, start e type è stato deprecato, è possibile aggirare il problema usando CSS2, che permette di definire il formato di auto numerazione delle liste (1, 1.1, 1.1.1, ecc.). </li></ul>http://www. w3.org/tr/wcag10 “ Marcare le liste ed elencare le voci della lista in modo appropriato.”
  58. 58. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.6 </li></ul><ul><li>Questa specifica contenuta nella raccomandazione CSS 2.0 attualmente non risulta supportata dai browser, ad eccezione di Opera. </li></ul>http://www. w3.org/tr/wcag10 “ Marcare le liste ed elencare le voci della lista in modo appropriato.” ul { counter-reset: item; }   li { display: block; }   li:before { content: counters(item, &quot;.&quot;); counter-increment: item; }
  59. 59. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.6 </li></ul><ul><li>Liste di definizione (Definition List). </li></ul><ul><li>Le liste di definizione sono formate da elementi contenenti il termine ( definition term , ovvero l’elemento <dt>) e la sua descrizione ( definition description , ovvero l’elemento <dd>) </li></ul>http://www. w3.org/tr/wcag10 “ Marcare le liste ed elencare le voci della lista in modo appropriato.”
  60. 60. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.6 </li></ul>http://www. w3.org/tr/wcag10 “ Marcare le liste ed elencare le voci della lista in modo appropriato.” <dl> <dt>SEO</dt> <dd><span xml:lang=&quot;en&quot;>Search Engine Optimizers</span>, ovvero gli esperti di posizionamento nei motori di ricerca.</dd> </dl>
  61. 61. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.6 </li></ul><ul><li>Un’altra possibile applicazione delle liste di definizione, consentita dalla specifica HTML 4.x, è la possibilità di utilizzare tali elementi per riportare dei dialoghi, indicando con l’elemento <dt> il nome della persona e con l’elemento <dd> il testo del discorso. un esempio pratico può essere un verbale di una seduta del Consiglio Comunale. </li></ul><ul><li>Utilizzando i fogli di stile sarà quindi possibile rappresentare i contenuti in modo gradevole, affiancando ad esempio l’elemento <dt> all’elemento <dd>. </li></ul>http://www. w3.org/tr/wcag10 “ Marcare le liste ed elencare le voci della lista in modo appropriato.” <dl> <dt><abbr title=&quot;Consigliere&quot;>Cons.</abbr> Rossi</dt> <dd>Signor Presidente, chiedo di poter esporre il progetto.<dd> <dt>Presidente Consiglio Comunale</dt> <dd>Ne ha facoltà.<dd> </dl>
  62. 62. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>Legge 04/2004 </li></ul><ul><li>Evitare la creazione di lunghi elenchi con le liste, in quanto rendono il sito di difficile utilizzo danneggiandone inoltre l'usabilità seguendo l’indicazione per cui un utente non riesce a memorizzare contemporaneamente più di 7±2 collegamenti oppure fornire soluzioni per saltare i collegamenti (requisito 19). </li></ul><ul><li>Evitare la creazione di menu utilizzando elementi differenti dalle liste (ad esempio, utilizzando elementi specifici di tabelle) è un errore che porta alla violazione del primo requisito in quanto i menu sono di natura delle liste di elementi. </li></ul>http://www. w3.org/tr/wcag10 “ Marcare le liste ed elencare le voci della lista in modo appropriato.”
  63. 63. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.7 </li></ul><ul><li>Marcare le citazioni. </li></ul>http://www. w3.org/tr/wcag10
  64. 64. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.7 </li></ul><ul><li>Le citazioni devono essere marcate utilizzando gli elementi <q> e <blockquote> che non devono essere usati invece per puri effetti estetici (esempio: rientri del testo), per i quali vanno utilizzati i fogli di stile. </li></ul>http://www. w3.org/tr/wcag10 “ Marcare le citazioni.”
  65. 65. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.7 </li></ul><ul><li>L’utilizzo dell’elemento <q> invece dei caratteri ASCII o dell’entità &quot; consente al browser di visualizzare le virgolette nella codifica locale. </li></ul><ul><li>L’utilizzo delle virgolette ed i vari stili di virgolette variano da lingua a lingua. </li></ul>http://www. w3.org/tr/wcag10 “ Marcare le citazioni.”
  66. 66. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.7 </li></ul><ul><li>L’elemento <q> non risulta ancora supportato dalla maggior parte dei browser e richiede la presenza dell’attributo &quot; lang &quot; (oppure xml:lang nel caso di XHTML) al fine di una corretta lettura ed adeguamento allo stile locale delle virgolette. </li></ul>http://www. w3.org/tr/wcag10 “ Marcare le citazioni.” <q lang=&quot;en&quot;> What a wonderful web! </q>
  67. 67. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.7 </li></ul><ul><li>L’elemento <blockquote> serve ad identificare un blocco di testo che necessita di maggior visibilità, per separarlo e distinguerlo dal corpo del testo. </li></ul><ul><li>Molti sviluppatori però hanno iniziato ad utilizzare l’elemento <blockquote> per impaginare i contenuti anziché usare i fogli di stile. </li></ul>http://www. w3.org/tr/wcag10 “ Marcare le citazioni.”
  68. 68. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.7 </li></ul><ul><li>Nell’esempio è stato utilizzato l’attributo &quot;cite&quot; che riporta l’URI ad un documento dal quale si è riportata la citazione. </li></ul><ul><li>Se il documento principale non è in lingua inglese, va utilizzato l’attributo “lang” (oppure “xml:lang” per XHTML). </li></ul>http://www. w3.org/tr/wcag10 “ Marcare le citazioni.” <blockquote cite=&quot;http://www.w3.org/TR/WCAG10-HTML- TECHS/#text-quotes&quot;> <p> Do not use quotation markup for formatting effects such as indentation. [Priority 2] </p> </blockquote>
  69. 69. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 3.7 </li></ul><ul><li>L’attributo cite può essere utilizzato per identificare anche un URN ( Uniform Resource Name ) per marcare citazioni che non sono direttamente riferite al web quale ad esempio un codice ISBN per un libro. </li></ul>http://www. w3.org/tr/wcag10 “ Marcare le citazioni.” <blockquote cite=&quot;urn:isbn:88-7633-000-3&quot;> <p> Al termine della lettura di questo libro si auspica che al lettore sia maggiormente comprensibile la necessità di puntare sull'accessibilità reale, rispettando le raccomandazioni internazionali senza abusare di loghi o bollini. </p> </blockquote>
  70. 70. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 11.1 </li></ul><ul><li>Utilizzare le tecnologie W3C quando sono disponibili e sono appropriate per un certo compito usando le versioni più recenti quando sono supportate dai programmi utente. </li></ul>http://www. w3.org/tr/wcag10
  71. 71. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 11.1 </li></ul><ul><li>Bisogna cercare di sviluppare ed adeguare le pagine web esistenti secondo le specifiche del W3C, preferibilmente secondo le ultime versioni considerate &quot;stabili&quot; ( Recommandation ). </li></ul><ul><li>L'elenco completo e costantemente aggiornato è disponibile nella pagina &quot; W3C Technical Reports and Publications &quot; ( http://www.w3. org /TR/ ). </li></ul>http://www. w3.org/tr/wcag10 “ Utilizzare le tecnologie W3C quando sono disponibili e sono appropriate per un certo compito usando le versioni più recenti quando sono supportate dai programmi utente.”
  72. 72. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 11.2 </li></ul><ul><li>Evitare l’utilizzo di tecnologie disapprovate dal W3C. </li></ul>http://www. w3.org/tr/wcag10
  73. 73. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 11.2 </li></ul><ul><li>Con la definizione di nuove raccomandazioni e con l'avvento di nuove tecnologie alcuni elementi e attributi possono essere &quot;eliminati&quot; a favore di nuove raccomandazioni che ne migliorano l'utilizzo. </li></ul><ul><li>Un esempio concreto è dato dagli elementi <font> e <center> che sono stati disapprovati (&quot; deprecated &quot;) dal W3C a favore dei fogli di stile che consentono di separare il contenuto dalla presentazione. </li></ul>http://www. w3.org/tr/wcag10 “ Evitare l’utilizzo di tecnologie disapprovate dal W3C.”
  74. 74. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>WCAG 1.0: Punto di controllo 11.2 </li></ul><ul><li>Gli elementi e gli attributi disapprovati vengono solitamente mantenuti solo nelle grammatiche dei DOCTYPE di tipo &quot;Transitional&quot; (ossia grammatiche di &quot;transizione&quot;) mentre vengono rimossi nelle grammatiche dei DOCTYPE di tipo &quot;Strict &quot;. </li></ul><ul><li>Seguendo le indicazioni del W3C, già dal 1998 era possibile ottenere la separazione tra contenuto e presentazione, tramite DTD HTML 4.01 Strict. </li></ul>http://www. w3.org/tr/wcag10 “ Evitare l’utilizzo di tecnologie disapprovate dal W3C.”
  75. 75. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>Compiti del valutatore </li></ul><ul><li>verificare che la DTD dichiarata sia conforme al requisito 1, ovvero per tutti i nuovi siti internet sia utilizzata la DTD HTML 4.01 Strict, XHTML 1.0 Strict o successive; </li></ul><ul><li>verificare il corretto utilizzo degli elementi di intestazione, delle citazioni e delle liste; </li></ul><ul><li>verificare la presenza di immagini che sostituiscono oggetti rappresentabili tramite linguaggi di marcatura; </li></ul><ul><li>verificare l’utilizzo e il corretto utilizzo di elementi ed attributi secondo le specifiche del linguaggio di marcatura utilizzato. </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  76. 76. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>Valutazione (rif. WCAG) </li></ul><ul><li>Utilizzare il W3C Markup Validator per controllare il rispetto delle grammatiche formali (3.2), e dei linguaggi di marcatura utilizzati (3.1) utilizzando l’opzione “outline” per visualizzare il corretto utilizzo degli elementi <hx> (3.5). </li></ul><ul><li>Controllare che la DTD dichiarata sia HTML 4.01 Strict oppure XHTML 1.0 Strict oppure XHTML 1.1 (11.1). Con l’uso di tali DTD di fatto vengono segnalati dal W3C Markup Validator errori causati dall’uso di attributi deprecati (11.2). </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  77. 77. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>Valutazione (rif. WCAG) </li></ul><ul><li>Controllare la presenza di immagini che sostituiscono oggetti rappresentabili tramite linguaggi di marcatura (3.1) </li></ul><ul><li>Utilizzare la barra per l’accessibilità, menu “Struttura”: </li></ul><ul><ul><li>Intestazioni: Visualizza tutti gli elementi d'intestazione sulla pagina corrente (3.5). </li></ul></ul><ul><ul><li>Struttura delle intestazioni (Nuova finestra): Visualizza il titolo del documento e le sue intestazioni (da <h1> ad <h6> compreso il contenuto) in una nuova finestra. (3.5). </li></ul></ul><ul><ul><li>Elementi List: Visualizza le liste ordinate, non ordinate, di intestazioni presenti sulla pagina corrente (3.6). </li></ul></ul><ul><ul><li>Visualizza altri elementi: Attiva una micro applicazione in Javascript che identifica le istanze sulla pagina corrente dell'elemento inserito (3.7). </li></ul></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  78. 78. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>Valutazione (rif. WCAG) </li></ul><ul><li>Utilizzare la barra per l’accessibilità, menu “Sorgente”: </li></ul><ul><ul><li>Visualizza codice generato . Consente di visionare il codice generato per verificare l’eventuale modifica di elementi ed attributi tramite DOM (3.2). </li></ul></ul><ul><ul><li>Visualizza parte del codice . Consente di visionare il codice generato per il contenuto selezionato al fine di consentire l’identificazione di utilizzo scorretto di elementi ed attributi, modificati tramite DOM (3.2). </li></ul></ul><ul><ul><li>Evidenzia nel sorgente. Contiene una serie di sottovoci che consentono di evidenziare elementi ed attributi specifici all’interno del sorgente generato. </li></ul></ul><ul><ul><li>DOM Inspector . Consente di verificare con dei programmi esterni le eventuali modifiche al codice tramite DOM injection (3.2). </li></ul></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  79. 79. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 1) <ul><li>Valutazione (rif. WCAG) </li></ul><ul><li>Utilizzare la barra per l’accessibilità, menu “Codice” (11.2): </li></ul><ul><ul><li>Elementi HTML deprecati: Visualizza gli elementi deprecati nell'HTML 4.0. </li></ul></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  80. 80. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 2) <ul><li>Requisito numero 2 di 22 </li></ul><ul><li>Non è consentito l'uso dei frame nella realizzazione di nuovi siti. </li></ul><ul><li>Riferimenti WCAG 1.0: 12.1, 12.2 </li></ul><ul><li>Riferimenti Sec. 508: 1194.22 (i) </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  81. 81. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 2) <ul><li>Requisito numero 2 di 22 </li></ul><ul><li>In sede di prima applicazione , per i siti esistenti già realizzati con frame è consentito l'uso di HTML 4.01 o XHTML 1.0 con DTD frameset, ma con le seguenti avvertenze: </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  82. 82. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 2) <ul><li>Requisito numero 2 di 22 </li></ul><ul><li>a) evitare di utilizzare, all'interno del linguaggio a marcatori con il quale la pagina è realizzata, elementi ed attributi per definirne le caratteristiche presentazionali (per esempio, caratteristiche dei caratteri del testo, colori del testo stesso e dello sfondo, ecc.), ricorrendo invece ai Fogli di Stile CSS (Cascading Style Sheets) per ottenere lo stesso effetto grafico; </li></ul><ul><li>b) fare in modo che ogni frame abbia un titolo significativo per facilitarne l'identificazione e la navigazione. Se necessario, descrivere anche lo scopo dei frame e la loro relazione; </li></ul><ul><li>c) pianificare la transizione a XHTML almeno nella versione 1.0 con DTD Strict dell’intero sito dandone comunicazione alla Presidenza del Consiglio dei Ministri – Presidenza del Consiglio dei Ministri – Dipartimento per l’innovazione e le tecnologie e alCentro nazionale per l’informatica nella pubblica amministrazione. </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  83. 83. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 2) <ul><li>WCAG 1.0: Punto di controllo 12.1 </li></ul><ul><li>Assegnare un titolo a ogni frame per facilitarne l'identificazione e la navigazione. </li></ul>http://www. w3.org/tr/wcag10
  84. 84. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 2) <ul><li>WCAG 1.0: Punto di controllo 12.1 </li></ul><ul><li>Alcuni programmi utente non possono accedere a più frame contemporaneamente o possono essere configurati esclusivamente per visualizzare un solo frame </li></ul><ul><ul><li>Esempio: le applicazioni software di supporto per gli utenti non vedenti, alcuni modelli di palmare, chioschi informativi, ecc. </li></ul></ul>http://www. w3.org/tr/wcag10 “ Assegnare un titolo a ogni frame per facilitarne l'identificazione e la navigazione.”
  85. 85. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 2) <ul><li>WCAG 1.0: Punto di controllo 12.1 </li></ul><ul><li>Utilizzando l'attributo “title” per i frame è possibile fornire informazioni al visitatore sul contenuto di quella particolare pagina web, consentendo all'utente di selezionare il frame desiderato. </li></ul>http://www. w3.org/tr/wcag10 “ Assegnare un titolo a ogni frame per facilitarne l'identificazione e la navigazione.”
  86. 86. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 2) <ul><li>WCAG 1.0: Punto di controllo 12.1 </li></ul>http://www. w3.org/tr/wcag10 “ Assegnare un titolo a ogni frame per facilitarne l'identificazione e la navigazione.” <ul><li><!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Frameset//EN&quot; </li></ul><ul><li>&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd&quot;> </li></ul><ul><li><html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;it&quot;> </li></ul><ul><li><head> </li></ul><ul><ul><li><title>Esempio di frameset</html> </li></ul></ul><ul><ul><li><meta http-equiv=&quot;Content-Type&quot; </li></ul></ul><ul><ul><li>content=&quot;text/html; charset=ISO-8859-1&quot; /> </li></ul></ul><ul><li></head> </li></ul><ul><ul><li><frameset cols=&quot;20%, 80%&quot; title=&quot;Esempio di frameset&quot; > </li></ul></ul><ul><ul><ul><li><frame src=&quot;menu.html&quot; title=&quot;Menu di navigazione&quot; /> </li></ul></ul></ul><ul><ul><ul><li><frame src=&quot;main.html&quot; title=&quot;Pagina iniziale&quot; /> </li></ul></ul></ul><ul><ul><li></frameset> </li></ul></ul><ul><li></html> </li></ul>
  87. 87. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 2) <ul><li>WCAG 1.0: Punto di controllo 12.2 </li></ul><ul><li>Descrivere lo scopo dei frame e il modo in cui questi interagiscono se non è evidente solo tramite i titoli dei frame. </li></ul>http://www. w3.org/tr/wcag10
  88. 88. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 2) <ul><li>WCAG 1.0: Punto di controllo 12.2 </li></ul><ul><li>In alcuni casi l'attributo “title” può non essere sufficiente per spiegare la struttura o lo scopo dell'elemento <frame> o dell'elemento <frameset> </li></ul><ul><li>In questi casi è consigliabile utilizzare l'attributo “longdesc” per l'elemento frame </li></ul><ul><ul><li>In questo modo si rende disponibile un collegamento ad un documento (pagina senza frame) che contiene una descrizione completa per una pagina con una struttura complessa di frame. </li></ul></ul>http://www. w3.org/tr/wcag10 “ Descrivere lo scopo dei frame e il modo in cui questi interagiscono se non è evidente solo tramite i titoli dei frame.”
  89. 89. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 2) <ul><li>WCAG 1.0: Punto di controllo 12.2 </li></ul>http://www. w3.org/tr/wcag10 “ Descrivere lo scopo dei frame e il modo in cui questi interagiscono se non è evidente solo tramite i titoli dei frame.” <ul><li><!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Frameset//EN&quot; </li></ul><ul><li>&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd&quot;> </li></ul><ul><li><html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;it&quot;> </li></ul><ul><li><head> </li></ul><ul><ul><li><title>Esempio di frameset</html> </li></ul></ul><ul><ul><li><meta http-equiv=&quot;Content-Type&quot; </li></ul></ul><ul><ul><li>content=&quot;text/html; charset=ISO-8859-1&quot; /> </li></ul></ul><ul><li></head> </li></ul><ul><ul><li><frameset cols=&quot;20%, 80%&quot; title=&quot;Esempio di frameset&quot; </li></ul></ul><ul><ul><li> longdesc=&quot;descr-frameset.html&quot; > </li></ul></ul><ul><ul><ul><li><frame src=&quot;menu.html&quot; title=&quot;Menu di navigazione&quot; /> </li></ul></ul></ul><ul><ul><ul><li><frame src=&quot;main.html&quot; title=&quot;Pagina iniziale&quot; </li></ul></ul></ul><ul><ul><ul><li>longdesc=&quot;descr-main.html&quot; /> </li></ul></ul></ul><ul><ul><li></frameset> </li></ul></ul><ul><li></html> </li></ul>
  90. 90. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 2) <ul><li>Compiti del valutatore </li></ul><ul><li>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; </li></ul><ul><li>verificare l’utilizzo di elementi ed attributi del linguaggio di marcatura utilizzati a scopo presentazionale; </li></ul><ul><li>verificare la presenza di titoli ed eventuali descrizioni per i frame. </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  91. 91. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 2) <ul><li>Valutazione (rif. WCAG) </li></ul><ul><li>Utilizzare la barra per l’accessibilità, menu “Struttura”: </li></ul><ul><ul><li>Bordi dei frame: Evidenzia i bordi di ciascun elemento frame sulla pagina corrente. </li></ul></ul><ul><ul><li>Name / Title dei frame: Mostra (in una nuova finestra) una lista delle pagine contenute nei frame insieme ai rispettivi attributi “name” ed al contenuto dell'attributo “title”. </li></ul></ul><ul><li>Controllare i testi degli attributi “title” e valutare se siano comprensibili e significativi per garantire informazioni. Immaginare di trovarsi al telefono e di dover operare delle scelte (premi 1 per xxx, premi 2 per yyy). </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  92. 92. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>Requisito numero 3 di 22 </li></ul><ul><li>Fornire una alternativa testuale equivalente per ogni oggetto non di testo presente in una pagina e garantire che quando il contenuto non testuale di un oggetto cambia dinamicamente vengano aggiornati anche i relativi contenuti equivalenti predisposti; l’alternativa testuale equivalente di un oggetto non testuale deve essere commisurata alla funzione esercitata dall’oggetto originale nello specifico contesto. </li></ul><ul><li>Riferimenti WCAG 1.0: 1.1, 6.2 </li></ul><ul><li>Riferimenti Sec. 508: 1194.22 (a) </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  93. 93. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 </li></ul><ul><li>Fornire un equivalente testuale per ogni elemento non di testo. </li></ul>http://www. w3.org/tr/wcag10
  94. 94. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 </li></ul><ul><li>È indispensabile provvedere degli equivalenti testuali per immagini , o aree di immagini sensibili (mappe), rappresentazioni grafiche di testo (compresi i simboli), animazioni (ad es. GIF animate), applet e oggetti , ASCII-art , frame , script , suoni (azionati con o senza l'intervento dell'utente), file di solo audio , tracce audio di video (multimedia) e video . </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.”
  95. 95. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (IMMAGINI) </li></ul><ul><li>Si usa l’attributo &quot;alt&quot; </li></ul><ul><li>Il testo &quot;alt&quot; è destinato a fornire un testo alternativo, da usare principalmente quando l'immagine non viene visualizzata. </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.”
  96. 96. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (IMMAGINI) </li></ul><ul><li>L’attributo “alt” è obbligatorio per le immagini se si utilizza il DTD HTML 4.01 e successive. </li></ul><ul><li>Il W3C Markup Validator non può valutarne la corretta attribuzione. </li></ul><ul><li>Se l’immagine è di tipo decorativo, è possibile valorizzare l’attributo alt vuoto, ovvero alt=“” </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.” <img src=&quot;grafico.jpg&quot; alt=&quot;Grafico vendite 2002&quot; />
  97. 97. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (IMMAGINI) </li></ul><ul><li>Talvolta è necessario fornire una descrizione più estesa dell’immagine. </li></ul><ul><li>È necessario utilizzare l’attributo &quot;longdesc&quot;: </li></ul><ul><ul><li>fornisce la possibilità di accedere ad una descrizione estesa dell’immagine specificando l’URI del documento che contiene tale descrizione. </li></ul></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.”
  98. 98. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (IMMAGINI) </li></ul><ul><li>L’attributo “longdesc” non è obbligatorio. </li></ul><ul><li>Non tutti i browser supportano l’attributo “longdesc” definito dal W3C e pertanto spesso si affianca il cosiddetto &quot;D-Link&quot; </li></ul><ul><ul><li>un collegamento al file contenente la descrizione estesa accanto all’immagine, evidenziandolo con i caratteri &quot;[D]&quot; </li></ul></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.” <img src=&quot;grafico.jpg&quot; alt=&quot;Grafico vendite 2002&quot; longdesc=&quot;grafico-2002.html&quot; />
  99. 99. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (IMMAGINI) </li></ul><ul><li>L’uso di [D] Link è stato deprecato nelle attuali tecniche di applicazione per le WCAG 2.0. </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.” <img src=&quot;grafico.jpg&quot; alt=&quot;Grafico vendite 2002&quot; longdesc=&quot;grafico-2002.html&quot; /> <a href=&quot;grafico-2002.html&quot; title=&quot;Descrizione estesa&quot;>[D]</a>
  100. 100. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (IMMAGINI DECORATIVE) </li></ul><ul><li>È necessario inserire l’attributo &quot;alt&quot; ma non valorizzarlo. </li></ul><ul><li>L’utente con lettore vocale risentirebbe della lettura di descrizioni che non rientrano nel contesto. </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.”
  101. 101. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (IMMAGINI DECORATIVE) </li></ul><ul><li>Il lettore di schermo leggerebbe tre volte di seguito “Pallino decorativo”… </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.” <img src=&quot;pallino.jpg&quot; alt=&quot;Pallino decorativo&quot; />... <img src=&quot;pallino.jpg&quot; alt=&quot;Pallino decorativo&quot; />... <img src=&quot;pallino.jpg&quot; alt=&quot;Pallino decorativo&quot; />...
  102. 102. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (IMMAGINI DECORATIVE) </li></ul><ul><li>Esempi di “alt” vuoto: </li></ul><ul><ul><li>Immagini &quot;spaziatrici&quot; (usate per la creazione di layout specifici) </li></ul></ul><ul><ul><li>Immagini che hanno già un alternativa testuale all’interno della pagina (fotografie con titolo e descrizione presenti sotto in formato testo o di collegamento) </li></ul></ul><ul><ul><li>Immagini decorative (cornici, ...) </li></ul></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.”
  103. 103. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (MAPPE IMMAGINE) </li></ul><ul><li>Le mappe immagine hanno spesso una funzione non sostituibile (le cartine geografiche, per esempio) </li></ul><ul><li>Strumenti alternativi di navigazione, quali un indice A-Z o una casella di ricerca, possono risultare utili per qualsiasi tipo di utente. Ma come strumento di navigazione, una riga di elementi <img> con testi &quot;alt&quot; può svolgere egregiamente lo stesso compito. </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.”
  104. 104. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (MAPPE IMMAGINE) </li></ul><ul><li>Le più supportate oggi sono le mappe lato client (tutte le informazioni nel codice HTML). </li></ul><ul><li>Esse sono le più adatte all'uso da parte dei lettori di schermo, a patto di fornirle di testi &quot;alt&quot; all'interno dei loro elementi <area>. </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.”
  105. 105. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (MAPPE IMMAGINE) </li></ul><ul><li>Secondo le raccomandazioni di HTML 4.0 e successive l’attributo &quot;alt&quot; è obbligatorio, in quanto deve provvedere una valida alternativa testuale per gli utenti con tecnologie assistive. </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.” <img alt=&quot;Italia suddivisa per regioni&quot; src=&quot;italia.gif&quot; usemap=&quot;#csmap&quot; /> <map id=&quot;csmap&quot; name=&quot;csmap&quot;> <area shape=&quot;rect&quot; alt=&quot;Sardegna&quot; coords=&quot;114,238,160,31&quot; href=&quot;1.htm&quot; /> <area shape=&quot;poly&quot; alt=&quot;Sicilia&quot; coords=&quot;304,330,292,354&quot; href=&quot;2.htm&quot; /> <area shape=&quot;poly&quot; alt=&quot;Calabria&quot; coords=&quot;304,283,319,12&quot; href=&quot;3.htm&quot; /> </map>
  106. 106. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (APPLET ED OGGETTI) </li></ul><ul><li>Quando si utilizzano oggetti, è necessario fornire un equivalente testuale per: </li></ul><ul><ul><li>Tutti gli utenti che non posseggono i plug-in necessari alla loro visualizzazione. </li></ul></ul><ul><ul><li>Gli utenti che a causa di disabilità non possono interagire con tali contenuti. </li></ul></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.”
  107. 107. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (APPLET ED OGGETTI) </li></ul><ul><li>Il W3C incentiva l’utilizzo dell’elemento <object> mentre considera deprecato l’uso di <applet>. </li></ul><ul><li><embed> (utilizzato spesso per compatibilità con vecchie versioni di Netscape) non è mai stato inserito in nessuna delle raccomandazioni del W3C. </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.”
  108. 108. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (APPLET ED OGGETTI) </li></ul><ul><li>Esempio di codice deprecato. </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.” <applet code=&quot;meteo.class&quot; width=&quot;500&quot; height=&quot;500&quot; alt= &quot; Le previsioni del tempo&quot; > <p>Le previsioni del tempo per oggi per Venezia: Nuvoloso …</p> </applet>
  109. 109. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (APPLET ED OGGETTI) </li></ul><ul><li>Esempio di codice non valido. </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.” <object classid=&quot;clsid:D27CDB6E-AE6D-11cf-96B8-44553540000&quot; codebase=&quot;http://download.macromedia.com /pub/shockwave/cabs/flash/ swflash.cab#version=6,0,0,0&quot; width=&quot;400&quot; height=&quot;300&quot; id=&quot;movie&quot; align=&quot;&quot;> <param name=&quot;movie&quot; value=&quot;movie.swf&quot;> <embed src=&quot;movie.swf&quot; quality=&quot;high&quot; width=&quot;400&quot; height=&quot;300&quot; name=&quot;movie&quot; align=&quot;&quot; type=&quot;application/x-shockwave-flash&quot; plug inspage=&quot;http://www.macromedia.com/ go/getflashplayer&quot;> </object>
  110. 110. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (APPLET ED OGGETTI) </li></ul><ul><li>Esempio di codice accessibile </li></ul><ul><li>Per l’uso cross-browser sono necessari i commenti IE (vediamo in seguito). </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.” <object type=&quot;application/x-shockwave-flash&quot; data=&quot;movie.swf&quot; width=&quot;400&quot; height=&quot;300&quot;> <param name=&quot;movie&quot; value=&quot;movie.swf&quot; /> <img src=&quot;noflash.gif&quot; alt= &quot;Oggetto Macromedia Flash non disponibile&quot; /> <ul title=&quot;opzioni alternative&quot;> <li><a href=&quot;pagina1.htm&quot;>Pagina 1</a> <li><a href=&quot;pagina2.htm&quot;>Pagina 2</a> </ul> </object>
  111. 111. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (FRAME) </li></ul><ul><li>I frame sono supportati dalle raccomandazioni W3C, anche se il loro uso è generalmente sconsigliato. </li></ul><ul><li>Se proprio li si deve usare, sarà necessario utilizzare l’attributo &quot;title&quot; e &quot;longdesc&quot; per ottenere una descrizione esaustiva dei contenuti dei frame. </li></ul><ul><li>Seguire le indicazioni previste per il requisito 2. </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.”
  112. 112. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (PULSANTI) </li></ul><ul><li>Spesso si utilizzano delle immagini in sostituzione dell’elemento <input type=&quot;image&quot; /> . </li></ul><ul><li>Anche tali elementi, essendo di fatto delle immagini, necessitano dell’attributo &quot;alt&quot;. </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.”
  113. 113. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (PULSANTI) </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.” <form action=&quot;submit&quot; method=&quot;post&quot;> <input type=&quot;image&quot; src=&quot;cerca.gif&quot; name=&quot;ricerca&quot; id=&quot;ricerca&quot; alt=&quot;Cerca&quot; /> </form>
  114. 114. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (SCRIPT) </li></ul><ul><li>Comunemente, ci si riferisce a JavaScript. </li></ul><ul><li>Il computer che legge codice JavaScript deve possedere ed avere attivato un interprete in grado di comprenderne le istruzioni e di eseguirle. </li></ul><ul><li>Non tutti gli utenti possono fruire di questa possibilità di interazione. </li></ul><ul><li>Si devono predisporre gli script all’utilizzo anche di tali utenti, grazie all’elemento <noscript> che consente di rendere disponibile una versione alternativa. </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.”
  115. 115. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (SCRIPT) </li></ul><ul><li>< noscript> è utilizzato dai programmi utente che NON supportano gli script: un utente con tecnologia assistiva potrebbe non fruire di questo contenuto equivalente. </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.” <script type=&quot;text/javascript&quot; src=&quot;sceltasiti.js&quot;> </script> <noscript> <ul> <li><a href=&quot;/&quot;>Pagina Iniziale</a></li> <li><a href=&quot;http://www.google.com/&quot;>Google</a></li> <li><a href=&quot;http://www.w3.org/&quot;>W3C</a></li> </ul> </noscript>
  116. 116. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (ARTE ASCII) </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.” &quot;The use of text characters to build images and pictures. For example, &quot;:-)&quot; (smiley face emoticon) and using [ ] around links can be considered to be ASCII art. Avoid using text characters as substitute graphics, icons or glyphs.&quot; RNIB (Royal National Institute of Blind)
  117. 117. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 1.1 (ARTE ASCII) </li></ul>http://www. w3.org/tr/wcag10 “ Fornire un equivalente testuale per ogni elemento non di testo.” <p><a href=&quot;#post-art&quot;>Salta l'arte ASCII</a></p> <pre> .-._.-. ( O O ) / . . .`._______.'. /( ) _/ / / .~ ` / / ' ~. { -. V / .- } _ _`. | | | / .'_ _ >_ _} | | | {_ _< /. - ~ ,_-' .^. `-_, ~ - . '-'|/ |`-` </pre> <p><a name=&quot;post-art&quot;>Immagine di una rana (Arte ASCII)</a></p>
  118. 118. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 6.2 </li></ul><ul><li>Garantire che all'aggiornamento dei contenuti dinamici vengano aggiornati anche i contenuti equivalenti. </li></ul>http://www. w3.org/tr/wcag10
  119. 119. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 6.2 </li></ul><ul><li>Esempio: in un sito di un ente le ultime notizie spesso scorrono all'interno di applet java e, al click del mouse, viene aperta una nuova finestra con il contenuto della notizia. </li></ul><ul><ul><li>I visitatori con problemi di mobilità oppure utenti con le funzionalità java disattivate non potranno mai accedere o accederanno con difficoltà ai contenuti delle notizie . </li></ul></ul>http://www. w3.org/tr/wcag10 “ Garantire che all'aggiornamento dei contenuti dinamici vengano aggiornati anche i contenuti equivalenti.”
  120. 120. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 6.2 </li></ul><ul><li>È quindi necessario fornire una versione alternativa in HTML che consenta a queste categorie di utenti di accedere ai contenuti. </li></ul><ul><ul><li>Questa versione dovrebbe restare nascosta per utenti che invece dispongono delle tecnologie per la corretta visualizzazione dei contenuti. </li></ul></ul><ul><li>Utilizzando l'elemento <object> nel caso non sia disponibile il supporto a tale oggetto sarà reso disponibile il contenuto alternativo, il tutto configurabile a cascata. </li></ul>http://www. w3.org/tr/wcag10 “ Garantire che all'aggiornamento dei contenuti dinamici vengano aggiornati anche i contenuti equivalenti.”
  121. 121. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>WCAG 1.0: Punto di controllo 6.2 </li></ul><ul><li>Se la classe java non è visualizzabile, il browser tenterà di caricare il filmato multimediale. </li></ul><ul><li>Se il filmato multimediale non è disponibile o non supportato, verrà visualizzato il codice HTML (formattabile tramite CSS). </li></ul>http://www. w3.org/tr/wcag10 “ Garantire che all'aggiornamento dei contenuti dinamici vengano aggiornati anche i contenuti equivalenti.” <object classid=&quot;java:News.class&quot; width=&quot;468&quot; height=&quot;60&quot;> <object data=&quot;news.mpeg&quot; type=&quot;video/mpeg&quot;> <ul> <li><a href=&quot;news1.html&quot;>Notizia 1</a></li> <li><a href=&quot;news2.html&quot;>Notizia 2</a></li> <li><a href=&quot;news3.html&quot;>Notizia 3</a></li> </ul> </object> </object>
  122. 122. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>Compiti del valutatore </li></ul><ul><li>verificare la presenza di testi alternativi per le immagini (comprese le mappe immagine ed i pulsanti); </li></ul><ul><li>verificare la presenza di contenuti equivalenti per script ed oggetti; </li></ul><ul><li>verificare che i contenuti equivalenti di contenuti dinamici siano aggiornati con la stessa frequenza dei contenuti principali. </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  123. 123. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>Valutazione (rif. WCAG) </li></ul><ul><li>Utilizzare il W3C Markup Validator per controllare la mancanza dei testi “alt” (1.1) </li></ul><ul><li>Utilizzare la barra per l’accessibilità, menu “Immagini” (1.1): </li></ul><ul><ul><li>Elenco delle immagini utilizzate: Visualizza (in una nuova finestra) una lista delle immagini insieme al corrispondente elemento <img>. </li></ul></ul><ul><ul><li>Alterna immagini/testi alternativi: Rimpiazza tutti gli elementi <img> sulla pagina corrente con il contenuto dei corrispondenti attributi alt. Se un'immagine è priva di attributo alt, essa verrà rimpiazzata con il testo NoAlt!. </li></ul></ul><ul><ul><li>Visualizza le immagini: Visualizza un elemento <img> affianco a ciascuna immagine (insieme all'attributo alt o NoAlt! se l'immagine ne è priva) e crea un margine rosso intorno a ciascuna immagine. </li></ul></ul><ul><ul><li>Visualizza le mappe immagine: Visualizza gli elementi <map> e il contenuto delle aree sensibili. </li></ul></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  124. 124. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>Valutazione (rif. WCAG) </li></ul><ul><li>Utilizzare la barra per l’accessibilità, menu “Struttura” (1.1 e 6.2): </li></ul><ul><ul><li>Name / Title dei frame: Mostra (in una nuova finestra) una lista delle pagine contenute nei frames insieme ai rispettivi attributi “name” ed al contenuto dell'attributo “title”. </li></ul></ul><ul><ul><li>Javascript: Elenca su nuova finestra i javascript presenti nella pagina. </li></ul></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  125. 125. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 3) <ul><li>Valutazione (rif. WCAG) </li></ul><ul><li>Utilizzare la barra per l’accessibilità, menu “Informazioni Documento” (1.1): </li></ul><ul><ul><li>Elenco dei frame: Visualizza (in una nuova finestra) un elenco degli URL delle pagine inserite nei frame, con il nome dei rispettivi elementi <frame>, contenuti nella pagina corrente. </li></ul></ul><ul><ul><li>Identifica Applet / Script: visualizza l’elenco delle applet e degli script presenti all’interno della pagina. </li></ul></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  126. 126. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 4) <ul><li>Requisito numero 4 di 22 </li></ul><ul><li>Garantire che tutti gli elementi informativi e tutte le funzionalità siano disponibili anche in assenza del particolare colore utilizzato per presentarli nella pagina. </li></ul><ul><li>Riferimenti WCAG 1.0: 2.1 </li></ul><ul><li>Riferimenti Sec. 508: 1194.22 (c) </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  127. 127. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 4) <ul><li>WCAG 1.0: Punto di controllo 2.1 </li></ul><ul><li>Garantire che tutta l'informazione veicolata dal colore sia disponibile anche in assenza di colori. </li></ul>http://www. w3.org/tr/wcag10
  128. 128. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 4) <ul><li>WCAG 1.0: Punto di controllo 2.1 </li></ul><ul><li>Il colore non deve essere usato per identificare in modo univoco informazioni o funzionalità. </li></ul><ul><ul><li>Ad esempio, se si utilizzano i fogli di stile (CSS) per cambiare il colore ai collegamenti ipertestuali o rimuovendone la sottolineatura predefinita, gli utenti con le suddette problematiche potrebbero riscontrare difficoltà nella navigazione del sito. </li></ul></ul>http://www. w3.org/tr/wcag10 “ Garantire che tutta l'informazione veicolata dal colore sia disponibile anche in assenza di colori”
  129. 129. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 4) <ul><li>WCAG 1.0: Punto di controllo 2.1 </li></ul><ul><li>Sarà indispensabile rendere chiaramente identificabili le parti di testo che richiedono attenzione da parte dell’utente. </li></ul><ul><li>È necessario controllare che tutte le informazioni disponibili nel sito sono indipendenti dalla scelta dell’uso dei colori. </li></ul>http://www. w3.org/tr/wcag10 “ Garantire che tutta l'informazione veicolata dal colore sia disponibile anche in assenza di colori”
  130. 130. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 4) <ul><li>WCAG 1.0: Punto di controllo 2.1 </li></ul><ul><li>In un sito di un ente se si evidenzia con una tonalità di rosso un bando in scadenza, gli utenti con disabilità visive e utenti con tecnologie assistive potrebbero non ottenere tale importante informazione. </li></ul><ul><ul><li>In questo caso, è consigliato usare elementi di marcatura, come ad esempio <strong>. </li></ul></ul>http://www. w3.org/tr/wcag10 “ Garantire che tutta l'informazione veicolata dal colore sia disponibile anche in assenza di colori”
  131. 131. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 4) <ul><li>WCAG 1.0: Punto di controllo 2.1 </li></ul><ul><li>Per ogni informazione legata al colore (es. area attiva / menu selezionato) è necessario dare anche informazioni testuali equivalenti, usando ad esempio l’attributo title. </li></ul>http://www. w3.org/tr/wcag10 “ Garantire che tutta l'informazione veicolata dal colore sia disponibile anche in assenza di colori” <ul> <li><a href=&quot;m1.asp&quot;>Menu 1</a></li> <li><a href=&quot;m2.asp&quot; class=&quot;attivo&quot; title=&quot;(attivo)&quot;>Menu 2</a></li> <li><a href=&quot;m3.asp&quot;>Menu 3</a></li> </ul>
  132. 132. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 4) <ul><li>Compiti del valutatore </li></ul><ul><li>verificare la presenza di informazioni legate a specifici colori. </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  133. 133. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 4) <ul><li>Valutazione (rif. WCAG) </li></ul><ul><li>Utilizzare la barra per l’accessibilità, menu “CSS” (2.1): </li></ul><ul><ul><li>Attiva/Disattiva i CSS: Attiva/disattiva i fogli di stile esterni. </li></ul></ul><ul><ul><li>Disattiva i CSS inline: Rimuove l'attributo style (se presente) da tutti gli elementi della pagina. </li></ul></ul><ul><li>Utilizzare la barra per l’accessibilità, menu “Colori” (2.1): </li></ul><ul><ul><li>Scala di grigi: Visualizza il contenuto della pagina corrente in bianco e nero (livelli di grigio). </li></ul></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  134. 134. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 5) <ul><li>Requisito numero 5 di 22 </li></ul><ul><li>Evitare oggetti e scritte lampeggianti o in movimento le cui frequenze di intermittenza possano provocare disturbi da epilessia fotosensibile o disturbi della concentrazione, ovvero possano causare il malfunzionamento delle tecnologie assistive utilizzate; qualora esigenze informative richiedano comunque il loro utilizzo, avvertire l’utente del possibile rischio prima di presentarli e predisporre metodi che consentano di evitare tali elementi. </li></ul><ul><li>Riferimenti WCAG 1.0: 7.1, 7.2, 7.3 </li></ul><ul><li>Riferimenti Sec. 508: 1194.22 (j) </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  135. 135. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 5) <ul><li>WCAG 1.0: Punto di controllo 7.1 </li></ul><ul><li>Fino a quando i programmi utente non permetteranno agli utenti di controllare lo sfarfallio, evitare di far sfarfallare lo schermo. </li></ul>http://www. w3.org/tr/wcag10
  136. 136. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 5) <ul><li>WCAG 1.0: Punto di controllo 7.1 </li></ul><ul><li>Uno schermo guizzante o lampeggiante può causare delle crisi epilettiche agli utilizzatori che soffrono di epilessia fotosensitiva. </li></ul><ul><li>Un attacco epilettico può essere provocato da: </li></ul><ul><ul><li>guizzi o lampeggiamenti nella fascia di valori che va da 4 a 59 Hertz con un picco di sensibilità a 20 Hz; </li></ul></ul><ul><ul><li>passaggi veloci dall'oscurità alla luce. </li></ul></ul>http://www. w3.org/tr/wcag10 “ Fino a quando i programmi utente non permetteranno agli utenti di controllare lo sfarfallio, evitare di far sfarfallare lo schermo.”
  137. 137. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 5) <ul><li>WCAG 1.0: Punto di controllo 7.2 </li></ul><ul><li>Fino a quando i programmi utente non permetteranno agli utenti di controllare il lampeggiamento, evitare di far lampeggiare il contenuto. </li></ul>http://www. w3.org/tr/wcag10
  138. 138. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 5) <ul><li>WCAG 1.0: Punto di controllo 7.2 </li></ul><ul><li>Alcune tecnologie assistive, come ad esempio i lettori di schermo, hanno difficoltà di interazione con i testi lampeggianti. </li></ul><ul><ul><li>In alcuni casi alcuni si bloccano sul campo di testo, altri lo leggono a ripetizione e in alcuni casi addirittura il sistema va diventa instabile. </li></ul></ul><ul><ul><li>http:// ncam . wgbh . org / richmedia / examples /127. html </li></ul></ul>http://www. w3.org/tr/wcag10 “ Fino a quando i programmi utente non permetteranno agli utenti di controllare il lampeggiamento, evitare di far lampeggiare il contenuto.”
  139. 139. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 5) <ul><li>WCAG 1.0: Punto di controllo 7.2 </li></ul><ul><li>L'utilizzo dell’elemento <blink> non consente una validazione del codice secondo le raccomandazioni W3C HTML 4.0x / XHTML 1.x. </li></ul><ul><li>A livello di raccomandazioni W3C, è disponibile un attributo CSS: &quot; text-tecoration: blink &quot; (deprecato nelle techniques). </li></ul>http://www. w3.org/tr/wcag10 “ Fino a quando i programmi utente non permetteranno agli utenti di controllare il lampeggiamento, evitare di far lampeggiare il contenuto.”
  140. 140. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 5) <ul><li>WCAG 1.0: Punto di controllo 7.3 </li></ul><ul><li>Fino a quando i programmi utente non permetteranno agli utenti di bloccare il contenuto in movimento, evitare il movimento nelle pagine. </li></ul>http://www. w3.org/tr/wcag10
  141. 141. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 5) <ul><li>WCAG 1.0: Punto di controllo 7.3 </li></ul><ul><li>Come per i testi lampeggianti, anche i testi scorrevoli possono creare dei problemi alle tecnologie assistive, in particolare ai lettori dello schermo. </li></ul><ul><li>In presenza di una scritta scorrevole, un utente con disabilità visiva o cognitiva può riscontrare dei problemi di lettura di testi scorrevoli e quindi problemi di fruibilità dei contenuti. </li></ul>http://www. w3.org/tr/wcag10 “ Fino a quando i programmi utente non permetteranno agli utenti di bloccare il contenuto in movimento, evitare il movimento nelle pagine.”
  142. 142. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 5) <ul><li>WCAG 1.0: Punto di controllo 7.3 </li></ul><ul><li>Per la stessa motivazione è necessario utilizzare con parsimonia le GIF animate ed animazioni in generale (filmati flash, ecc.) </li></ul><ul><li>Un uso gratuito di animazioni oltre a distrarre i visitatori del sito in alcuni casi (vedi punto di controllo 7.1) possono causare problemi di epilessia fotosensitiva. </li></ul>http://www. w3.org/tr/wcag10 “ Fino a quando i programmi utente non permetteranno agli utenti di bloccare il contenuto in movimento, evitare il movimento nelle pagine.”
  143. 143. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 5) <ul><li>WCAG 1.0: Punto di controllo 7.3 </li></ul><ul><li>Spesso l'effetto di movimento dei testi viene generato da script o applet: </li></ul><ul><ul><li>È necessario fornire un meccanismo all'interno di uno script o applet per permettere agli utenti di bloccare il movimento o gli aggiornamenti. </li></ul></ul>http://www. w3.org/tr/wcag10 “ Fino a quando i programmi utente non permetteranno agli utenti di bloccare il contenuto in movimento, evitare il movimento nelle pagine.”
  144. 144. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 5) <ul><li>Compiti del valutatore </li></ul><ul><li>verificare la presenza di scritte animate o lampeggianti. </li></ul><ul><li>verificare la presenza immagini animate (gif) misurandone la frequenza. </li></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  145. 145. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 5) <ul><li>Valutazione (rif. WCAG) </li></ul><ul><li>Utilizzare la barra per l’accessibilità, menu “Immagini” </li></ul><ul><ul><li>GIF Flicker Test. Analizza le immagini .gif presenti nella pagina generando un report di conformità al requisito (7.1). </li></ul></ul><ul><li>Struttura </li></ul><ul><ul><li>Visualizza altri elementi. Attiva una micro applicazione in Javascript che identifica le istanze sulla pagina corrente dell'elemento inserito, come ad esempio <blink> (7.2) e <marquee> (7.3). </li></ul></ul>http://www. pubbliaccesso.it/ normative/ DM080705-A.htm
  146. 146. Requisiti tecnici L. 04/2004: I requisiti: INTERNET (requisito 5) <ul><li>Valutazione (rif. WCAG) </li></ul><ul><li>Utilizzare la barra per l’accessibilità, menu “Informazioni documento” </li></ul><ul><ul><li>Informazioni metadata. Visualizza (in una nuova finestra) l'elenco di tutti gli e

×