Home

Anno Accademico 2005-2006 Facoltà di Scienze della

1. iii 79 3 1 6 Requisito Numero 06 ie 81 3 1 7 Requisito Numero 07 e 85 3 1 8 Requisito Numero 08 i 86 3 1 9 Requisito Numero 09 i 87 3 1 10 Requisito Numero 10 iniiis 88 3 1 11 Requisito Numeto 1T i ziicn lara 89 3 1 12 Requisito Numero 12 92 3 1 13 Requisito Numero 13 95 3 1 14 Requisito Numero 14 98 3 1 15 Requisito Numero 15 i 100 3 1 16 Requisito Numero 16 iii 103 3 1 17 Requisito Numero 17 ui 105 4 3 1 18 Requisito Numero 18 ii 106 3 1 19 Requisito Numero 19 i 108 3 1 20 Requisito Numero 20 ie 111 3 1 21 Requisito Numero 21 ii 112 3 1 22 Requisito Numero 22 ii 114 CAPITOLO 4a ina lai 117 4 TY Test effettuati cr hill eine lai 117 4 2 Elaborazione dei test in 147 CAPITOLO 5 rain alal na rca a 161 5 1 Studio dell interfaccia 161 b 2 lt PAMO prototipo iaia alati lira 164 5 3 Interfaccia definitiva 169 CAPITOLO 6 it cileni reali 177 6 1 Elaborazione delle linee guida per l utente 177 CONCLUSION E ini ira ana asino air dieta sana
2. vic del progetta T SE1 varato dal Comure finanziamento del CNIPA di 203 mila 1 li rre Lu lie dettu i Delassarto LE PUBBLICAZIONI DEL CHIPA Comunicato Stampa 9 12 32 2004 o Portale Imprese movi servizi on line La scrivania cene del Hortele Nazionale delle Imprese si arricchite di nuovi servizi E d spen bile Ln servizio che consente di compilare on line ed inoltrare per via telematica le denunce di Infortunio all INAIL e E operazione competata Figura 1 La prima versione di LUA Toolbar durante la normale navigazione 164 Capitolo 5 Nella Figura 1 il mouse puntato sul requisito numero 18 e di conseguenza il bottone corrispondente risulta evidenziato il numero non pi nero ma rosso e il bottone stesso appare schiacciato rispetto agli altri in questo modo si cerca di dare all utente un feedback immediato Z CNIPA Centio Nazionale per Informatica nella Puhblica Amministrazione Microsoft Internet Faplorer Fic Modifica Visuolieza Proforiti Strumenti EJ Qus h A Pr O m ardenz E nttpistanma enie cov ifsiteft T _ a a ih n nn al amp 1 2 3 4 5 6 7 8 9 10 14 12 13 14 15 16 17 18 19 20 21 22 LUA Toolbar Strumenti per l Accessibilit JE cesen ny x VERIFICA REQUISITO NUMERO RISULTATO IToobar 18 Strumenti per l Accessibilit Individuazione MEI Completo elementi multimediali NON CONFORME confor
3. che definisce le mappe immagine lato server e dichiararlo accettabile solo se le regioni della mappa non possono essere definite tramite forme geometriche Questo per impossibile da fare in modo automatico Allora si pu solo controllare che non ci siano attributi ismap e che vengano usati al loro posti gli attributi usemap che indicano le mappe immagine lato client REQUISITO NUMERO 08 In questo caso il controllo molto difficile e di tipo manuale Si deve garantire che esistano alternative equivalenti ai link presenti nelle mappe immagine lato server ma non esiste un modo automatico per farlo Sarebbe necessario andare a controllare i link sul server che contiene il programma che gestisce la mappa immagine e confrontarli con quelli presenti nella pagina che si sta analizzando 152 Capitolo 4 REQUISITO NUMERO 09 Si tratta di uno dei due requisiti riguardanti le tabelle pi precisamente quelle di dati Il controllo in questo caso semplice va verificata la presenza all interno di ogni elemento table dell elemento th ovvero table header cio l intestazione della tabella Questo test se il requisito viene seguito attentamente pu essere anche preso come riferimento per distinguere le tabelle di dati quelle in cui presente l elemento th da quelle di layout prive di tale elemento REQUISITO NUMERO 10 Questo l altro requisito riguardo le tabelle di dati In que
4. del contenuto cio il contrario dell obiettivo a cui punta l accessibilit Da oltre un secolo con l avvento della fotografia del cinema e in seguito della televisione e appunto di Internet la cultura dell immagine divenuta essenziale tant che su questa si costruiscono oggi tutte le strategie di vendita quelle della creazione del consenso politico e della comunicazione di massa Poich inoltre non vi una specifica educazione a leggere le immagini nel nostro Paese in particolare evidente quanto tale cultura possa offrire terreno fertile a tutti coloro che utilizzano le immagini anche per farne strumento di condizionamento e di omologazione collettiva In Rete dunque chi ha disabilit pu crescere culturalmente stabilire contatti fare ricerche giocare compiere e proporre acquisti purch gli si assicuri una corretta e piena accessibilit In Rete si possono avere e dare testimonianze che gli ideali di libert di pensiero e di espressione di democrazia partecipata di autentica solidariet di giustizia sociale di impegno personale e collettivo non sono utopie ma enunciazioni cariche di contenuti che si possono attuare nella realt di tutti i giorni Come se non bastasse il processo di informatizzazione degli uffici pubblici ha determinato nei fatti il sorgere di due ordini di problematiche l una connessa al fatto che sempre pi spesso i dipendenti pubblici disabili devono utilizzare 24 Capitolo
5. input ha un attributo id che coincide con l attributo for label e o l elemento input ha un dell elemento attributo title e o l elemento input contenuto nell elemento label Tutti i file 14 Elemento input dovrebbero avere Alta Controllare tutti gli elementi input che hanno file 135 Test effettuati un etichetta associata come valore dell attributo type Ci si aspetta che l elemento in questione label associato esplicitamente in abbia un elemento almeno uno dei seguenti metodi l elemento input id che coincide con l attributo for label e o l elemento input ha un ha un attributo dell elemento attributo title e o l elemento input contenuto nell elemento label Gli elementi 15 Elemento embed noembed Bassa Controllare l elemento dovrebbero noembed associato a ogni avere testo elemento embed e equivalente ai verificare che il contenuto rispettivi sia equivalente Ci si aspetta oggetti che il contenuto incorporati dell elemento noembed sia equivalente al rispettivo elemento embed Gli oggetti 15 Elemento object dovrebbero Bassa Controllare ogni elemento avere object e verificare che un alternativa contenga un elemento img 136 Capitolo 4 testuale o un
6. onmouseout e verificare tramite che contenga anche un tastiera attributo onblur Ci si l attributo aspetta che i due elementi onmouseout siano presenti necessita contemporaneamente anche l attributo onblur Gli elementi 17 Tutti gli elementi dovrebbero Alta Controllare ogni elemento essere che contenga un attributo accessibili onmouseover e verificare tramite che contenga anche un tastiera attributo onfocus Ci si l attributo aspetta che i due elementi onmouseove siano presenti r necessita contemporaneamente anche l attributo onfocus Gli elementi 17 Tutti gli elementi dovrebbero essere accessibili Alta Controllare ogni elemento che contenga un attributo onmouseup e verificare 141 Test effettuati tramite che contenga anche un tastiera attributo onkeyup Ci si l attributo aspetta che i due elementi onmouseup siano presenti necessita contemporaneamente anche l attributo onkeyup Gli elementi 17 Tutti gli elementi dovrebbero Bassa Controllare ogni elemento e essere verificare che non sia accessibili presente l attributo tramite ondbclick Ci si aspetta tastiera che questo attributo non l attributo venga utilizzato ondbclick non dovrebbe essere usato Gli elementi 17 Tutti gli elementi dovrebbero Bassa Controllare ogni elemento e essere verificare che non sia accessibili
7. text e dell attributo bgcolor Ci si aspetta che il valore la differenza di colori sia superiore a 124 e che la differenza della luminosit dei colori sia superiore a 3 L algoritmo questo Max Rossol Rosso2 Min Rosso1 Rosso2 Max Verdel Verde2 Min Verdel Verde2 Max Blu1 Blu2 Min Blul Blu2 3 L algoritmo questo Rosso X 299 Verde X 587 Blu X 114 1000 128 Capitolo 4 499 La mappe 07 Elemento img Controllare immagine lato Bassa ogni elemento img che server non abbia un attributo ismap e dovrebbero verificare che le regioni della essere usate mappa possano essere tranne definite tramite forme quando le geometriche Ci si aspetta regioni della che le mappe immagine lato mappa non server vengano usate solo possano quando non possono essere essere definite usate quelle lato client tramite forme geometriche Tutte le aree 08 Elemento img Controllare attive nelle Bassa ogni elemento img che mappe abbia un attributo ismap e immagine lato verificare che esista un link server testuale equivalente per ogni dovrebbero area attiva della mappa avere Ci si aspetta che ogni area duplicati attiva in una mappa testuali dei immagine lato server abbia link un duplicato testuale del link Le tabelle di 09 Elemento table dati dovrebbero avere Bassa Controllare ogni elemento table
8. Adeguatezza etichette non presente Manuale 99 Controllo incrociato requisito tool 3 1 15 Requisito Numero 15 Garantire che le pagine siano utilizzabili quando script applet o altri oggetti di programmazione sono disabilitati oppure non supportati ove ci non sia possibile fornire una spiegazione testuale della funzionalit svolta e garantire una alternativa testuale equivalente in modo analogo a quanto indicato nel requisito n 3 ANALISI E TEST Questo requisito fondamentale da quando le pagine Web non sono pi composte solo da codice HTML ma anche da script applet e oggetti che ne migliorano l espressivit Bisogna tenere in considerazione che non tutti hanno la possibilit di sfruttare queste novit ad esempio proprio i disabili dato che soltanto alcuni screen reader di nuova generazione sono in grado di rilevarle Ma questo accade anche nel caso di un navigatore normodotato che utilizzi un browser di vecchia generazione Le versioni pi recenti dei software di sintesi vocale leggono scritte in movimento ottenute con javascript e leggono eventuali scritte contenute negli applet Gli elementi grafici invece sono immagini e come tali in effetti non sono riconoscibili se non si inseriscono le relative didascalie In ogni caso la pagina deve essere fruibile anche quando questi oggetti sono disabilitati In generale bisognerebbe ricorrere a questi espedienti il meno possibile ma se proprio non se
9. Esame della pagina con diversi browser grafici in differenti versioni e in diversi sistemi operativi per verificare che a b contenuto e funzionalit presenti in una pagina siano gli stessi nei vari browser la presentazione della pagina sia simile in tutti i browser che supportano le tecnologie indicate al requisito 1 disattivando il caricamento delle immagini contenuto e funzionalit della pagina siano ancora fruibili disattivando il suono i contenuti di eventuali file audio siano fruibili in altra forma utilizzando i controlli disponibili nei browser per definire la grandezza dei font i contenuti della pagina siano ancora fruibili la pagina sia navigabile in modo comprensibile con il solo uso della tastiera i contenuti e le funzionalit della pagina siano ancora fruibili anche in modo equivalente quando si disabilitano fogli di stile script e applet ed oggetti Garantire che le differenze di luminosit e di colore tra il testo e lo sfondo siano sufficienti secondo i seguenti algoritmi suggeriti dal W3C Differenza di luminosit Calcolare la luminosit dei colori di testo e di sfondo con la seguente formula Rosso X 299 Verde X 587 Blu X 114 1000 40 Capitolo 2 in cui Rosso Verde e Blu sono i valori decimali dei colori consigliato un valore della differenza tra le due luminosit maggiore di 125 Differenza di colore Max Rosso1 Rosso2 Min Rosso1 Rosso2
10. Max Verde1 Verde2 Min Verde1 Verde2 Max Blu 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 indicati consigliato un valore della differenza di colore maggiore di 500 Per la valutazione di questo punto esistono programmi che aiutano a verificare la rispondenza dei colori scelti all algoritmo indicato 6 Esaminare la pagina con un browser testuale e verificare che a contenuti e funzionalit siano disponibili anche in modo equivalente cos come avviene nei browser grafici b i contenuti della pagina mantengano il proprio significato d insieme e la corretta struttura semantica 28 Tutti questi passi vanno compiuti sempre tenendo in considerazione i criteri di accessibilit individuati dal 28 Paragrafo 2 2 dello studio a cura dei gruppi di lavoro I Metodologia e II Regole tecniche della Segreteria tecnico scientifica della Commissione interministeriale permanente per l impiego delle ICT a favore delle categorie deboli o svantaggiate 41 I criteri della legge Stanca medesimo studio e riportati poi nel decreto del Ministro per l Innovazione e le Tecnologie dell 8 luglio 2005 recante i requisiti tecnici e i diversi livelli per l accessibilit agli strumenti informatici A questo punto arrivato il momento di svelare tali requisiti Nella tabella di seguito insieme agli enunciati e a
11. Requisito n 14 Enunciato Nei moduli form associare in maniera esplicita le etichette ai rispettivi controlli posizionandole in modo che sia agevolata la compilazione dei campi da parte di chi utilizza le tecnologie assistive Riferimenti WCAG 1 0 10 2 12 4 Riferimenti Sec 508 1194 22 n Requisito n 15 299 DM 8 Luglio 2005 Enunciato Garantire che le pagine siano utilizzabili quando script applet o altri oggetti di programmazione sono disabilitati oppure non supportati ove ci non sia possibile fornire una spiegazione testuale della funzionalit svolta e garantire una alternativa testuale equivalente in modo analogo a quanto indicato nel requisito n 3 Riferimenti WCAG 1 0 6 3 Riferimenti Sec 508 1194 22 1 1194 22 m Requisito n 16 Enunciato Garantire che i gestori di eventi che attivano script applet o altri oggetti di programmazione o che possiedono una propria specifica interfaccia siano indipendenti da uno specifico dispositivo di input Riferimenti WCAG 1 0 6 4 9 2 9 3 Riferimenti Sec 508 1194 22 1 1194 22 m Requisito n 17 Enunciato Garantire che le funzionalit e le informazioni veicolate per mezzo di oggetti di programmazione oggetti che utilizzano tecnologie non definite da grammatiche formali pubblicate script e applet siano direttamente accessibili Riferimenti WCAG 1 0 8 1 Riferimenti Sec 508 1194 22 1 1194 22 m Requisito n 18 Enunciato Nel caso in cui un
12. content il cui valore sia un qualunque numero Ci si aspetta che elemento meta non contenga contemporaneamente i due attributi con questi valori I re 20 Elemento meta indirizzament Alta Controllare ogni elemento i automatici non dovrebbero essere usati che attributo http equiv il cui meta contiene un valore sia refresh e verificare che l elemento non contenga anche un attributo content il cui valore 145 Test effettuati cominci per http Ci si aspetta che elemento meta non contenga contemporaneamente i due attributi con questi valori Tabella 4 Test effettuati per ogni requisito 146 Capitolo 4 4 2 Elaborazione dei test Ora il caso di dare qualche informazione in pi su come sono stati elaborati i test riportati nella tabella 4 nel paragrafo precedente REQUISITO NUMERO 01 Abbiamo individuato 3 tipologie di test riguardo questo requisito cio uno sulla validit del codice uno sulla presenza della DTD di tipo strict e uno volto ad accertare che le pagine non si aprano in nuove finestre del browser Riguardo il primo test i tool in commercio funzionano benissimo quindi abbiamo ritenuto opportuno affidarci a uno di questi per controllare che il codice sia grammaticalmente corretto e che rispetti la sintassi del linguaggio usato Come detto in questo caso il validatore del W3C non teme rivali
13. semplice per realizzare immagini lampeggianti l uso del G I F 8 In questo formato si possono creare le cosiddette gif animate le quali possono essere di vario genere a volte si tratta di una stessa immagine ripetuta in posizioni diverse altre volte di immagini diverse che si alternano in una sequenza preordinata la tecnica di montaggio delle immagini che confluiscono in una gif animata simile a quella utilizzata per realizzare cartoni animati Tuttavia bisogna dire che vi sono anche altri modi di ottenere questo tipo di effetto come ad esempio attraverso script e applet 3 Grafic Interchange Format si tratta di un particolare formato di compressione il cui algoritmo di propriet di Compuserve 79 Controllo incrociato requisito tool A Checker in grado di TOOL UTILI E VOTI FORA NG Wali s individuare immagini script Barra dell Accessibilit 2 e applet lampeggianti Flicker Rate Test 4 La barra dell accessibilit WebXact 2 in questo caso serve solo con le immagini gif WebXact ricalca la funzione della barra dell accessibilit quindi serve solo per le gif Flicker Rate Test scandaglia un sito alla ricerca di immagini lampeggianti ed in grado di rilevare automaticamente se la frequenza di intermittenza rientra nell intervallo critico e quindi se fastidiosa per l occhio umano I MIGLIORI Individuazione oggetti lampeggianti Flicker Rate Test Auto 80 Capitolo 3 3 1
14. stabilita in 0 5 em e questo requisito controllabile in modo automatico tramite Hera 1 Visualizzare i link tramite EvalAccess e verificare che si possa navigare efficacemente attraverso di essi almeno tramite il tasto tab della tastiera o tramite una tecnologia in emulazione di tastiera REQUISITO NUMERO 22 Individuazione pagina equivalente Cynthia Says Semi Auto Posizione link alla pagina equivalente non presente Manuale 200 Capitolo 6 Una scappatoia concessa a tutti quei siti gi esistenti prima dell entrata in vigore della legge n 4 del 9 Gennaio 2004 e che quindi prima non dovevano sottostare ai requisiti qui elencati A questi siti viene richiesto per tutti i casi in cui le pagine siano inaccessibili e quindi non rispettino i requisiti della legge Stanca di fornire un link ad una pagina equivalente aggiornata frequentemente ma che invece sia accessibile Cynthia Says permette di individuare questi link ma non sempre infallibile quindi conviene comunque ricontrollare il risultato manualmente Oltre a questo bisogna verificare che la posizione di questo link sia ben visibile fin da subito e non vi alcun tool che possa farlo in modo automatico 1 Individuare il link alla pagina alternativa accessibile con Cynthia Says e verificare che il risultato ottenuto sia effettivamente la pagina alternativa altrimenti cercare all interno della pagina originale un altro link equivalente 2
15. 264 Appendice C Requisito n 6 Enunciato Deve essere presente almeno una porta di comunicazione conforme agli standard industriali Riferimenti Sec 508 1194 26 d Requisito n 7 Enunciato Qualora venga utilizzata una forma di identificazione biometrica deve essere fornita una forma alternativa di identificazione Riferimenti Sec 508 1194 26 c ALLEGATO D Requisiti tecnici di accessibilit per l ambiente operativo le applicazioni e i prodotti a scaffale Per ciascun requisito viene indicato il numero d ordine l enunciato il riferimento agli standard definiti nella Section 508 del Rehabilitation Act Requisito n 1 Enunciato Le funzioni previste dall interfaccia utente devono poter essere attivate anche attraverso comandi da tastiera nei casi in cui possa essere fornita una descrizione della funzione stessa o del risultato della sua esecuzione Section 508 1194 21 a Requisito n 2 265 DM 8 Luglio 2005 Enunciato Comandi e funzionalit dell interfaccia utente non devono limitare o disabilitare le caratteristiche e le funzionalit di accessibilit dell ambiente operativo documentate e rese disponibili dal produttore dell ambiente stesso Section 508 1194 21 b Requisito n 3 Enunciato L applicazione deve rendere disponibili sufficienti informazioni quali gli elementi identificativi le operazioni possibili e lo stato sugli oggetti contenuti nell interfaccia utente affinch le tecnologie a
16. Se la tabella di layout questo test passato 129 Test effettuati intestazioni di tabella Se la tabella di dati verificare che contenga una riga o una colonna di elementi th Ci si aspetta che le tabelle di dati abbiano elementi th Usare gli 10 Elemento table elementi Bassa Controllare ogni elemento colgroup e table e verificare che gli col per elementi colgroup e col associare le siano usati in modo colonne della adeguato per associare le tabella colonne della tabella Ci si aspetta che questi elementi siano usati in modo adeguato Usare gli 10 Elemento table elementi Bassa Controllare ogni elemento thead per table e verificare che gli associare le elementi thead tfoot e intestazioni tbody siano usati in modo tfoot per i adeguato per associare le piedi delle righe della tabella Ci si tabelle aspetta che questi elementi tbody per siano usati in modo altri gruppi di adeguato righe I contenuti 11 Elemento script dovrebbero Media Rimuovere ogni elemento 130 Capitolo 4 essere fruibili anche quando i fogli di stile script e verificare che il contenuto sia ancora fruibile Ci si aspetta che il sono contenuto sia fruibile anche disattivati disattivando lo script Il layout 12 Tutti gli elementi dovrebbe Media Controllare gli attributi
17. e altri sono milioni soprattutto tra gli ultraquarantenni La maggior parte delle persone affette da problemi della vista legati all invecchiamento pu incontrare La miopia una ametropia o condizione refrattiva in cui i raggi provenienti non si focalizzano correttamente sulla retina ma prima http it wikipedi a org wiki Miopia 23 L astigmatismo un ametropia o errore refrattivo in cui vi una differente refrazione oculare lungo i diversi meridiani esempio 180 e 90 caratterizzato da un profilo cornea in cui un meridiano ha un potere maggiore rispetto al suo ortogonale Otticamente l astigmatismo causa due differenti linee di focalizzazione sulla retina le quali inducono una visione sfuocata a tutte le distanze http it wikipedia org wiki Astigmatismo 2 L ipermetropia un ametropia o condizione refrattiva nella quale i raggi provenienti dall infinito focalizzano dopo la retina http it wikipedia org wiki Ipermetropia 25 La cataratta un processo di progressiva opacificazione del cristallino legato a fenomeni di ossidazione delle proteine costituenti il suo tessuto normalmente trasparente 28 Capitolo 1 problemi insormontabili nel leggere pagine scritte in caratteri minuscoli il cui uso purtroppo va terribilmente di moda ed essere costretta perci ad abbandonare siti che altrimenti avrebbe utilizzato Persone anziane e o dotate di scarsa o nulla preparazione informatica una vastissima categoria
18. essere liquido width e height e verificare che i loro valori siano relativi e non assoluti Le tabelle di 13 Elemento table layout Alta Controllare l attributo dovrebbero summary di ogni avere elemento table di layout e l attributo verificare che il suo valore summary sia nullo o una stringa di con valore spazi bianchi Ci si aspetta nullo che le tabelle di layout abbiano un attributo summary vuoto Le tabelle di 13 Elemento table layout non Alta Controllare ogni elemento dovrebbero table di layout e verificare avere una che non contenga un didascalia elemento caption Ci si aspetta che le tabelle di layout non abbiano didascalie 131 Test effettuati Le tabelle di 13 Elemento table layout non Bassa Controllare ogni elemento dovrebbero table Se la tabella di dati contenere questo test passato Se la elementi th tabella di layout verificare che non contenga una riga o una colonna di elementi th Ci si aspetta che le tabelle di layout non contengano elementi th Le tabelle 13 Elemento table dovrebbero Bassa Controllare ogni elemento poter essere table di layout senza linearizzate elemento th e verificare che le informazioni al suo interno abbiano senso se lette in modo lineare partendo dall angolo in alto a sinistra Ci si aspetta che le tabelle poss
19. la diffusione a livello mondiale dell uso di strumenti informatici da parte di utenti non esperti l usabilit ha trovato un campo di applicazione privilegiato nell analisi 34 Capitolo 1 dell interazione tra l utilizzatore umano e le interfacce software Con l esplosione del fenomeno Internet realizzatasi a partire dagli anni 90 i metodi dell usabilit sono stati applicati con successo alle interfacce utente rappresentate dai siti Web L usabilit al contrario dell accessibilit non quasi mai una questione di codice e di compatibilit Suo obiettivo che il sito risponda alle esigenze dell utente Non necessariamente di tutti gli utenti ma di quelli per i quali il sito stato pensato A meno di non credere che ogni servizio e contenuto presente in Internet sia per tutti e soprattutto per tutti allo stesso modo indipendentemente dalle differenti esigenze motivazioni e caratteristiche individuali Il problema dell accessibilit pu essere uno di quelli che chi fa usabilit si pu trovare a dover affrontare ma non necessariamente dipende dalla natura del progetto L usabilit tende a suggerire per mezzo di opportuni test e di raccomandazioni pratiche nate dall esperienza complessiva accumulata negli anni le tecniche per migliorare l esperienza dell utente user experience in un determinato contesto d uso Oltre a queste differenze curiosamente l usabilit offre per strumenti e metodi che poss
20. lato client fornire collegamenti di testo ridondanti per ogni zona attiva di una immagine sensibile sul lato client Priorit 3 Linea guida 2 Non fare affidamento sul solo colore Assicurarsi che il testo e la parte grafica siano comprensibili se consultati senza il colore Se viene usato il solo colore per veicolare informazione le persone che non possono distinguere fra alcuni colori e utenti che hanno monitor in B amp N o non visuali non riceveranno l informazione Quando i colori dello sfondo e degli oggetti in primo piano sono troppo simili per tonalit potrebbero dare un contrasto non sufficiente se consultati usando un monitor monocromatico o da persone con varie disabilit percettive sul colore Punti di controllo 2 1 Assicurarsi che tutta l informazione veicolata dal colore sia disponibile anche senza per esempio grazie al contesto o ai marcatori Priorit 1 2 2 Assicurarsi che le combinazioni fra colori dello sfondo e del primo piano forniscano un sufficiente contrasto se visti da 285 Le WCAG del WAI qualcuno con deficit percettivi sul colore o se visti su uno schermo in bianco e nero Priorit 2 per le immagini Priorit 3 per il testo Linea guida 3 Usare marcatori e fogli di stile e farlo in modo appropriato Marcare i documenti con i corretti elementi strutturali Controllare la presentazione con fogli di stile piuttosto che con elementi e attributi di presentazione Usare i marcatori in modo imp
21. lettura che spesso accompagnano le disabilit cognitive di apprendimento e la sordit Il braille essenziale per i sordo ciechi e per tutte quelle persone la cui unica disabilit sensitiva la cecit Il testo mostrato visivamente va a beneficio sia degli utenti sordi sia della maggioranza degli utenti WEB Anche fornire equivalenti non testuali come immagini video e audio pre registrati del testo scritto di beneficio per alcuni utenti specialmente per gli illetterati o per le persone che hanno difficolt di lettura Nei film o nelle presentazioni visive l azione visiva come il linguaggio del corpo o altri espedienti visivi potrebbe non essere accompagnata da una informazione audio sufficiente a trasmettere la stessa informazione A meno che non venga fornita una descrizione verbale di questo contenuto visivo le persone che non possono vedere o guardare il contenuto visivo non saranno in grado di percepirlo Punti di controllo 283 Le WCAG del WAI 1 1 Fornire un equivalente testuale per ogni elemento non di testo per esempio mediante alt longdesc o contenuto nell elemento stesso Questo comprende immagini rappresentazioni grafiche di testo compresi i simboli zone di immagini sensibili animazioni ad es GIF animate applets e oggetti programmati arte ASCII frame script immagini usate come richiamo per elenchi spaziatori bottoni grafici suoni azionati con o senza l intervento dell utente file d
22. piuttosto ampio e va da una modesta paralisi su un arto all incapacit di controllare i propri movimenti a causa di spasmi nervosi sino nel peggiore dei casi ad una mobilit residua quasi nulla che permette di interagire col computer solo mediante l invio di un comando d assenso come il battito dell occhio o il soffio in una cannuccia per la selezione dell azione proposta dal computer con una lista di possibilit In tutti questi casi la difficolt di accesso si presenta per ci che riguarda i dispositivi d ingresso dei comandi da parte dell utente La tecnologia ha gi dato delle risposte altamente significative anche in questo campo mettendo a punto dei dispositivi come tastiere di dimensioni maggiorate e con accorgimenti per evitare pressioni accidentali di tasti emulatori di mouse particolari per sfruttare al meglio le capacit residue dell utente colpito da questo tipo di menomazione Per coloro che possono interagire con la 22 Capitolo 1 macchina solo mediante comandi di tipo s no sono state sviluppate soluzioni software di emulazione di tastiera mediante presentazione di matrici di caratteri sullo schermo Una scansione automatica regolabile in velocit provvede a presentare in sequenza i tasti virtuali per la loro selezione algoritmi di previsione possono ridurre il campo di scelta in funzione dei caratteri gi selezionati dopo spr il carattere successivo sar sicuramente una vocale e dopo naturalm quasi s
23. presenza di particolari oggetti quali liste tabelle moduli frame agli ipovedenti i quali hanno difficolt nel leggere caratteri molto piccoli oppure utilizzano opzioni di 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 art 2 comma 2 del decreto recante i requisiti tecnici e i diversi livelli per l accessibilit agli strumenti informatici 7 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 art 2 comma 4 del decreto recante i requisiti tecnici e i diversi livelli per l accessibilit agli strumenti informatici HyperText Markup Language un linguaggio usato per descrivere i documenti ipertestuali disponibili nel Web Non un linguaggio di programmazione ma un linguaggio di markup ossia descrive il contenuto testuale e non di una pagina web it wikipedia org wiki ATML Gli ipovedenti sono persone che presentano limitazioni pi o meno gravi alla funzionalit visiva l ipovisione un alterazione dell apparato visivo umano che ha come risultato una 11 Introduzione personalizzazione dello schermo che possono stravolgere il n
24. 1 strumenti informatici e telematici per svolgere il proprio lavoro l altra connessa all utilizzo dei siti Web da parte di cittadini disabili per le esigenze della vita di ogni giorno In entrambi i casi la piena accessibilit dei siti presenta vantaggi indubbi per i soggetti disabili sia in qualit di lavoratori che di utenti della Rete L accessibilit di Internet un problema culturale che va a toccare un principio di fondo della nostra societ quello delle pari opportunit Il fine dell accessibilit garantire l accesso universale alle risorse del Web uno scopo nobile e importante Il Web infatti una straordinaria fonte di informazioni e di servizi la pi ampia e democratica che l umanit abbia mai posseduto nella sua storia Ma anche una risorsa recente e in tumultuosa e spontanea evoluzione Come tale soggetta a squilibri di vario tipo che rendono spesso difficile se non addirittura impossibile l accesso alle informazioni e ai servizi presenti in Rete da parte di numerose categorie di utenti Se la cura dell accessibilit non entrer profondamente nella cultura di sviluppatori ed editori di contenuti per il Web difficilmente avremo una vera democrazia dell informazione e dei servizi Se al contrario la cura dell accessibilit diventer un fattore costante nello sviluppo e nell aggiornamento dei siti in Rete avremo compiuto un passo decisivo verso l attuazione di quello che il motto e l obiettiv
25. 21 Enunciato Rendere selezionabili e attivabili tramite comandi da tastiere o tecnologie in emulazione di tastiera o tramite sistemi di puntamento diversi dal mouse i collegamenti presenti in una pagina per facilitare la selezione e l attivazione dei collegamenti presenti in una pagina necessario garantire che la distanza verticale di liste di link e la spaziatura orizzontale tra link consecutivi sia di almeno 0 5 em le distanze orizzontale e verticale tra i pulsanti di un modulo sia di almeno 0 5 em e che le dimensioni dei pulsanti in un modulo siano tali da rendere chiaramente leggibile l etichetta in essi contenuta Riferimenti WCAG 1 0 non presente Riferimenti Sec 508 non presente Requisito n 22 Enunciato Per le pagine di siti esistenti che non possano rispettare i suelencati requisiti pagine non accessibili in sede di prima applicazione fornire il collegamento a una pagina conforme a tali requisiti recante informazioni e funzionalit equivalenti a quelle della pagina non accessibile ed aggiornata con la stessa frequenza evitando la creazione di pagine di solo testo il collegamento alla pagina conforme deve essere proposto in modo evidente all inizio della pagina non accessibile Riferimenti WCAG 1 0 11 4 Riferimenti Sec 508 1194 22 k 258 Appendice C ALLEGATO B Metodologia e criteri di valutazione per la verifica soggettiva dell accessibilit delle applicazioni basate su tecnologie internet 1
26. 6 Requisito Numero 06 Garantire che siano sempre distinguibili il contenuto informativo foreground e lo sfondo background ricorrendo a un sufficiente contrasto nel caso del testo o a differenti livelli sonori in caso di parlato con sottofondo musicale evitare di presentare testi in forma di immagini ANALISI E TEST Il contenuto del sito deve sempre essere leggibile per questo importante utilizzare un contrasto alto tra testo e sfondo Tra primo piano e sfondo vi deve essere il massimo contrasto possibile e soprattutto questo contrasto non dovrebbe essere il risultato di una semplice differenza di tono dei colori ovvero di frequenza hue in inglese come nel caso per esempio di un verde e di un rosso ugualmente saturi ma dovrebbe essere piuttosto il risultato di una differenza di luminosit Le differenze di luminosit sono infatti percepibili anche da chi soffre di cecit ai colori sia pure con delle variazioni sensibili rispetto ai tricromati mentre le differenze di tonalit possono risultare per loro in certi casi del tutto invisibili Se si calcola il contrasto di luminosit con questa formula Rosso X 299 Verde X 587 Blu X 114 1000 necessario che il risultato sia almeno 125 per poter essere definito accettabile Il contrasto derivante da una combinazione studiata in modo appropriato consente a ipovedenti o a chi ha difficolt di riconoscimento dei colori di leggere agevolmente il contenut
27. COL e COLGROUP per raggruppare colonne e gli attributi axis scope e headers per descrivere relazioni pi complesse fra i dati 5 3 Non usare tabelle per impaginazioni a meno che la tabella non sia comprensibile se letta in modo linearizzato Altrimenti se la tabella non risulta leggibile fornire una alternativa equivalente che pu essere una versione linearizzata Priorit 2 Nota Quando gli interpreti supporteranno l impaginazione con foglio di stile non dovrebbero essere usate le tabelle per questo scopo 5 4 Se per l impaginazione viene usata una tabella non usare nessun marcatore di struttura per la formattazione della resa visiva Priorit 2 Per esempio in HTML non usare l elemento TH per determinare il contenuto di una cella intestazione non tabellare che debba essere mostrata centrata e in grassetto 5 5 Per le tabelle fornire sommari Priorit 3 Per esempio in HTML usare l attributo summary dell elemento TABLE 291 Le WCAG del WAI 5 6 Fornire abbreviazioni per le etichette di intestazione Priorit 3 Per esempio in HTML usare l attributo abbr sull elemento TH Linea guida 6 Assicurarsi che le pagine che danno spazio a nuove tecnologie si trasformino in maniera elegante Assicurarsi che le pagine siano accessibili anche quando le tecnologie pi recenti non sono supportate o sono disabilitate Sebbene gli sviluppatori siano incoraggiati a usare nuove tecnologie che risolvano problemi
28. Checker Semi Auto Il tool pi utile e efficace quando si tratta dei fogli di stile senz altro Juicy Studio che abbiamo incontrato anche nei primi due requisiti E un tool specificamente orientato ai CSS e pertanto la loro validazione non costituisce assolutamente un problema Juicy Studio la compie in modo efficiente e molto attendibile Questo strumento per non in grado di verificare quanto sia fruibile un sito che prevede l uso di un foglio di stile quando questo CSS non disponibile Si tratta di un controllo importante perch il foglio di stile pu regolare ogni elemento grafico della pagina e pertanto la visualizzazione della pagina potrebbe risultare stravolta 186 Capitolo 6 Per questo controllo ci viene in aiuto A Checker che compie una verifica che per non pu essere definita come esaustiva Come in altre occasioni allora sar necessario un ulteriore controllo manuale da parte dell utente 1 Disabilitare i fogli di stile con A Checker e verificare che la pagina cos presentata sia ancora fruibile in particolare controllare che i link siano riconoscibili che la struttura della pagina non venga deformata e che risultino ancora chiare le differenze tra titoli e testo nonch che i colori abbiano un contrasto sufficiente REQUISITO NUMERO 12 Controllo sito a diverse risoluzioni Barra dell Accessibilit Semi Auto Controllo sito con diversi browser Browser Cam Semi Auto Relativit
29. Roma add 1 marzo 2005 230 Appendice B CIAMPI Berlusconi Presidente del Consiglio dei Ministri Stanca Ministro per l innovazione e le tecnologie Prestigiacomo Ministro per le pari opportunit Visto il Guardasigilli Castelli Registrato alla Corte dei conti il 15 aprile 2005 Registro n 4 Ministeri istituzionali foglio n 319 231 Appendice C APPENDICE C DM 8 Luglio 2005 Decreto Ministeriale 8 luglio 2005 Requisiti tecnici e i diversi livelli per l accessibilit agli strumenti informatici Pubblicato sulla Gazzetta Ufficiale n 183 dell 8 agosto 2005 IL MINISTRO PER L INNOVAZIONE E LE TECNOLOGIE Vista la legge 9 gennaio 2004 n 4 recante disposizioni per favorire l accesso dei soggetti disabili agli strumenti informatici ed in particolare l art 11 Visto il decreto del Presidente della Repubblica 1 marzo 2005 n 75 recante regolamento d attuazione della legge 9 gennaio 2004 n 4 Visto il decreto del Presidente del Consiglio dei Ministri del 6 maggio 2005 pubblicato nella Gazzetta Ufficiale n 117 dell 11 maggio 2005 recante delega di funzioni del Presidente del Consiglio dei Ministri in materia di innovazione e tecnologie al Ministro senza portafoglio dott Lucio Stanca Visto il decreto legislativo 12 febbraio 1993 n 39 recante norme in materia di sistemi informativi automatizzati delle amministrazioni pubbliche a norma dell art 2 comma 1 della legge 23 ottobre 1992 n 421 e successive m
30. agli sviluppatori fornire degli equivalenti testuali per le immagini e altri contenuti multimediali responsabilit degli interpreti ad es browser e tecnologie assistive come lettori di schermo display braille ecc presentare le informazioni all utente Gli equivalenti non testuali del testo per esempio le icone discorsi pre registrati o il filmato di una persona che traduce il testo nel linguaggio dei segni possono rendere i documenti accessibili a persone che possono avere delle difficolt ad accedere al testo scritto inclusi molti individui con disabilit cognitive e difficolt di apprendimento e sordit Gli equivalenti non testuali del testo possono anche essere utili a coloro che non leggono Una descrizione sonora un esempio di equivalente non testuale di informazione visiva Una descrizione sonora di una traccia visiva di presentazione multimediale favorisce le persone che non riescono a vedere l informazione visiva 2 Principi per una progettazione volta all accessibilit Le linee guida si basano sui due principi generali assicurare una trasformazione elegante rendere il contenuto comprensibile e navigabile 2 1 Assicurare una trasformazione elegante Seguendo queste linee guida gli sviluppatori di contenuti sono in grado di creare pagine che si trasformano con eleganza Le pagine che si trasformano con eleganza 276 Appendice D rimangono accessibili nonostante una qualsiasi delle limitazioni descrit
31. ai rispettivi controlli posizionandole in modo che sia agevolata la compilazione dei campi da parte di chi utilizza le tecnologie assistive Riferimenti WCAG 10 2 10 4 Riferimenti Section 508 1194 22 n 15 Garantire che le pagine siano utilizzabili quando script applet o altri oggetti di programmazione sono disabilitati oppure non supportati ove ci non sia possibile fornire una spiegazione testuale della funzionalit svolta e garantire una alternativa testuale equivalente in modo analogo a quanto indicato nel requisito n 3 Riferimenti WCAG 6 3 Riferimenti Section 508 1194 22 1 1194 22 m 16 Garantire che i gestori di eventi che attivano script 48 Capitolo 2 applet o altri oggetti di programmazione o che possiedono una propria specifica interfaccia siano indipendenti da uno specifico dispositivo di input Riferimenti WCAG 6 4 9 2 9 3 Riferimenti Section 508 1194 22 1 1194 22 m 17 Garantire che le funzionalit e le informazioni veicolate per mezzo di oggetti di programmazione oggetti che utilizzano tecnologie non definite da grammatiche formali pubblicate script e applet siano direttamente accessibili Riferimenti WCAG 8 1 Riferimenti Section 508 1194 22 1 1194 22 m 18 Nel caso in cui un filmato o una presentazione multimediale siano indispensabili per la completezza dell informazione fornita o del servizio erogato predisporre una alter
32. assistive 2 La formazione professionale di cui al comma 1 effettuata con tecnologie accessibili 3 Le amministrazioni di cui all articolo 3 comma 1 nell ambito delle disponibilit di bilancio predispongono corsi di aggiornamento professionale sull accessibilit Art 9 Responsabilit 1 L inosservanza delle disposizioni della presente legge comporta responsabilit dirigenziale e responsabilit disciplinare ai sensi degli articoli 21 e 55 del decreto legislativo 30 marzo 2001 n 165 ferme restando le eventuali responsabilit penali e civili previste dalle norme vigenti 214 Appendice A Art 10 Regolamento di attuazione 1 Entro novanta giorni dalla data di entrata in vigore della presente legge con regolamento emanato ai sensi dell articolo 17 comma 1 della legge 23 agosto 1988 n 400 sono definiti i criteri e i principi operativi e organizzativi generali per l accessibilit i contenuti di cui all articolo 6 comma 2 i controlli esercitabili sugli operatori privati che hanno reso nota l accessibilit dei propri siti e delle proprie applicazioni informatiche i controlli esercitabili sui soggetti di cui all articolo 3 comma 1 Il regolamento di cui al comma 1 adottato previa consultazione con le associazioni delle persone disabili maggiormente rappresentative con le associazioni di sviluppatori competenti in materia di accessibilit e di produttori di hardware e software e previ
33. bottoni sono molto chiare cliccando su report completo si accede all analisi particolareggiata effettuata sul sotto controllo in considerazione In questa schermata che non viene mostrata perch in questa prima versione non stata implementata l utente pu sapere quale tool ha effettuato il controllo e ogni singolo problema riscontrato ottenendo cos il secondo livello di profondit CNIPA Centio Nazionale per Informatica nella Puhhlica Amministrazione Microsoft Internet Fxplarer x Fic Modifica Visualeza Moforiti Strumonti 7 EJ Que O d ld Ol Oc r O e h a a rareza Binpi gone 2 Eva etenen 61 2 3 4 5 6 7 8 9 10 11 1213 14 15161710 19 20 2122 _ Vate m VERIFICA REQUISITO NUMERO RISULTATO C TA 18 NON CONFORME Strumenti per l Accessibilit Ulteriori Controlli su Presenza e posizione alternativa non conforme 1 Individuare le alternative di tipo non sonoro sotto titoli riassunti descrizioni etichette agli oggetti multimediali con A Checker e verificare oltre alla loro presenza che la loro posizione sia adeguata rispetto al contenuto che devono sostituire l alternativa s deve trovare nelle immediate vicinanze del contenuto da sostituire mi Riassunto Verifica E operazione competata nemet Figura 3 Il 3 livello di profondit di LUA Toolbar 1 versione Se ancora non si soddisfatti si pu accedere agli ulteriori controlli col bottone apposit
34. creati da tecnologie esistenti essi dovrebbero sapere come far s che le loro pagine funzionino anche con browser pi vecchi e con persone che scelgono di disabilitare alcune caratteristiche Punti di controllo 6 1 Organizzare i documenti in modo che possano essere letti senza i fogli di stile Per esempio quando un documento HTML viene reso senza i fogli di stile associati deve essere sempre possibile leggere il documento Priorit 1 Quando il contenuto sar organizzato logicamente esso verr reso secondo un ordine significativo quando i fogli di stile sono disabilitati oppure non supportati 6 2 Assicurarsi che gli equivalenti del contenuto dinamico vengano aggiornati quando il contenuto dinamico cambia Priorit 1 6 3 Assicurarsi che le pagine siano utilizzabili quando script applet o altri oggetti di programmazione sono disabilitati oppure non supportati Se questo non possibile 292 Appendice D fornire informazione equivalente in una pagina accessibile alternativa Priorit 1 Per esempio assicurarsi che i collegamenti che attivano script funzionino quando gli script sono disabilitati oppure non supportati per esempio non usare javascript come obiettivo del collegamento Se non possibile rendere la pagina utilizzabile senza script fornire un equivalente testuale con l elemento NOSCRIPT oppure usare uno script lato server al posto di uno script lato client oppure fornire una pagina accessibile a
35. dell attributo alt non sia non siano dei un semplice segnaposto segnaposto amp nbsp Ci si aspetta che il testo alternativo di tutti gli elementi img non sia un segnaposto Le immagini 03 Elemento img Controllare non decorative non dovrebbero Media ogni elemento img i cui attributi width e height siano valori degli maggiori di 25 e verificare 123 Test effettuati avere testi alternativi nulli che il valore dell attributo alt non sia Ci si aspetta che attributo alt di un immagine non decorativa non sia costituito da una stringa vuota Le immagini 03 Elemento img Controllare non Media ogni elemento img i cui decorative valori degli attributi non width e height siano dovrebbero maggiori di 25 e verificare avere testi che il valore dell attributo alternativi alt non sia composto solo composti solo da spazi bianchi Ci si da spazi aspetta che l attributo alt bianchi di un immagine non decorativa non sia costituito da una stringa di spazi bianchi Gli input non 04 Elemento input dovrebbero Bassa Controllare tutti gli elementi usare solo il input tranne quelli che colore per hanno hidden come veicolare valore dell attributo type informazione Ci si aspetta che l elemento input eviti di usare solo il colore per ve
36. di un immagine video non decorativa ne descriva adeguatamente il contenuto e la funzione se l immagine usata come link ed in questo caso il testo alternativo dovrebbe riportare anche la destinazione del link o se usata come bottone 2 Controllare specificamente che i testi alternativi di immagini non decorative non siano composti solo dal titolo dell immagine spazi bianchi o simili REQUISITO NUMERO 04 Disponibilit delle informazioni in assenza di colore Barra dell Accessibilit Semi Auto Ridondanze di informazione A Checker Manuale La Barra dell Accessibilit offre la possibilit di visualizzare il sito in scala di grigi o coi colori che sarebbero visti da utenti 180 Capitolo 6 affetti da daltonismo Per non va oltre questo Una volta visualizzato il sito compito del valutatore capire se l informazione risulta comunque fruibile Inoltre bisogna assicurarsi che ci siano ridondanze di informazione per ogni elemento il cui significato veicolato tramite il colore 1 Visualizzare il sito in scala di grigi e verificare che l informazione sia ancora fruibile ciascun elemento del sito deve poter essere facilmente distinto dagli altri e compreso a prima vista Visualizzare il sito coi colori che sarebbero visti da utenti affetti dai tipici disturbi da daltonismo protanopia deuteranopia e tritanopia e verificare che l informazione sia ancora fruibile ciascun elemento del si
37. dimensioni TAW Auto Tra i controlli da effettuare per questo requisito solo quello riguardante la relativit delle dimensioni pu essere effettuato del tutto automaticamente il tool indicato in grado di rilevare con precisione se le dimensioni degli elementi della pagina sono espresse in termini assoluti pixel centimetri o in termini relativi ossia in percentuale rispetto alle dimensioni totali dello spazio a disposizione Fornire valori relativi per le dimensioni degli oggetti fondamentale non solo per garantire la massima fruibilit su tutti i monitor dei personal computer ma anche qualora si 187 Elaborazione delle linee guida per l utente voglia che il sito sia navigabile anche tramite palmari cellulari o altri dispositivi con display di dimensioni ridotte Tuttavia il layout liquido ovvero la presentazione della pagina caratterizzata da elementi cui vengono assegnate dimensioni relative un requisito come si usa dire necessario ma non sufficiente Infatti la fruibilit del sito potrebbe comunque essere inficiata da una cattiva progettazione a monte in modo che ad esempio quando si ridimensiona una tabella il suo contenuto diventi totalmente illeggibile Proprio a questo servono gli ulteriori controlli di questo requisito volti a verificare che il sito sia navigabile a molte risoluzioni diverse e con molti browser diversi A questo scopo i tool in commercio possono solo aiutare il giudizio umano forn
38. dovrebbero essere diversi dell attributo Tale sia diverso dal valore dell attributo href Ci si aspetta che i valori dei due dal link di attributi siano diversi destinazione I testi 03 Elemento img Controllare alternativi Bassa ogni elemento img delle contenuto in un elemento immagini a e verificare che usate come l attributo alt riporti il link ancora di destinazione Ci si aspetta dovrebbero che il testo alternativo riportare la dell immagine indichi la destinazione destinazione del link del link I testi 03 Elemento input alternativi Media Controllare ogni elemento delle input che abbia al suo immagini interno img come valore usate negli dell attributo type e input non verificare che il valore dovrebbero dell attributo alt non sia essere uguali uguale a quello ai nomi delle dell attributo src Ci si immagini aspetta che i valori dei due attributi siano diversi I testi 03 Elemento input alternativi Media Controllare ogni elemento 121 Test effettuati delle input che abbia al suo immagini interno img come valore usate negli dell attributo type e input non verificare che il valore dovrebbero dell attributo alt non sia essere dei un segnaposto foto semplici immagine figura Ci si segnaposto aspetta che il valore dell attributo non sia un segnapost
39. 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 verifica delle differenze di luminosit e di colore tra il testo e lo sfondo secondo i seguenti algoritmi 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 247 DM 8 Luglio 2005 Verde e Blu sono i valori decimali dei colori il risultato deve essere non inferiore a 125 2 differenza di colore calcolo della differenza di colore con la formula Max Rosso1 Rosso2 Min Rosso1 Rosso2 Max Verdel Verde2 Min Verdel 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 e 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 3 Programmi di valutazione assistita 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 Deg
40. elemento a o del testo di almeno 30 caratteri Ci si che oggetto abbia un alternativa aspetta ogni Gli oggetti 15 Elemento embed incorporati Alta Controllare ogni elemento dovrebbero embed e verificare che essere contenga un attributo alt provvisti di Ci si aspetta che ogni testi oggetto incorporato abbia alternativi un testo alternativo I contenuti 15 Elemento script dovrebbero Bassa Disabilitare ogni elemento essere script e verificare che il accessibili contenuto sia accessibile lo quando gli stesso Ci si aspetta che si script sono possa accedere al contenuto disabilitati anche quando lo script disabilitato I testi 15 Elemento embed alternativi Alta Controllare ogni elemento degli oggetti embed e verificare che il incorporati valore dell attributo alt non non sia o una stringa di dovrebbero spazi bianchi Ci si aspetta essere vuoti che il testo alternativo di ciascun elemento embed non sia vuoto Il contenuto 15 Elemento object 137 Test effettuati dovrebbe Bassa Disattivare o rimuovere ogni essere fruibile elemento object e anche quando verificare che il contenuto gli oggetti sia fruibile ugualmente Ci si sono aspetta che il contenuto disattivati possa essere fruito anche disattivando gli oggetti Il contenuto 15 Elemento applet dovrebbe Bassa Disattivare l element
41. filmato o una presentazione multimediale siano indispensabili per la completezza dell informazione fornita o del servizio erogato predisporre 256 Appendice C una alternativa testuale equivalente sincronizzata in forma di sotto titolazione o di descrizione vocale oppure fornire un riassunto o una semplice etichetta per ciascun elemento video o multimediale tenendo conto del livello di importanza e delle difficolt di realizzazione nel caso di trasmissioni in tempo reale Riferimenti WCAG 1 0 1 3 1 4 Riferimenti Sec 508 1194 22 b Requisito n 19 Enunciato Rendere chiara la destinazione di ciascun collegamento ipertestuale link con testi significativi anche se letti indipendentemente dal proprio contesto oppure associare ai collegamenti testi alternativi che possiedano analoghe caratteristiche esplicative nonch prevedere meccanismi che consentano di evitare la lettura ripetitiva di sequenze di collegamenti comuni a pi pagine Riferimenti WCAG 1 0 13 1 13 6 Riferimenti Sec 508 1194 22 0 Requisito n 20 Enunciato Nel caso che per la fruizione del servizio erogato in una pagina previsto un intervallo di tempo predefinito entro il quale eseguire determinate azioni necessario avvisare esplicitamente l utente indicando il tempo massimo consentito e le alternative per fruire del servizio stesso Riferimenti WCAG 1 0 7 4 7 5 Riferimenti Sec 508 1194 22 p 257 DM 8 Luglio 2005 Requisito n
42. focus molto allargato che riguarda script applet e altri oggetti i controlli che si possono fare sono molti ed inoltre non bisogna dimenticare che questo requisito si appoggia anche al requisito numero 03 e pertanto ne ricalca anche le modalit di controllo che possono essere prese in prestito Per tutti questi elementi si deve verificare che contengano un attributo alt il cui valore non sia una stringa vuota e quindi sia valido Per le regole da rispettare nella costruzione dei testi alternativi valgono quelle spiegate nell analisi dei test del requisito numero 03 Alcuni particolari elementi come gli oggetti incorporati ovvero gli elementi embed dispongono di un alternativa dedicata che bisogna assolutamente fornire all utente si deve pertanto verificare che sia presente un elemento noembed per ogni elemento embed e che il contenuto di questa alternativa sia effettivamente equivalente e possa sostituire quello dell elemento embed correlato 156 Capitolo 4 La stessa regola vale per tutti gli script cui deve essere affiancato un elemento noscript equivalente REQUISITO NUMERO 16 Questo requisito si lega strettamente a quello che segue e i controlli da effettuare sono gli stessi per l uno e per l altro In sostanza qui ci si limita a oggetti che dispongano di specifiche interfacce mentre nel requisito successivo si allarga il focus a tutte le funzionalit Si deve verificare ch
43. fra virgolette in lettere minuscole 3 I collegamenti alle definizioni sono evidenziati usando i fogli di stile 4 Priorit A ciascun punto di controllo stato assegnato dal Gruppo di Lavoro un livello di priorit basato sull impatto che tale punto possiede sull accessibilit Priorit 1 Lo sviluppatore di contenuti Web deve conformarsi al presente punto di controllo In caso contrario a una o pi categorie di utenti viene precluso l accesso alle informazioni presenti nel documento La conformit a questo punto di controllo costituisce un requisito base affinch alcune categorie di utenti siano in grado di utilizzare documenti Web Priorit 2 Lo sviluppatore di contenuti Web dovrebbe conformarsi a questo punto di controllo In caso contrario per una o pi categorie di utenti risulter difficile accedere alle informazioni nel documento La conformit a questo punto consente di rimuovere barriere significative per l accesso a documenti Web Priorit 3 280 Appendice D Lo sviluppatore di contenuti Web pu tenere in considerazione questo punto di controllo In caso contrario una o pi categorie di utenti sar in qualche modo ostacolata nell accedere alle informazioni presenti nel documento La conformit a questo punto migliora l accesso ai documenti Web La priorit di alcuni punti di controllo pu variare al verificarsi di alcune condizioni che vengono precisate 5 Conformit Questa sezione de
44. funzione per capire se vengono usati frame in un sito e un altra per controllare se ad una pagina stato assegnato un titolo ma non sono combinabili Juicy Studio come gi detto controlla i fogli di stile e per lo stesso motivo del precedente requisito in questo risulta migliore della Barra dell Accessibilit che pure offre un servizio analogo Il titolo inoltre dovrebbe essere significativo ma questo un controllo che pu essere svolto solo in modo manuale I MIGLIORI Riconoscimento frame e titolo Barra dell Accessibilit Auto Fogli di stile Juicy Studio Auto Significativit titolo non presente Manuale 712 Capitolo 3 3 1 3 Requisito Numero 03 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 ANALISI E TEST Tutto ci che si percepisce tramite una pagina HTML navigando in Rete spesso pi chiaro e immediatamente comprensibile se corredato da immagini purch queste ultime non abbiano esclusivamente funzioni decorative L aspetto grafico che riguarda cio le immagini in tutti gli aspetti che esse assumono sul Web immagini fi
45. http www w3 org W AT ER existingtools html evaluation Il nodo focale della questione sta proprio qui la legge Stanca indica come requisiti obbligatori di accessibilit linee guida derivate come abbiamo detto non solo da standard internazionali ma anche da osservazioni delle necessit e degli usi prettamente nostrani Ma la stessa legge italiana al momento di segnalare gli strumenti di verifica di questi requisiti si affida ai soli tool strumenti proposti dalle organizzazioni extra nazionali Tali strumenti nascono in contesti diversi tra loro e che poco hanno a che fare col panorama italiano un panorama in cui lo ribadiamo l efficienza e l affidabilit delle verifiche tecniche posta in primo piano proprio dall esigenza di rispondere ai requisiti sull accessibilit imposti dalla legge Stanca Se prima della legge Stanca l accessibilit dei contenuti era offerta per convenzione su raccomandazione degli organismi come il W3C quasi come un servizio in pi a disposizione dell utente oggi invece i tool devono poter dimostrare incontrovertibilmente se un sito raggiunge i livelli minimi obbligatori di accessibilit o no Basti pensare al caos che potrebbe scaturire a livello giuridico se cos non fosse chi o cosa potrebbe garantire la conformit di un sito alla legge se non esistesse un modo oggettivo di valutarne l accessibilit Ricordiamo anche che la legge prevede una responsabilit disciplinare del dirigent
46. impaginazione classica riferita ai prodotti editoriali cartacei Queste tabelle possono creare alcuni seri problemi di accessibilit pagine troppo pesanti soprattutto nel caso di tabelle annidate e di uso intensivo di elementi ed attributi di presentazione contenuti che vengono visualizzati pi lentamente rispetto a pagine che non contengono tabelle o che addirittura possono mandare in blocco il computer su certi browser vecchi e bacati 95 Controllo incrociato requisito tool lunghi elenchi di link e di contenuti secondari da dover saltare o ascoltare integralmente prima di giungere ai contenuti principali della pagina se la navigazione avviene per mezzo di un sintetizzatore vocale In ogni caso preferibile non utilizzare le tabelle a scopo di impaginazione ricorrendo invece ai fogli di stile e distinguendo attraverso l adozione di tale strumento la struttura e il contenuto di una pagina Web In attesa che la crescente diffusione dell utilizzo dei fogli di stile ne faccia lo strumento privilegiato per l organizzazione delle pagine Web si possono almeno contenere testi e immagini in una tabella di impaginazione a colonna unica evitando altre soluzioni pi complesse che renderebbero le pagine non accessibili In effetti il riconoscimento di una tabella da parte degli strumenti a disposizione di un non vedente oggi assicurato da HTML 4 0 e dal progresso dei software di sintesi vocale tuttavia vi
47. la leggibilit del Web compresi quelli che hanno difficolt di apprendimento cognitive e i sordi Quando i cambiamenti di lingua e le abbreviazioni non vengono identificati possono risultare indecifrabili per la lettura da parte dei dispositivi di sintesi vocale e di quelli braille Punti di controllo 4 1 Identificare con chiarezza i cambiamenti nel linguaggio naturale del testo di un documento e in ogni equivalente testuale per es nelle didascalie Priorit 1 Per esempio in HTML usare l attributo lang In XML usare xml lang 4 2 Specificare lo scioglimento di ogni abbreviazione o acronimo nel documento laddove compare per la prima volta Priorit 3 Per esempio in HTML usare l attributo title degli elementi ABBR e ACRONYM Anche fornire lo scioglimento nel corpo stesso del documento ne aiuta la fruibilit 4 3 Identificare il linguaggio naturale principale di un documento Priorit 3 In HTML per esempio assegnare l attributo lang all elemento HTML In XML usare xml lang I gestori di server dovrebbero configurare i server per l utilizzo dei 289 Le WCAG del WAI meccanismi di negoziazione del contenuto HTTP cos che i client possano automaticamente scaricare i documenti nella lingua preferita Linea guida 5 Creare tabelle che si trasformino in maniera elegante Assicurarsi che le tabelle abbiano la marcatura necessaria per essere trasformate dai browser accessibili e da altri interpreti Le
48. la loro relazione Riferimenti WCAG 12 1 12 2 Riferimenti Section 508 1194 22 i 03 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 44 Capitolo 2 testuale deve essere commisurata alla funzione esercitata dall oggetto originale nello specifico contesto Riferimenti WCAG 1 1 6 2 Riferimenti Section 508 1194 22 a 04 Garantire che tutti gli elementi informativi e tutte le funzionalit siano disponibili anche in assenza del particolare colore utilizzato per presentarli nella pagina Riferimenti WCAG 2 1 Riferimenti Section 508 1194 22 c 05 Evitare oggetti e scritte lampeggianti o in movimento le cui frequenze di intermittenza possano provocare disturbi da epilessia fotosensibile comprese tra 2 e 55 hertz ma con particolare riguardo alle frequenze attorno ai 15 hertz o minori soprattutto con schermi a 50 hertz 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 Rif
49. meno che questo testo non dovrebbero sia decorativo o ridondante riportare tutto il testo incluso nell immagin e o venga riportato in altre parti della pagina dell attributo Ci si aspetta all interno longdesc che il contenga testo alternativo tutto il testo 119 Test effettuati presente nell immagine I testi alternativi delle immagini decorative dovrebbero essere composti da stringhe vuote 03 Bassa Elemento img Controllare ogni elemento img che faccia riferimento a un immagine decorativa che informazioni non veicola e verificare che il valore dell attributo alt sia una stringa vuota Ci si aspetta che il valore dell attributo alt di un immagine decorativa sia una stringa vuota I testi alternativi delle immagini non 03 Bassa Elemento img Controllare ogni elemento img non usato come ancora che non sia associato all elemento Md I usate come a con attributo href e ancore confrontare l immagine col dovrebbero testo alternativo Ci si essere aspetta che il testo rappresentati alternativo sia vi adeguatamente rappresentativo dell immagine I testi 03 Elemento a Controllare alternativi Alta ogni elemento img delle contenuto in un elemento immagini a e verificare che il valore 120 Capitolo 4 usate come ancora
50. n 39 recante norme in materia di sistemi informativi automatizzati delle amministrazioni pubbliche a norma dell articolo 2 comma 1 della legge 23 ottobre 1992 n 421 e successive modificazioni 219 DPR 1 Marzo 2005 n 75 Vista la preliminare deliberazione del Consiglio dei Ministri adottata nella riunione del 9 luglio 2004 Sentite le associazioni delle persone disabili maggiormente rappresentative nonch quelle di sviluppatori competenti in materia di accessibilit e di produttori di hardware e software Acquisita l intesa della Conferenza Unificata ai sensi dell articolo 8 del decreto legislativo 28 agosto 1997 n 281 espressa nella seduta del 23 settembre 2004 Udito il parere del Consiglio di Stato espresso dalla sezione consultiva per gli atti normativi nell adunanza del 25 ottobre 2004 Esperita la procedura di notifica alla Commissione europea di cui alla direttiva n 98 34 CE del Parlamento europeo e del Consiglio del 22 giugno 1998 modificata dalla direttiva n 98 48 CE del Parlamento europeo e del Consiglio del 20 luglio 1998 attuata dalla legge 21 giugno 1986 n 317 modificata dal decreto legislativo 23 novembre 2000 n 427 Acquisito il parere delle competenti Commissioni parlamentari Vista la deliberazione del Consiglio dei Ministri adottata nella riunione del 25 febbraio 2005 Sulla proposta del Ministro per l innovazione e le tecnologie di concerto con il Ministro per le pari opportunit EMA
51. nell allegato A applicando la metodologia ivi indicata 3 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 4 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 Art 3 Accessibilit per i personal computer l ambiente operativo le applicazioni e i prodotti a scaffale 1 I requisiti di accessibilit per i personal computer sono indicati nell allegato C 239 DM 8 Luglio 2005 I requisiti di accessibilit per l ambiente operativo le applicazioni ed i prodotti a scaffale sono indicati nell allegato D Il soggetto produttore o fornitore dichiara il livello di conformit del prodotto o servizio ai requisiti di cui al presente articolo Art 4 Specifiche tecniche per la sussistenza dei requisiti dei soggetti valutatori T a b Le persone giuridiche interessate alla iscrizione nel elenco dei valutatori di cui all articolo 3 comma 1 del regolamento
52. offre la possibilit di controllare se i colori scelti visti da chi affetto da disturbi da daltonismo soddisfano ancora il requisito Foreground Background Color Contrast Analyzer un tool che permette come altri di capire se il colore scelto per i testi e 83 Controllo incrociato requisito tool quello di sfondo producono un contrasto sufficientemente elevato per farlo anche in questo caso bisogna inserire manualmente i valori esadecimali dei colori scelti Juicy Studio compie questo controllo in modo efficiente ma solo per quanto riguarda i fogli di stile Non esistono invece tool che compiano verifiche sull ultima raccomandazione del requisito quella cio di non usare immagini che contengano testo o almeno di inserire tutto il testo dell immagine nell alternativa testuale I MIGLIORI Controllo contrasto A Checker Auto Controllo contrasto per daltonici Color Contrast Analyser Semi Auto Presenza immagini con testi al loro interno non presente Manuale 84 Capitolo 3 3 1 7 Requisito Numero 07 Utilizzare mappe immagine sensibili di tipo lato client piuttosto che lato server salvo il caso in cui le zone sensibili non possano essere definite con una delle forme geometriche predefinite indicate nella DTD adottata ANALISI E TEST Le mappe immagine sono immagini divise in zone in cui ogni zona un link verso una determinata pagina In quelle client side i link devono essere definiti all i
53. offre solo la possibilit di individuare le TOOL UTILI E VOTI e A Checker 1 e Barra dell Accessibilit 2 ridondanze di informazione in modo manuale tra l altro e non dispone di opzioni per verificare che le informazioni siano accessibili anche in assenza di determinati colori La barra dell accessibilit fornisce la possibilit di visualizzare il sito in scala di grigi ma si tratta di un controllo non automatico Inoltre possibile verificare come vedrebbero il sito utenti affetti da tipici disturbi da daltonismo Anche questo per un controllo manuale I MIGLIORI Disponibilit delle informazioni in assenza di colore Barra dell Accessibilit Semi Auto Ridondanze di informazione A Checker Manuale 78 Capitolo 3 3 1 5 Requisito Numero 05 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 ANALISI E TEST Scritte e immagini intermittenti alle frequenze comprese tra 2 e 55 hertz e soprattutto con schermi a 50 hertz possono causare epilessia nei soggetti predisposti quindi sono da evitare Il modo pi
54. presentano documentazione idonea a comprovare la disponibilit di risorse strumentali tali da consentire l effettuazione delle verifiche tecnica e soggettiva 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 esperto di fattori umani esperto tecnico c esperto di interazione con i soggetti disabili d gruppo di valutazione 240 Appendice C Art 5 Svolgimento delle verifiche e determinazione degli importi massimi dovuti dai soggetti privati 1 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 Nella verifica tecnica l esperto tecnico applicando la metodologia di cui all allegato A paragrafo 2 svolge le attivit previste alla lettera a del medesimo paragrafo 2 su tutte le pagine del sito 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 redige il rapporto di cui alla lettera
55. presente l attributo tramite onmousemove Ci si tastiera aspetta che questo attributo l attributo non venga utilizzato onmousemo ve non dovrebbe essere usato 142 Capitolo 4 Gli oggetti 18 Elemento object che Bassa Controllare l attributo contengono type di ogni elemento file object Se il valore multimediali video verificare che sia di tipo visivo presente una trascrizione del dovrebbero contenuto Ci si aspetta che avere una ogni oggetto che contiene trascrizione file multimediali di tipo visivo abbia una trascrizione Gli oggetti 18 Elemento object che Bassa Controllare l attributo contengono type di ogni elemento file object Se il valore multimediali video verificare che sia di tipo visivo presente un alternativa al dovrebbero contenuto o un link avere all alternativa Ci si aspetta un alternativa che ogni oggetto che contiene file multimediali di tipo visivo abbia un alternativa come didascalie o tracce auditive I file 18 Elemento a Controllare multimediali Media ogni elemento a il cui di tipo valore dell attributo href auditivo finisca per mp3 wav dovrebbero ogg ram e verificare 143 Test effettuati avere che esista un alternativa alternative testuale a questo tipo di testuali contenuto Ci si aspetta che ogni file multimedial
56. privati come corrispettivo per l attivit svolta dai valutatori sono 900 00 per le attivit di verifica tecnica di cui all Allegato A paragrafo 2 lettere a ed e 22 00 per ciascuna pagina per le attivit di verifica tecnica di cui all Allegato A paragrafo 2 lettere b c e d 8 980 00 per la verifica soggettiva di un sito L importo dovuto all Erario da parte dei soggetti privati quale rimborso delle spese amministrative sostenute dalla Presidenza del Consiglio dei Ministri per l attivit inerenti il rilascio dell autorizzazione di cui all articolo 4 comma 1 del DPR per l anno 2005 stabilito in 500 00 270 Appendice C 3 L importo dovuto all Erario dai soggetti privati in caso di riscontro effettuato ai sensi dell articolo 7 comma 2 del DPR di un livello di accessibilit inferiore a quello del logo utilizzato pari ai costi effettivi dell avvenuta ispezione determinati sulla base degli importi definiti al comma 1 maggiorati di una quota di partecipazione ai costi per l espletamento delle funzioni ispettive complessivamente svolte dal CNIPA sui soggetti privati tale quota per l anno 2005 stabilita nella misura del 75 4 Con decreto del Ministro per l innovazione e le tecnologie di natura non regolamentare gli importi di cui ai commi 1 e 2 e la percentuale di cui al comma 3 sono aggiornate entro il mese di febbraio di ciascun anno 271 Appendice D APPENDI
57. questo richiesto anche che i link siano posti a distanze che superino i 0 5 em l uno dall altro In questo modo si facilita la navigazione in quanto si rende pi semplice la selezione di un link senza il rischio di scegliere per sbaglio uno che gli accanto Bisogna quindi controllare tutti gli elementi a e verificare che non siano troppo vicini tra loro REQUISITO NUMERO 22 A tutte le pagine che non riescono a soddisfare gli altri 21 requisiti magari perch sono vecchie e difficilmente adattabili richiesto di fornire un link a una pagina equivalente e aggiornata con la stessa frequenza ma che sia accessibile Quindi necessario controllare la presenza di un elemento a all inizio del body della pagina 160 Capitolo 5 CAPITOLO 5 5 1 Studio dell interfaccia Da un punto di vista formale l interfaccia si presenta sotto forma di toolbar in quanto avere gli strumenti a disposizione mentre si usa il browser cio in una tipica situazione di navigazione sembra essere la soluzione ottimale permette di perdere il minor tempo possibile nell effettuare i controlli Se questo il vantaggio che porta una toolbar tuttavia bisogna cercare di non replicarne i difetti Si nota semplicemente infatti che usare la Barra dell Accessibilit solo un esempio risulta molto stressante per l utente che spesso dovr fare molta fatica per scegliere il controllo pi adeguato tra i tanti proposti Q
58. secondo livello di profondit quello altrimenti definito report completo La barra superiore rimane la stessa rispetto al primo livello e sar cos anche nel terzo In questa sezione viene affrontato ogni singolo sotto controllo e vengono forniti tutti i dati tecnici riguardo gli errori riscontrati Nell esempio siamo nel sotto controllo del terzo requisito riguardante la presenza delle alternative testuali e vengono riportati tutti i problemi trovati e in quali righe del codice della pagina poterli individuare Nella fascia grigia in basso presente un bottone che permette di tornare al primo livello denominato riassunto verifica 173 Interfaccia definitiva In due anni di attivit realizzazione di tutte Convegni Connetti Nell 1 Veline Da h ag gio Cie 19 a dell dibi PA modelli di gove dei servizi Sono pre Magnolfi Modulo di re SES Continua DI Regolazione a Formazione Governa e monitoraggio delle forniture ICT Organizzazione e risorse umane 06 03 2007 NON CONFORME Strumenti per l Accessiilit Report Completo su Significativit alternative non conforme 23 ll testo alternativo del immagine potrebbe essere troppo lungo a 66 1l testo alternativo dell immagine potrebbe essere troppo lungo 66 L immagine ha un testo alternativo sospetto stringa vuota 66 L immagine ha un testo alternativo sospetto solo s
59. si tratta di una tabella e che non ci si scordati dell elemento summary ma che la si vuole diversificare da una tabella di dati A questo punto si deve capire se il contenuto della tabella ha senso anche se letto in modo lineare ma questa un operazione che pu essere fatta solo da un occhio umano REQUISITO NUMERO 14 Questo requisito chiede di associare esplicitamente le etichette ai rispettivi controlli nei form ma pu essere anche generalizzato a molte altre situazioni Per esempio fondamentale che questo requisito sia rispettato nel caso dell inserimento di una password ma anche quando ci si imbatte nei comandi di una radio o in qualunque tipo di file Pertanto bisogna verificare che tanto i form quanto tutti gli altri tipi di elementi input abbiano associata esplicitamente un etichetta quindi un elemento label 155 Elaborazione dei test Questa operazione pu essere espletata in tre modi bisogna verificare che l elemento input in questione abbia un attributo id che coincida con l attributo for dell elemento label oppure che l elemento input abbia un attributo title o ancora che l elemento input sia contenuto nell elemento label Una volta ottenuta la conferma che ogni controllo ha un etichetta associata bisogna poi verificare che questa etichetta sia posta vicino al relativo controllo REQUISITO NUMERO 15 Dato che questo requisito ha un
60. tutta una serie di verifiche soggettive che poich per definizione non sono automatizzabili non sono oggetto di interesse di questo progetto L obiettivo quindi duplice da una parte fornire nuovi strumenti pi adeguati alla situazione italiana dall altra cercare di aiutare l utente nelle verifiche non automatizzabili 16 Capitolo 1 CAPITOLO 1 1 1 Disabilit e uso del Web La diffusione di Internet in larghe fasce di popolazione oggi una realt che si consolida di giorno in giorno Eppure a un numero troppo grande di persone i disabili seicento milioni in tutto il mondo precluso l utilizzo di Internet Per meglio dire l accessibilit fortemente limitata soprattutto a causa dell indifferenza o dell ignoranza del problema da parte di molti Webmaster Secondo le ultime stime in realt datate 2000 ma non ve ne sono di pi recenti solo in Italia vi sono poco meno di 3 milioni di disabili e nel Mondo pi di una persona su dieci ha una forma di disabilit sono quindi milioni i disabili che quotidianamente navigano su Internet per utilizzare come ogni altro tipo di utente i pi disparati servizi che la Rete offre Questi numeri ci fanno comprendere come ci sia bisogno di un aumento della sensibilit verso le tematiche legate all accessibilit dei siti Web In generale i disturbi che penalizzano maggiormente l utilizzo di un computer e quelli su cui si maggiormente concentrata l attenz
61. 4 dei pochi strumenti a offrire questo servizio L altro WebXact che si concentra molto su questo controllo cos come su quello precedente ed quindi pi indicato I MIGLIORI Controllo associazione tabelle WebXact Auto 88 Capitolo 3 3 1 11 Requisito Numero 11 Usare i fogli di stile per controllare la presentazione dei contenuti e organizzare le pagine in modo che possano essere lette anche quando i fogli di stile siano disabilitati o non supportati ANALISI E TEST Come gi detto in precedenza le caratteristiche di formattazione della pagina dovrebbero essere definite tramite i fogli di stile Adottando i fogli di stile gli sviluppatori di pagine HTML possono esercitare un controllo pi accurato sulle pagine ed eliminare il codice superfluo rendendo in tal modo pi leggere e navigabili le pagine ed assicurando nel contempo una piena accessibilit ai disabili Inoltre ora possibile adottare tramite i CSS anche altri linguaggi di comunicazione quali il braille Per di pi con i fogli di stile si consentono tempi di caricamento delle pagine pi rapidi a tutti gli utenti di Internet indistintamente Un utilizzo corretto degli elementi di strutturazione fa s che i browser possano garantire una migliore navigazione nel documento Un esempio di uso scorretto per esempio quello di servirsi dell elemento H1 per ottenere un testo a caratteri grandi e in grassetto mentre questo elemento deve es
62. 5 corrisponde a moltissima rispondenza dell ambiente al criterio in esame b Costituzione del gruppo di valutazione La seconda parte della valutazione prevede la costituzione del gruppo di valutazione i cui componenti disabili utilizzano le proprie tecnologie assistive fanno parte del gruppo di valutazione utenti rappresentativi dei diversi tipi di disabilit sordit ipovisione daltonismo cecit disabilit motoria agli arti superiori distrofia spastica disabilit cognitiva nonch soggetti appartenenti a diverse categorie di utenti interessate ad accedere al sito c Esecuzione dei task da parte del gruppo di valutazione L esecuzione dei task da parte dei componenti del gruppo di valutazione avviene sia in contesti usuali casa ambiente di lavoro sia in contesti appositamente costituiti ambiente di laboratorio Il gruppo di valutazione esegue una serie di prove basate sulla interazione con l ambiente Le prove vengono svolte in 260 Appendice C forma libera cio senza compiti specifici ovvero per obiettivi se eseguite secondo compiti specifici Nella esecuzione delle prove il gruppo di valutazione guidato dall esperto di fattori umani Nel corso della navigazione libera l esperto raccoglie i commenti dell utente anche verbali e le osservazioni sul suo comportamento Nella prova su compiti specifici l esperto registra il tipo di compito la quantit di tempo impiegata per svolgerlo e gli event
63. CE D Le WCAG del WAI 1 Introduzione Coloro che non hanno familiarit con i problemi di accessibilit che riguardano le pagine Web considerino che molti utenti possono operare in contesti assai differenti dal nostro 1 Possono non essere in grado di vedere ascoltare o muoversi o possono non essere in grado di trattare alcuni tipi di informazioni facilmente o del tutto Possono avere difficolt nella lettura o nella comprensione del testo Possono non avere o non essere in grado di usare una tastiera o un mouse Possono avere uno schermo solo testuale un piccolo schermo o una connessione Internet molto lenta Possono non parlare e capire fluentemente la lingua in cui il documento scritto Possono trovarsi in una situazione in cui i loro occhi orecchie o mani sono occupati o impediti ad es stanno guidando lavorano in un ambiente rumoroso ecc Possono avere la versione precedente di un browser un browser completamente diverso un browser basato su dispositivi di sintesi vocale o un diverso sistema operativo 273 Le WCAG del WAI Gli sviluppatori devono considerare queste diverse situazioni durante la progettazione Mentre ci sono diverse situazioni da considerare ogni scelta di design accessibile porta dei benefici in un colpo solo a molti gruppi di disabili e all intera comunit del Web Per esempio usando i fogli di stile per controllare le font ed eliminando l elemento FONT Gli scrittori di HTML
64. Enunciato Garantire che siano sempre distinguibili il contenuto informativo foreground e lo sfondo background ricorrendo a un sufficiente contrasto nel caso del testo o a differenti livelli sonori in caso di parlato con sottofondo musicale evitare di presentare testi in forma di immagini ove non sia possibile ricorrere agli stessi criteri di distinguibilit indicati in precedenza Riferimenti WCAG 1 0 2 2 Riferimenti Sec 508 non presente Requisito n 7 Enunciato Utilizzare mappe immagine sensibili di tipo lato client piuttosto che lato server salvo il caso in cui le zone sensibili non possano essere definite con una delle forme geometriche predefinite indicate nella DTD adottata Riferimenti WCAG 1 0 9 1 Riferimenti Sec 508 1194 22 f Requisito n 8 Enunciato In caso di utilizzo di mappe immagine lato server fornire i collegamenti di testo alternativi necessari per ottenere tutte le informazioni o i servizi raggiungibili interagendo direttamente con la mappa 253 DM 8 Luglio 2005 Riferimenti WCAG 1 0 1 2 Riferimenti Sec 508 1194 22 e Requisito n 9 Enunciato Per le tabelle dati usare gli elementi marcatori e gli attributi previsti dalla DTD adottata per descrivere i contenuti e identificare le intestazioni di righe e colonne Riferimenti WCAG 1 0 5 1 5 5 5 6 Riferimenti Sec 508 1194 22 g Requisito n 10 Enunciato Per le tabelle dati usare gli elementi marcatori e gli attributi
65. Helen 2004 Interaction design Apogeo Pring Roger 2001 WWW colour L uso efficace del colore per la progettazione di pagine web Apogeo Rifkin Jeremy 2001 L era dell accesso Mondadori Scano Roberto 2004 Accessibilit dalla teoria alla realt IWA Italy Sklar Joel 2000 Principi di web design Apogeo 312 Bibliografia e Webliografia WEBLIOGRAFIA E RISORSE ONLINE A Checker http checker atrc utoronto ca index html data ultima consultazione 8 Marzo 2007 Accessibility Color Wheel http gmazzocato altervista org colorwheel wheel php data ultima consultazione 11 Febbraio 2007 Accessibility Evaluator http appro mit jyu fi tools acc data ultima consultazione 17 Febbraio 2007 AnyBrowser www anybrowser com data ultima consultazione 7 Febbraio 2007 Bazzmann Mag www bazzmann com data ultima consultazione 12 Marzo 2007 BrowserCam www browsercam com data ultima consultazione 23 Gennaio 2007 Colorblind Web Page Filter http colorfilter wickline org data ultima consultazione 29 Gennaio 2007 Colour Blindness Simulator www etre com tools colourblindsimulator data ultima consultazione 21 Gennaio 2007 Colour Check www etre com tools colourcheck data ultima consultazione 17 Gennaio 2007 313 Bibliografia e Webliografia Colour Contrast Analyser www wat c org tools CCA 1 1 data ultima consultazione 10 Gennaio 2007 CynthiaSays www cynthiasays com data u
66. I tool a disposizione sul mercato e in particolar modo A Checker sono in grado di distinguere con un elevato grado di certezza queste tabelle di layout da quelle tradizionali andando a controllare che particolari tag HTML se presenti risultino vuoti in caso di tabella di layout ci riferiamo in particolare agli elementi th cio l intestazione della tabella caption ovvero la didascalia e summary il riassunto La distinzione certificata dei tipi di tabelle importante per procedere alla verifica successiva nella quale i tool possono solo aiutare il valutatore E necessario infatti che le tabelle di 189 Elaborazione delle linee guida per l utente layout abbiano senso anche quando lette in modo lineare cio il modo in cui vengono lette dagli screen reader strumenti necessari per gli utenti ciechi In questo caso i tool come il Delorie Lynx Viewer possono fornire all utente la visualizzazione lineare della pagina ma nulla di pi 1 Linearizzare il contenuto della pagina con Delorie Lynx Viewer e verificare che il sito sia ancora fruibile In particolare verificare che i testi contenuti nelle tabelle di layout abbiano senso se letti in ordine da sinistra a destra e dall alto verso il basso REQUISITO NUMERO 14 Rilevazione etichette Wave Auto Controllo posizione etichette A Checker Semi Auto Adeguatezza etichette non presente Manuale Nei form fondamentale che ad ogni campo d
67. INNOVAZIONE E LE TECNOLOGIE ALLEGATO A Verifica tecnica e requisiti tecnici di accessibilit delle applicazioni basate su tecnologie internet 1 Premessa La definizione dei requisiti tecnici di accessibilit nonch l articolazione delle attivit previste per la verifica tecnica sono stabilite sulla base di a quanto indicato nelle Recommendation del World Wide Web Consortium W3C ed in particolare in quelle del progetto Web Accessibility Initiative WAI b standard definiti nel paragrafo 1194 22 della Sezione 508 del Rehabilitation Act degli USA c standard e specifiche tecniche definite in materia di accessibilit dalla International Organization for Standardization ISO 245 d DM 8 Luglio 2005 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 gov it e l efficace interazione del portale nazionale italia gov it con le pubbliche amministrazioni e le loro diramazioni territoriali 2 Metodologia per la verifica tecnica La verifica tecnica si articola nelle seguenti attivit a riscontro con sistemi di validazione au
68. Il secondo test va effettuato sull elemento doctype una volta verificato che questo elemento sia presente basta effettuare una ricerca sulla stringa doctype e il metodo della ricerca di stringhe usato in quasi tutti i test presentati bisogna controllare che il suo valore corrisponda a uno di questi lt IDOCTYPE HTML PUBLIC W3C DTD HTML 4 01 EN http www w3 org TR html4 strict dtd gt lt html lang it gt oppure 147 Elaborazione dei test lt DOCTYPE html PUBLIC W3C DTD XHTML 1 0 Strict EN http www w3 0rg TR xhtml1 DTD xhtml1 strict dtd gt lt html xmIns http www w3 0rg 1999 xhtml lang it xml lang en gt Il terzo test si effettua controllando l attributo target di ogni link si tratta dell attributo che regola appunto la posizione dove verr aperto il link per passare il test basta che il valore non sia _blank cio pulito ovvero una nuova finestra REQUISITO NUMERO 02 Anche in questo caso i test utili sono 3 I primi due sono volti a verificare l assenza di frame nel sito baster controllare che non vi siano gli elementi frame e frameset nel codice del sito Questi infatti sono gli elementi che determinano in quante parti viene divisa la finestra del browser e come viene riempita dai vari frame Il terzo test invece necessario in particolare nei casi di siti con frame ma utile anche negli altri casi Ogni pagina dovrebbe ave
69. Metodologia per la verifica soggettiva La metodologia di verifica soggettiva delle applicazioni basate su tecnologie internet si articola in quattro principali fasi a Analisi da parte di uno o pi esperti di fattori umani La valutazione da parte di uno o pi esperti di fattori umani consiste essenzialmente nel metodo della simulazione cognitiva attraverso il quale l esperto definisce contesti scopi e modi di interazione dell utente presente nel gruppo di valutazione con il sito e costruisce scenari d uso che simulano a livello cognitivo il comportamento dell utente L esperto di fattori umani conosce i servizi che il sito intende erogare le informazioni che pu fornire le azioni richieste all utente per raggiungere tali obiettivi per mezzo dell interfaccia nonch le informazioni sugli utenti potenziali e sulla esperienza e conoscenza a loro richieste per interagire con il sito Questa parte della valutazione in coerenza con quanto gi effettuato in fase di progettazione finalizzata ad assegnare a ciascuno dei criteri indicati ove applicabili un giudizio su una scala crescente di valori da 1 a 5 in cui 299 DM 8 Luglio 2005 1 corrisponde a nessuna rispondenza dell ambiente al criterio in esame 2 corrisponde a poca rispondenza dell ambiente al criterio in esame 3 corrisponde a sufficiente rispondenza dell ambiente al criterio in esame 4 corrisponde a molta rispondenza dell ambiente al criterio in esame
70. NA il seguente regolamento Art 1 Definizioni 1 Ai fini del presente regolamento s intende per 220 Appendice B a accessibilit ai sensi dell articolo 2 comma 1 lettera a della legge 9 gennaio 2004 n 4 la 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 tecnologie assistive ai sensi dell articolo 2 comma 1 lettera b della legge n 4 del 2004 gli strumenti e le soluzioni tecniche hardware e software che permettono alla persona disabile superando o riducendo le condizioni di svantaggio di accedere ai servizi erogati dai sistemi informatici valutazione processo con il quale si riscontra la rispondenza dei servizi ai requisiti di accessibilit verifica tecnica valutazione condotta da esperti anche con strumenti informatici sulla base di parametri tecnici 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 fruibilit la 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 soddis
71. SAPIENZA UNIVERSIT DI ROMA Anno Accademico 2005 2006 Facolt di Scienze della Comunicazione Laurea Specialistica in Editoria comunicazione multimediale e giornalismo L VT Strumenti per l Accessibilit Tesi di laurea in Interazione Uomo Macchina Relatore Correlatore Carlo Maria Medaglia Ugo Biader Ceipidor Laureando Eliseo Sciarretta Matricola 1074915 The power of the Web is in its universality Tim Berners Lee INDICE INTRODUZIONE csissrrriziriiizinioninneo sensstancianiazizocionecaninneo sdssstone 7 CAPITOLO T crrarntnitarisrana sester trassio otsis estesse teo Sas ienest oses 17 1 1 Disabilit e uso del Web ii 17 1 2 Accessibilit per tutti Vs Usabilit per molti 27 CAPITOLO 2 siesisirsiriisciisiesesi tesore linividernzcnnesinicisnianisiscinienividrineeciniie 39 2 1 Icriteri della legge Stanca sssini iii 39 2 2 I tool sul mercato e la loro relazione con i requisiti 52 CAPITOLO Birsiiiriioneriaritonie ssivasriesssvesadsostaseskuoseas ssvvigsinicezzite 63 3 1 Controllo incrociato Requisito Tool 63 3 1 1 Requisito Numero 01 dinsin koas 64 3 1 2 Requisito Numero 02 ress sasine ronbo riviin ssk 70 3 1 3 Requisito Numero 03 e 73 3 1 4 Requisito Numero 04 i 77 3 1 5 Requisito Numero 05
72. Semi Auto 105 Controllo incrociato requisito tool 3 1 18 Requisito Numero 18 Nel caso in cui un filmato o una presentazione multimediale siano indispensabili per la completezza dell informazione fornita o del servizio erogato predisporre una alternativa testuale equivalente sincronizzata in forma di sotto titolazione o di descrizione vocale oppure fornire un riassunto o una semplice etichetta per ciascun elemento video o multimediale tenendo conto del livello di importanza e delle difficolt di realizzazione nel caso di trasmissioni in tempo reale ANALISI E TEST Ancora una volta attenzione puntata sull equivalenza dei diversi tipi di contenuto Come nei requisiti 03 e 15 anche e soprattutto quando nel sito sono presenti elementi multimediali come video o segmenti audio necessario fornire a tutti gli utenti che non possono usufruirne un alternativa testuale che sia equivalente in quanto a funzionalit e contenuto Come specificato nell enunciato del requisito l alternativa pu essere di vari tipi descrizione vocale in caso di video sottotitoli trascrizioni o semplici riassunti l importante che l alternativa o le alternative scelta sia in grado di sostituire in tutto e per tutto l elemento multimediale di partenza Solo A Checker e Wave riescono a controllare questo TOOL UTILI E VOTI A Checker 2 Hera requisito ma mentre l ultimo Wawsi si limita a individuare la presenza di eleme
73. Significa privare il Web della sua specificit nel tentativo impossibile di trasferire alle pagine in Rete la tipica fissit delle pagine stampate Imponendo tali vincoli si demolisce in un colpo solo uno dei grandi vantaggi che ha il Web rispetto alla carta stampata la completa adattabilit del prodotto alle preferenze dell utente Gli utenti devono essere liberi di usufruire di un sito a qualunque risoluzione sia che questa sia una loro scelta sia in caso di imposizione dovuta ai mezzi tecnici Pertanto il contenuto deve ridimensionarsi automaticamente senza perdere di leggibilit A questo scopo necessario realizzare il sito tramite layout liquido quindi senza dare valori assoluti 92 Capitolo 3 alle grandezze degli elementi di layout I valori devono essere in percentuale rispetto alla totalit della pagina disponibile solo in questo modo al rimpicciolirsi della pagina corrisponder una ri disposizione dinamica del contenuto Ma questo non basta bisogna infatti assicurarsi che una volta ridimensionato in modo opportuno il contenuto sia ancora completamente fruibile Quindi si deve verificare che non ci siano sovrapposizioni di aree importanti e che il rimpicciolimento della pagina non abbia reso impossibile la navigazione all interno del sito nascondendo magari alcuni comandi Per quanto riguarda l uso di diversi browser e gli accorgimenti da prendere a riguardo il commento pi interessante sembra essere quello
74. Verificare che la posizione del link che porta alla pagina alternativa accessibile sia tale per cui la sua visibilit sia massima e quindi che in generale si trovi nella parte alta della pagina 201 Conclusione CONCLUSIONE LUA Toolbar nella versione che abbiamo discusso in questo lavoro ancora un prototipo Il nostro software teoricamente in grado di controllare automaticamente o in modo semi automatico buona parte dei requisiti della legge Stanca Inoltre offre un grande aiuto nelle verifiche di tipo manuale Come gi detto diverse volte nel corso dell esposizione ci siamo concentrati su quelle che abbiamo individuato come le due carenze principali degli altri software di valutazione la mancanza di copertura della nicchia italiana e la difficolt di utilizzo dell interfaccia Quello di cui non ci siamo per ora occupati l implementazione del software che in effetti ancora non esiste Ma andiamo con ordine e ripercorriamo con calma i passi effettuati fin qui Dopo un introduzione sul mondo delle disabilit e sulle differenze tra il concetto di accessibilit e quello di usabilit capitolo 1 abbiamo studiato i requisiti della legge Stanca e analizzato gli strumenti liberi presenti sul mercato alla ricerca dei tool pi utili capitolo 2 203 Conclusione Successivamente abbiamo diviso i requisiti in tanti sotto controlli pi o meno automatizzabili ma accomunati dall essere
75. a Nella nuova versione invece in ogni momento si pu decidere di far sparire l interfaccia cliccando sul bottone nascondi in alto a sinistra e poi basta cliccare di nuovo sullo stesso bottone che nel frattempo sar cambiato in mostra per ottenere di nuovo la visualizzazione della rotella come si vede dal particolare della Figura 5 in questo modo si minimizza lo spazio necessario e soprattutto lo si richiede solamente quando veramente utile e quando l utente lo decide 170 Capitolo 5 Dal punto di vista strutturale il funzionamento rimasto praticamente invariato la rotella reca con s 22 bottoni bordeaux passando col mouse su uno di loro nel riquadro al centro della rotella viene visualizzato un tooltip per spiegare all utente a quale requisito corrisponde il bottone in pratica appare una piccola descrizione dei controlli che saranno effettuati una volta cliccato sul bottone Figura 6 CNIPA Centro Nazionale per Informatica nella Notizie 525 v LAUREE TRI LIZZAZIONE obar Iniormatica inistrazione n due anni diattivit stato ultimato il percorso te realizzazione di tutte le componenti dell SPC con l e Convegno il Sistema Connettivit Figura 6 Il tooltip che appare al centro della rotella aiuta a capire che controlli effettua il bottone su cui si sopra col mouse Il bottone che rappresenta il logo di LUA Toolbar va a unificare le funzionalit che n
76. a acquisizione del parere delle competenti Commissioni parlamentari che devono pronunciarsi entro quarantacinque giorni dalla richiesta e d intesa con la Conferenza unificata di cui all articolo 8 del decreto legislativo 28 agosto 1997 n 281 Art 11 Requisiti tecnici 215 Legge 9 Gennaio 2004 n 4 Entro centoventi giorni dalla data di entrata in vigore della presente legge il Ministro per l innovazione e le tecnologie consultate le associazioni delle persone disabili maggiormente rappresentative con proprio decreto stabilisce nel rispetto dei criteri e dei principi indicati dal regolamento di cui all articolo 10 le linee guida recanti i requisiti tecnici e i diversi livelli per l accessibilit le metodologie tecniche per la verifica dell accessibilit dei siti INTERNET nonch i programmi di valutazione assistita utilizzabili a tale fine Art 12 Normative internazionali 1 Il regolamento di cui all articolo 10 e il decreto di cui all articolo 11 sono emanati osservando le linee guida indicate nelle comunicazioni nelle raccomandazioni e nelle direttive sull accessibilit dell Unione europea nonch nelle normative internazionalmente riconosciute e tenendo conto degli indirizzi forniti dagli organismi pubblici e privati anche internazionali operanti nel settore Il decreto di cui all articolo 11 periodicamente aggiornato con la medesima procedura per il tempestivo recepimento delle modifiche delle
77. a applicazione per i siti Web esistenti gi realizzati con frame consentito l uso di HTML 4 01 o XHTML 1 0 con DTD frameset ma con le seguenti avvertenze a evitare di utilizzare all interno del linguaggio a marcatori con il quale la pagina realizzata elementi ed attributi per definirne le caratteristiche di presentazione della pagina 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 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 ANALISI E TEST I siti costruiti tramite i frame cio pi pagine in genere due o tre giustapposte e indipendenti l una dall altra rendono difficile la navigazione per mezzo delle tecnologie assistive Bisognerebbe quindi evitare di costruire siti in questo modo Se questo non possibile si deve almeno assegnare un titolo significativo ad ogni frame in genere uno di essi usato come pagina dei contenuti uno per il menu e uno per 70 Capitolo 3 l intestazione del sito in modo da facilitare la comprensione anche agli utenti che utilizzano tecnologie assistive In alternativa consigliabile fornire una descrizione estesa che illustri la funzione dei frame e il modo in cui questi
78. accomandazioni sull accessibilit Nei casi in cui non sia possibile usare una tecnologia del W3C oppure se nell utilizzarla si ottenesse materiale che non si trasforma in maniera elegante fornire una versione alternativa del contenuto che sia accessibile Questa linea guida raccomanda tecnologie del W3C per es HTML CSS ecc per diversi motivi 1 le tecnologie W3C contengono elementi di accessibilit integrati 2 le specifiche W3C subiscono una revisione preliminare per assicurarsi che gli elementi di accessibilit siano presi in considerazione fin dalla fase progettuale 3 le specifiche W3C sono sviluppate all interno di un processo aperto e con il consenso dell industria del settore Molti formati che non sono del W3C per es PDF Shockwave etc richiedono di essere visti o con plug in o con applicazioni autonome Spesso questi formati non possono essere visualizzati oppure non possibile effettuare una navigazione con interpreti standard comprese le tecnologie assistive Il fatto di evitare l uso di caratteristiche non W3C e non standard elementi attributi propriet ed estensioni proprietarie aiuter a rendere le pagine pi accessibili a un numero maggiore di persone che usino una pi ampia variet di hardware e software Quando devono essere usate 300 Appendice D tecnologie non accessibili proprietarie oppure no devono essere fornite pagine equivalenti accessibili Anche quando si usano le tecnol
79. ad Internet con sistemi differenti dall accoppiata Windows Internet Explorer Anche se le percentuali di utenti che usano altri sistemi sono in genere relativamente basse il numero di configurazioni alternative piuttosto alto e l unione di tante piccolezze forma una discreta quantit complessiva di cui perci non solo ingiusto ma anche poco intelligente non tenere conto Inoltre bisogna considerare che il personal computer non l unico mezzo di connessione a Internet questa operazione si pu compiere anche attraverso un normale televisore WebTV telefoni cellulari palmari agendine elettroniche chioschi multimediali con selezione tramite tatto periferiche comandabili a voce Per tutti questi tipi di utenti la principale cura dell accessibilit consiste nel progettare pagine indipendenti dalla periferica non ottimizzate per nessun sistema operativo e per nessun browser in particolare ovvero pagine con codice standard valido altamente flessibili nella struttura non vincolate ad una 31 Accessibilit per tutti Vs Usabilit per molti data larghezza orizzontale e leggibili anche da chi non in grado di visualizzare i colori Persone che si collegano in condizioni ambientali difficili A questa categoria appartengono gli utenti che navigano in situazioni in cui non possono adoperare le mani per esempio perch stanno guidando l automobile o perch stanno svolgendo lavori di precisione che richiedono l
80. agine Priorit 3 307 Desidero ringraziare il Professor Carlo Maria Medaglia che mi ha concesso la possibilit di collaborare con il Laboratorio di Usabilit e Accessibilit e di procedere con questo progetto si dimostrato un docente responsabile un capo amichevole e una persona ammirevole la mia famiglia che non mi ha mai fatto mancare il supporto e l affetto necessari in questi anni lontano da casa e che ha sempre appoggiato ogni mia scelta gli amici e colleghi del Lab che hanno sopportato i miei periodi no e hanno condiviso con me i periodi s inevitabili alti e bassi della vita quotidiana in particolar modo Amedeo senza il quale questo progetto sarebbe stato molto pi difficile sono contento di aver trovato un amico sincero anche grazie a questa collaborazione San Rocco Ale Denis Emi Fab Fred anche se non ci vediamo spesso siete la mia ancora di salvezza e so di poter contare su di voi Alice che mi conosce meglio di chiunque altro che stata la persona pi cara e pi vicina che ho avuto in questo lungo periodo e che ha collaborato fisicamente alla realizzazione di questo lavoro le nostre strade si sono divise ma spero che un giorno possano tornare a incrociarsi A tutti voi e a tanti altri mille volte grazie 309 Bibliografia e Webliografia BIBLIOGRAFIA Berners Lee Tim 2001 L architettura del nuovo Web Feltrinelli Boscarol Maurizio 2004 L ecologia de
81. alenti al contenuto audio e visivo Fornire un contenuto che quando viene presentato all utente gli trasmetta essenzialmente la stessa funzione o scopo del contenuto audio o visivo Bench alcune persone non possano usare immagini film suoni applet ecc direttamente possono comunque usare pagine che includono un informazione equivalente al contenuto visivo o audio L informazione equivalente deve servire allo stesso scopo del contenuto visivo e audio Perci un testo equivalente all immagine di una freccia verso l alto che rinvia ad un sommario potrebbe essere vai al sommario In alcuni casi un equivalente dovrebbe anche descrivere l aspetto del contenuto visivo per esempio per grafici pannelli o diagrammi complessi o il suono del contenuto 282 Appendice D audio per esempio per i modelli acustici utilizzati nell istruzione Questa linea guida rimarca l importanza di fornire equivalenti testuali al contenuto non testuale immagini audio pre registrati video La potenzialit degli equivalenti testuali sta nella loro capacit di essere resi secondo modalit accessibili a persone con differenti disabilit usando tecnologie diverse Il testo pu essere velocemente incanalato verso la sintesi vocale e la display braille e pu essere presentato visivamente in vari formati sul video del computer o su carta La sintesi vocale fondamentale per le persone non vedenti e per tutti coloro che hanno quelle difficolt nella
82. ano essere linearizzate L etichetta del 14 Elemento input file dovrebbe essere posta vicino ad esso Media Controllare tutti gli elementi che file come valore dell attributo input hanno type Ci si aspetta che label sia vicino l elemento posizionato all elemento input cui 132 Capitolo 4 associato L etichetta 14 Elemento input della radio Media Controllare tutti gli elementi dovrebbe input che hanno radio essere posta come valore dell attributo vicino ad essa type Ci si aspetta che l elemento label sia posizionato vicino all elemento input cui associato L etichetta 14 Elemento input della Media Controllare tutti gli elementi checkbox input che hanno dovrebbe checkbox come valore essere posta dell attributo type Ci si vicino ad essa aspetta che elemento label sia posizionato vicino all elemento input cui associato L etichetta 14 Elemento input della Media Controllare tutti gli elementi password input che hanno dovrebbe password come valore essere posta dell attributo type Ci si vicino ad essa aspetta che elemento label sia posizionato vicino all elemento input cui associato Tutte le 14 Elemento input 133 Test effettuati radio Alta Controllare tutti gli el
83. atico Ma come al solito poi si deve giudicare sull adeguatezza di queste intestazioni Ovviamente questo non sar possibile nel momento in cui si dovesse riscontrare la non conformit del sito al primo di questi controlli se l intestazione della tabella non presente c poco da fare Ma in caso di esito positivo del primo controllo bisogna capire se questa intestazione risulta adeguata e solo una mente umana pu farlo con risultati soddisfacenti 1 Analizzare preliminarmente il contenuto di ogni tabella 2 Prendere in considerazione le intestazioni delle tabelle righe e colonne e verificare che siano adeguate al contenuto delle tabelle stesse 3 Ripetere la stessa verifica anche per i riassunti delle tabelle comunque meno indispensabili delle intestazioni 185 Elaborazione delle linee guida per l utente REQUISITO NUMERO 10 Controllo associazione tabelle WebXact Auto Un altro dei casi purtroppo pochi in cui non necessario l intervento umano per verificare il requisito WebXact autosufficiente e molto affidabile D altronde per questo tipo di controllo basta solo verificare la presenza di alcuni tag HTML e quindi si tratta proprio del tipo di lavoro che pu essere affidato a un tool automatico Quindi anche stavolta non c bisogno di particolari raccomandazioni per ulteriori controlli REQUISITO NUMERO 11 Validazione CSS Juicy Studio Auto Controllo fruibilit in assenza di CSS A
84. automatici o 177 Elaborazione delle linee guida per l utente manuali vedi paragrafo 3 1 e sottoparagrafi e ne approfondiremo la conoscenza Per ogni requisito vengono riportati inizialmente i sotto controlli individuati con l indicazione del tool adatto a compiere la verifica e del livello di automazione del controllo Saranno presentati anche riferimenti ai controlli effettivamente effettuati presentati nella tabella nel paragrafo 4 1 REQUISITO NUMERO 01 Riconoscimento tipo di documento Barra dell Accessibilit Auto Validazione del codice Barra dell Accessibilit Auto Fogli di stile Juicy Studio Auto Apertura nuove finestre ACC Auto Questo primo requisito un caso pi unico che raro tutti i quattro sotto controlli sono infatti automatici I tool utilizzati sono in grado di fornire risultati affidabili senza bisogno di effettuare ulteriori verifiche In particolare il riconoscimento del tipo di documento e il controllo sull apertura di nuove finestre si ottengono in modo molto semplice in quanto basta osservare un solo elemento del codice per ognuno di questi controlli vedere la tabella nel paragrafo 4 1 REQUISITO NUMERO 02 178 Capitolo 6 Riconoscimento frame e titolo Barra dell Accessibilit Auto Fogli di stile Juicy Studio Auto Significativit titolo non presente Manuale Il riconoscimento dell uso o meno dei frame e la verifica della presenza di un titolo per ogni f
85. avranno un maggiore controllo sulle loro pagine rendendo le pagine stesse maggiormente accessibili a persone con difficolt di visione e mediante la condivisione di fogli di stile abbrevieranno i tempi di downloading delle pagine per tutti gli utenti Le linee guida discutono i problemi di accessibilit e forniscono soluzioni per la progettazione volta all accessibilit Esse riguardano scenari tipici simili all esempio sullo stile dei font che possono rappresentare una difficolt per utenti con certe disabilit Per esempio la Linea guida 1 spiega come gli sviluppatori possono rendere accessibili le immagini Alcuni utenti possono non essere in grado di vedere le immagini altri possono usare browser testuali che non supportano le immagini mentre altri possono avere disattivate le funzioni per le immagini a causa di una connessione Internet lenta per esempio Le linee guida non suggeriscono di evitare le immagini come via per migliorare l accessibilit Al contrario esse spiegano che fornire un equivalente testuale dell immagine la render accessibile Come fa un equivalente testuale a rendere un immagine accessibile Nell espressione equivalente testuale entrambi i termini sono importanti 274 Appendice D 1 Il contenuto testuale pu essere presentato all utente come sintesi vocale braille e testo visualizzato sullo schermo Ognuno di questi tre meccanismi usa uno dei cinque sensi udito per la sintesi vocale tatt
86. bassissima acuit visiva Pertanto necessario porre particolare attenzione ai colori usati per un sito Soprattutto bisogna fare in modo che le informazioni fondamentali non siano veicolate solo tramite il colore e quindi si deve fornire ridondanza di informazione Nel caso del tutto ipotetico in cui venga posta una domanda in cui il tipo di risposta da fornire simbolizzato dalla scelta di una casellina colorata anzich da scritte corrispondenti alle risposte stesse parecchie categorie di utenti avrebbero difficolt a rispondere efficacemente Un utente non vedente non avrebbe alcun riscontro rispetto alle caselline colorate il traduttore braille o il sintetizzatore vocale 77 Controllo incrociato requisito tool non gli potrebbero essere utili in un caso del genere Coloro che hanno difficolt nella percezione dei colori sarebbero ugualmente esclusi da una qualsiasi forma di accessibilit Chi disponesse di un monitor in bianco e nero non potrebbe distinguere i colori Soluzioni di questo genere devono essere quindi evitate e di conseguenza se si volesse progettare una pagina Web nella quale si ritenesse indispensabile contrassegnare con i colori alcuni contenuti occorrerebbe quanto meno fornire precisi chiarimenti testuali alternativi o comunque ridondanza di informazione come specificato prima Se un colore non pu essere visualizzato per qualsiasi motivo le funzioni devono essere comunque utilizzabili A Checker
87. be pensare che i tool utili all individuazione di questa ridondanza siano gli stessi del precedente requisito TOOL UTILI E VOTI Invece pochi tool propongono un e A Checker 1 controllo di questo tipo Quello di e Cynthia Says 3 A Cheker per altro di tipo e Hera 3 manuale Il tool permette all utente solo di individuare le mappe lasciandogli l incombenza di capire se c ridondanza di link Pi efficace invece Cynthia Says che una volta individuata la mappa immagine lato server provvede a controllare in modo automatico che vi sia presente ridondanza di link Hera replica le funzioni di Cynthia Says anche per quanto riguarda la ridondanza di link ma con risultati meno efficaci Bisogna sempre ricontrollare manualmente i risultati ottenuti da questi tool che sono bel lungi dall essere infallibili I MIGLIORI Ridondanza link Cynthia Says Semi Auto 86 Capitolo 3 3 1 9 Requisito Numero 09 Per le tabelle dati usare gli elementi marcatori e gli attributi previsti dalla DTD adottata per descrivere i contenuti e identificare le intestazioni di righe e colonne ANALISI E TEST E fondamentale indicare nei modi appropriati le intestazioni delle righe e delle colonne nelle tabelle di dati in modo da comunicare subito le informazioni necessarie sul contenuto della tabella A Checker ha un controllo TOOL UTILI E VOTI A Checker 3 molto efficace rivolto a questo Barra dell Accessibilit 2 requ
88. bject e dovrebbero verificare che non essere producano intermittenze Ci intermittenti si aspetta che ogni oggetto non sia intermittente Gli script non 05 Elemento script dovrebbero Bassa Controllare le operazioni di causare ogni elemento script e tremolii o verificare che non causino intermittenze tremolii nello schermo Ci si nello schermo aspetta che gli script non causino tremolii Le applet non 05 Elemento applet dovrebbero Bassa Controllare le operazioni di essere ogni applet Ci si aspetta che intermittenti le applet non producano intermittenze Le immagini 05 Elemento img Controllare non Bassa ogni elemento img che dovrebbero abbia un attributo src il essere cui valore finisca per gif e intermittenti verificare che l immagine ad esso associata non sia intermittente Ci si aspetta che intermittente l immagine non sia 126 Capitolo 4 Il contrasto 06 Elemento body tra testo dei Alta Controllare l elemento link attivi e body e calcolare la sfondo differenza di colori e di dovrebbe luminosit dei colori con gli essere algoritmi WAI ERT tra il maggiore del valore dell attributo alink limite e il valore dell attributo consigliato bgcolor Ci si aspetta che dall algoritmo la differenza di colori sia WAI ERT per superiore a 124 e che la i colori e per differenza della luminosit la luminosit dei col
89. ble HyperText Markup 234 Appendice C Language per la presentazione e la struttura dell informazione browser programma informatico che consente di accedere alle risorse presenti su un sito Web CD ROM Compact Disc Read Only Memory e DVD Digital Versatile Disc particolari tipi di supporto ottico di memorizzazione em unit di misura tipografica che prende a riferimento la larghezza del carattere M 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 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 esperto tecnico soggetto esperto in tecnologie Web e problematiche dell accessibilit focus elemento attivo in un interfaccia utente 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 frame struttura di una pagina Web costituita da due o pi parti indipendenti 235 DM 8 Luglio 2005 fruibilit caratteristica dei servizi
90. cessario che sia presente l attributo type per sapere quando usato un CSS basta controllare quando il valore di x questo attributo text css REQUISITO NUMERO 12 In questo caso il controllo unico ma esteso a tutti gli elementi che posseggono gli attributi height e width Per fare in modo che il layout sia liquido e che quindi la pagina si modifichi dinamicamente al ridimensionamento della finestra consentendo al contenuto di rimanere sempre fruibile necessario che i valori di questi attributi siano espressi in termini relativi facendo uso delle percentuali e non in valori assoluti REQUISITO NUMERO 13 L ultimo requisito che punta il focus sulle tabelle ma questa volta centrato su quelle di layout cio di sola grafica Come abbiamo gi detto per il requisito numero 09 si pu 154 Capitolo 4 supporre che le tabelle di layout siano quelle senza elemento th Una volta verificato che la tabella di layout e quindi che non ci sia l elemento th si deve controllare che non ci siano didascalie in quanto sarebbero inutili e addirittura dannose quindi bisogna verificare l assenza dell elemento caption Per quanto riguarda l elemento summary invece le tabelle di layout al pari di quelle di dati devono contenerlo per nel caso delle tabelle grafiche si richiede che il valore dell elemento sia una stringa vuota o di spazi bianchi in modo da far capire che
91. cipazione di capitale pubblico e alle aziende appaltatrici di servizi informatici Le disposizioni della presente legge in ordine agli obblighi per l accessibilit non si applicano ai sistemi informatici destinati ad essere fruiti da gruppi di utenti 208 Appendice A dei quali per disposizione di legge non possono fare parte persone disabili Art 4 Obblighi per l accessibilit 1 Nelle procedure svolte dai soggetti di cui all articolo 3 comma 1 per l acquisto di beni e per la fornitura di servizi informatici i requisiti di accessibilit stabiliti con il decreto di cui all articolo 11 costituiscono motivo di preferenza a parit di ogni altra condizione nella valutazione dell offerta tecnica tenuto conto della destinazione del bene o del servizio La mancata considerazione dei requisiti di accessibilit o l eventuale acquisizione di beni o fornitura di servizi non accessibili adeguatamente motivata I soggetti di cui all articolo 3 comma 1 non possono stipulare a pena di nullit contratti per la realizzazione e la modifica di siti INTERNET quando non previsto che essi rispettino i requisiti di accessibilit stabiliti dal decreto di cui all articolo 11 I contratti in essere alla data di entrata in vigore del decreto di cui all articolo 11 in caso di rinnovo modifica o novazione sono adeguati a pena di nullit alle disposizioni della presente legge circa il rispetto dei requisiti di accessibilit
92. come script e applet siano direttamente accessibili o compatibili con le tecnologie assistive Priorit 1 se la funzionalit importante e non presentata altrove altrimenti Priorit 2 Linea guida 9 Progettare per garantire l indipendenza da dispositivo Usare caratteristiche che permettono di attivare gli elementi della pagina attraverso una molteplicit di dispositivi di input Accesso indipendente da dispositivo significa che gli utenti possono interagire con l interprete o con il documento con il dispositivo di input output preferito mouse tastiera voce bacchette manovrate con la testa o altro Se per esempio il controllo di un modulo pu essere attivato solo con un mouse o un altro dispositivo di puntamento qualcuno che sta usando la pagina senza usare la vista con input vocale o con una tastiera oppure chi sta usando qualche altro dispositivo di input non a puntamento non riuscir ad usare il modulo Nota Fornendo equivalenti testuali per immagini sensibili o per immagini usate come collegamento si d agli utenti la possibilit di interagire con esse senza un dispositivo di puntamento 296 Appendice D In genere le pagine che permettono di interagire tramite tastiera sono accessibili anche tramite input vocale o interfaccia a linea di comando Punti di controllo 9 1 Fornire immagini sensibili sul lato client invece di immagini sensibili sul lato server con l eccezione dei casi nei quali le zone non
93. compatibilit e portabilit del codice Ma non solo Si entra anche nel merito della strutturazione e della comprensibilit dei contenuti aree delle quali guarda caso si occupa anche l usabilit Volendo azzardare un po si potrebbe sostenere che l usabilit un sottoinsieme dell accessibilit nella misura in cui ne approfondisce un aspetto Le differenze fra usabilit e accessibilit diventano molto evidenti quando si passa ad analizzarne i rispettivi metodi Non vi infatti nelle norme di accessibilit alcun accenno allo user model n alla pratica dei test con gli utenti finali al fine di ridefinire procedure e navigazione Nella pratica gli unici strumenti che l accessibilit propone sono le linee guida L accessibilit una disciplina molto normata Ma questa sua caratteristica nasconde un tranello Infatti come fare per verificare l aderenza ai principi di navigabilit e chiarezza dei testi Certo ci sono le linee guida ma pi facile a dirsi che a farsi Le linee guida in fin dei conti tracciano una strada ma non garantiscono che il singolo progettista sappia scrivere in 2 Lo user model il modello mentale del funzionamento di un software cos come se lo costruisce l utente finale ed un concetto fondamentale quando si parla di usabilit il cui compito proprio quello di fare in modo che il design model il modello di chi ha progettato il software corrisponda il pi possibile allo user mode
94. con l obiettivo di realizzare tale adeguamento entro dodici mesi dalla data di entrata in vigore del medesimo decreto 209 Legge 9 Gennaio 2004 n 4 La concessione di contributi pubblici a soggetti privati per l acquisto di beni e servizi informatici destinati all utilizzo da parte di lavoratori disabili o del pubblico anche per la predisposizione di postazioni di telelavoro subordinata alla rispondenza di tali beni e servizi ai requisiti di accessibilit stabiliti dal decreto di cui all articolo 11 I datori di lavoro pubblici e privati pongono a disposizione del dipendente disabile la strumentazione hardware e software e la tecnologia assistiva adeguata alla specifica disabilit anche in caso di telelavoro in relazione alle mansioni effettivamente svolte Ai datori di lavoro privati si applica la disposizione di cui all articolo 13 comma 1 lettera c della legge 12 marzo 1999 n 68 I datori di lavoro pubblici provvedono all attuazione del comma 4 nell ambito delle disponibilit di bilancio Art 5 Accessibilit degli strumenti didattici e formativi 1 Le disposizioni della presente legge si applicano altres al materiale formativo e didattico utilizzato nelle scuole di ogni ordine e grado Le convenzioni stipulate tra il Ministero dell istruzione dell universit e della ricerca e le associazioni di editori per la fornitura di libri alle biblioteche scolastiche 210 Appendice A prevedono sempre
95. contenuto quando possibile 11 4 Se nonostante ogni sforzo non si pu creare una pagina accessibile fornire un collegamento a una pagina alternativa che usi le tecnologie W3C sia accessibile contenga informazioni o funzionalit equivalenti e sia aggiornata con la stessa frequenza della pagina originale inaccessibile Priorit 1 Nota Gli sviluppatori dovrebbero ricorrere a pagine alternative solo quando le altre soluzioni falliscono perch le pagine alternative sono in genere meno aggiornate delle pagine primarie Una pagina non aggiornata pu essere frustrante quanto una pagina inaccessibile visto che in entrambi i casi l informazione presentata nella pagina originale non disponibile La generazione automatica di pagine alternative pu portare a aggiornamenti pi frequenti ma gli sviluppatori devono comunque fare attenzione ad assicurare che le pagine generate abbiano sempre senso e che gli utenti siano in grado di navigare in un sito seguendo i collegamenti delle pagine primarie di quelle alternative o di entrambe Prima di ricorrere a una pagina alternativa riesaminare il progetto della pagina originale probabile che rendendola accessibile essa risulti migliore per tutti gli utenti Linea guida 12 Fornire informazione per la contestualizzazione e l orientamento 302 Appendice D Fornire informazione per la contestualizzazione e l orientamento per aiutare gli utenti a comprendere pagine od element
96. controlla la Calculator leggibilit di testi in lingue che non comprendono l italiano rix index php Tablin Non utile per valutazione ma http www w3 0rg WAI R solo per progettazione 55 I tool sul mercato e la loro relazione con i requisiti www Webxtutti it testa ht m esources Tablin TAW 12 auto http www tawdis net taw 3 cms en Torquemada Non utile perch datato Touch Graph www touchgraph com TG GoogleBrowser html Non utile perch non rientra nei requisiti della legge Stanca Trace Route WWw traceroute org Non utile perch non rientra nei requisiti della legge Stanca Visual Route www visualroute com Non utile perch non rientra nei requisiti della legge Stanca Wave 1 semi 2 semi auto 3 http design fujitsu com e n universal assistance Web inspector http wave Webaim org semi auto 7 semi 14 auto 15 semi 16 semi 17 semi 18 semi 19 semi Web Accessibility 1 semi Inspector WebXact http Webxact watchfire c om 5 auto 9 auto 11 semi 14 auto 15 semi 16 semi 17 semi Tabella 2 I tool di valutazione analizzati 56 Capitolo 2 Il 60 dei tool recensiti sembra comunque utile a valutare la presenza di almeno un requisito tra quelli segnalati dalla legge Stanca ma buona parte di questi sono in grado di effettuare pi di un controllo Si nota chiaramente come lo st
97. creto legislativo n 39 del 1993 dall attuazione del presente comma non derivano nuovi o maggiori oneri a carico delle amministrazioni interessate e per lo svolgimento di tale funzione non previsto compenso aggiuntivo 229 DPR 1 Marzo 2005 n 75 2 Ai sensi dell articolo 7 comma 1 lettera b della legge n 4 del 2004 la Presidenza del Consiglio dei Ministri Dipartimento per l innovazione e le tecnologie avvalendosi del CNIPA previa comunicazione inviata all amministrazione statale interessata verifica il mantenimento dei requisiti di accessibilit dei siti e dei servizi forniti e d notizia dell esito di tale verifica al dirigente responsabile qualora siano riscontrate anomalie viene richiesta all amministrazione statale medesima la predisposizione del relativo piano di adeguamento con l indicazione delle attivit e dei tempi di realizzazione 3 Le regioni le province autonome e gli enti locali organizzano autonomamente e secondo i propri ordinamenti la vigilanza sull attuazione del presente decreto 4 Il Ministro per l innovazione e le tecnologie sulla base degli esiti delle verifiche di cui al comma 2 riferisce annualmente al Parlamento dandone altres comunicazione alla Conferenza Unificata Il presente decreto munito del sigillo di Stato sar inserito nella Raccolta ufficiale degli atti normativi della Repubblica italiana E fatto obbligo a chiunque spetti di osservarlo e di farlo osservare Dato a
98. del requisito di accessibilit sul proprio sito Web si registrano preventivamente nell apposita sezione del sito Web del CNIPA 242 Appendice C 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 Ai fini del rilascio o del rinnovo dell autorizzazione ad esporre il logo il CNIPA provvede a predisporre una sezione del proprio sito Web per ricevere le richieste di registrazione acquisire la richiesta di autorizzazione di cui al comma 1 e la documentazione di cui al comma 3 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 riferire gli esiti dell istruttoria alla Presidenza del Consiglio dei Ministri Dipartimento per l innovazione e le tecnologie La Presidenza del Consiglio dei Ministri Dipartimento per l innovazione e le tecnologie sulla base dei risultati dell istruttoria di cui al presente 243 DM 8 Luglio 2005 articolo rilascia l aut
99. di utenti soprattutto in proiezione futura che rimane confusa e spaventata quando incontra interfacce troppo complesse pagine con troppi box menu di navigazione poco visibili pulsanti a scomparsa finestre pop up richieste impreviste di scaricare un plug in gergo troppo tecnologico e via dicendo Persone di livello culturale basso o bassissimo Ampi strati della popolazione italiana bench abbiano frequentato le scuole dell obbligo versano in uno stato d ignoranza prossimo all analfabetismo Per individui simili Internet pu rappresentare uno straordinario strumento di formazione personale ma anche un ostacolo insuperabile se si scontrano con pagine Web basate su metafore e su linguaggi che richiedono conoscenze di base di cui essi non dispongono Definire sempre i concetti adoperati evitare il ricorso inutile a fumosi termini in inglese scrivere in modo chiaro e ordinato evitare i refusi sono accorgimenti utili per rendere accessibili anche a questo tipo di utenti i contenuti pubblicati sul Web 29 Accessibilit per tutti Vs Usabilit per molti Persone che parlano un altra lingua Gli accorgimenti che permettono a utenti di basso livello culturale di accedere alle informazioni e ai servizi contenuti in una pagina Web sono validi anche per facilitare l accesso ai visitatori stranieri Chi parla un altra lingua pu trovare infatti incomprensibile o poco chiaro l uso di una terminologia potenzialmente ambigua c
100. 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 gestore di evento parte di programma informatico che si attiva al verificarsi di un evento logico o dipendente dal dispositivo di input gruppo di valutazione gruppo di utenti anche disabili che svolgono compiti assegnati dall esperto di fattori umani per l effettuazione della verifica soggettiva homepage prima pagina che viene resa disponibile all utente quando si accede a un indirizzo corrispondente a un sito Web interattivit caratteristica del programma informatico che richiede l intervento dell utente per espletare le sue funzionalit 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 interfaccia di programmazione API Application Program Interface insieme di programmi che consentono ad applicazioni diverse di comunicare tra loro Internet rete mondiale di computer basata sulla famiglia di protocolli di comunicazione TCP IP Transmission Control Protocol Internet Protocol 236 Appendice C x aa bb cc dd ee ff xw Intranet rete di computer basata sugli stessi protocolli d
101. e Manuale Gli oggetti multimediali soprattutto spezzoni video e audio ma anche le presentazioni non possono essere fruiti da tutti in modo soddisfacente allora necessario predisporre delle alternative come gi fatto per le immagini e per gli script La differenza che rispetto alle immagini in questo caso si hanno molte pi possibilit di offrire contenuti equivalenti sia per i video che per gli audio infatti possibile riportare la trascrizione del parlato su schermo anche sincronizzata al video qualora ce ne fosse bisogno in forma di sotto titoli oppure creare dei riassunti di quanto detto o anche delle descrizioni per le situazioni presenti in video le quali possono essere scritte o anche parlate L individuazione degli elementi a cui applicare queste alternative svolta in modo efficiente e automatico da A Checker ma per il resto i controlli sono solo di tipo semi automatico l utente che deve verificare che le alternative siano presenti e siano posizionate nella giusta posizione rispetto al contenuto che devono sostituire In generale per effettuare questi controlli consigliabile partire da A Checker come abbiamo gi detto per individuare gli elementi che hanno bisogno di queste 195 Elaborazione delle linee guida per l utente alternative tuttavia in caso di presenza di alternative sonore per la loro individuazione risulta pi efficiente il tool Hera Infine come al solito in quest
102. e del medesimo paragrafo 2 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 241 DM 8 Luglio 2005 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 Art 6 Logo attestante il possesso del requisito di accessibilit 1 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 Art 7 Utilizzo del logo 1 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 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
103. e idonee a favorire e mantenere l interesse dell utente flessibilit l ambiente deve tener conto delle preferenze individuali e dei contesti ALLEGATO C Requisiti tecnici di accessibilit per i personal computer di tipo desktop e portatili Per ciascun requisito viene indicato il numero d ordine l enunciato e il riferimento agli standard definiti nella Section 508 del Rehabilitation Act 263 DM 8 Luglio 2005 Requisito n 1 Enunciato Il computer deve potersi collegare mediante canali standard a sistemi di accensione remota Riferimenti Sec 508 non presente Requisito n 2 Enunciato I tasti e i pulsanti devono essere raggiungibili ed operabili con minima abilit e con una forza massima di 2 3 Kg pari a circa 22 2 N Riferimenti Sec 508 1194 26 a 1194 23 k2 Requisito n 3 Enunciato I tasti e i pulsanti devono essere tattilmente percepibili senza necessit di attivarli Riferimenti Sec 508 1194 26 a 1194 23 k1 Requisito n 4 Enunciato In presenza della funzionalit di ripetizione dei tasti l intervallo di tempo sia per la prima ripetizione che per le ripetizioni successive deve essere configurabile in almeno 2 secondi Riferimenti Sec 508 1194 26 a 1194 23 k3 Requisito n 5 Enunciato Il diverso stato di attivazione dei tasti selezionati o bloccati deve essere percepibile oltre che visivamente anche attraverso il tatto o l udito Riferimenti Sec 508 1194 26 a 1194 23 k4
104. e neanche spiegato quale tool sia stato usato per compiere il controllo in quanto si tratta di un informazione superflua che finirebbe per distrarlo dall obiettivo principale cio la verifica della conformit del proprio sito ai requisiti di legge Ovviamente questo non basta utenti pi esperti saranno sicuramente pi esigenti ed qui che entrano in gioco gli altri livelli di profondit Il primo responso infatti rappresenta il punto di partenza per esplorazioni pi approfondite sar possibile innanzitutto accedere al report completo effettuato dal tool usato per compiere il controllo secondo livello in questo modo l utente pi curioso potr controllare di persona cosa andato storto nella verifica e prendere i giusti provvedimenti 162 Capitolo 5 Inoltre presente un ulteriore livello pensato come una guida per l utente la valutazione automatica non pu essere esaustiva ci sono molti controlli che devono essere effettuati manualmente in questi casi il report pu solo far notare la necessit di effettuare questi controlli Una volta presa visione del report e degli avvertimenti l utente pu accedere ad una serie di linee guida esplicative dei passaggi da compiere per effettuare i controlli manuali In definitiva grazie a questo modello di organizzazione sar possibile sapere immediatamente se il sito raggiunge un livello minimo di accessibilit quello verificabile in maniera automatica se la risp
105. e al CNIPA 251 DM 8 Luglio 2005 Riferimenti WCAG 1 0 12 1 12 2 Riferimenti Sec 508 1194 22 i Requisito n 3 Enunciato 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 Riferimenti WCAG 1 0 1 1 6 2 Riferimenti Sec 508 1194 22 a Requisito n 4 Enunciato Garantire che tutti gli elementi informativi e tutte le funzionalit siano disponibili anche in assenza del particolare colore utilizzato per presentarli nella pagina Riferimenti WCAG 1 0 2 1 Riferimenti Sec 508 1194 22 c Requisito n 5 Enunciato 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 252 Appendice C l utente del possibile rischio prima di presentarli e predisporre metodi che consentano di evitare tali elementi Riferimenti WCAG 1 0 7 1 7 2 7 3 Riferimenti Sec 508 1194 22 j Requisito n 6
106. e di tipo auditivo abbia un alternativa testuale I file 18 Elemento a Controllare multimediali Media ogni elemento a il cui di tipo visivo valore dell attributo href dovrebbero finisca per mov wmv avere mpeg aif rvm e alternative verificare che esista testuali o un alternativa testuale o auditive auditiva a questo tipo di contenuto Ci si aspetta che ogni file multimediale di tipo visivo abbia un alternativa testuale o auditiva I testi 19 Elemento area alternativi Bassa Controllare l attributo alt delle aree di ogni elemento area e dovrebbero verificare che indichi la identificare le destinazione del link Ci si destinazioni aspetta che il testo dei link alternativo di ogni elemento area identifichi la destinazione del link I titoli delle 19 Elemento a Controllare 144 Capitolo 4 ancore Bassa l attributo title di ogni dovrebbero elemento a e verificare se descrivere le il suo valore descrive la destinazioni destinazione del link Ci si dei link aspetta che ogni ancora abbia un titolo che ne descriva la destinazione del link Gli 20 Elemento meta aggiornament Alta Controllare ogni elemento i automatici meta che contiene un non attributo http equiv il cui dovrebbero valore sia refresh e essere usati verificare che l elemento non senza contenga anche un attributo preavviso
107. e facile da acquisire ma richiede anche una certa sensibilit e un attenzione che hanno le loro radici in un atteggiamento socio culturale attento e rispettoso ai problemi di tutti ma soprattutto delle minoranze che purtroppo sempre meno presente in un mondo dominato pi dalle ideologie del profitto che dall attenzione a valori di reale uguaglianza Bisogna dire che tuttavia le linee guida in genere vertono principalmente su due concetti principali il primo fa leva sulla capacit di trasformazione dei documenti secondo le caratteristiche proprie del browser o fissate dall autore per la 36 Capitolo 1 lettura il secondo sulla facilit di orientamento di navigazione e di comprensione all interno dei documenti Ai fini dell accessibilit la cosa fondamentale che tutti i possibili tipi di presentazione di un documento riescano a mostrare all utente se non proprio lo stesso contenuto almeno un suo valido equivalente Perch ci possa avvenire sono necessarie due condizioni 1 che siano stati preparati degli equivalenti per quei contenuti che per loro natura si rivolgono ad un solo canale sensoriale per esempio dei testi alternativi come equivalenti delle immagini 2 che non vi siano vincoli all interno del documento tali da consentire un adeguata presentazione del contenuto solo su certi programmi utente ad esempio browser visuali di una certa marca e sotto determinate condizioni d uso per esempio una data ri
108. e incaricato dell attuazione della legge qualora i requisiti non vengano soddisfatti 14 Introduzione Dai contatti avuti con Antonio De Vanna e i suoi collaboratori Steven Sintini e Adamo Liberto del CNIPA l organo delegato all istituzione dell elenco dei valutatori emersa con chiarezza la necessit di fornire alla PA un nuovo set di strumenti che rispondano meglio a queste esigenze Oggi esistono due grandi toolbar barre degli strumenti internazionali una per il browser di casa Microsoft la Web Accessibility Toolbar di AIS Accessible Information Solutions e una per il browser open source Firefox la Mozilla Firefox Accessibility Extension Ma per i motivi detti sopra queste toolbar non possono venire usate con profitto nell ambito della PA italiana Il nostro progetto proprio questo creare partendo da quello che gi esiste una nuova toolbar che vada a coprire il buco della nicchia italiana di mercato e che serva ad automatizzare il pi possibile le verifiche tecniche Consci d altra parte del fatto che alcune di queste verifiche devono essere compiute perlopi in modo manuale e non sono automatizzabili pi di tanto ci proponiamo di fornire anche dei suggerimenti per guidare l utente nella verifica di tutti quei requisiti che possono essere controllati solo in modo manuale 4 Responsabile Ufficio Accessibilit dei sistemi informatici CNIPA 5 Centro Nazionale per l Informatica nella Pubblica Am
109. e pi a fondo come funzionano i tool che verranno usati nella toolbar e come si comportano in effetti quando si trovano a dover effettuare un particolare controllo Soprattutto si cerca di spiegare quali controlli vengono realizzati nei fatti Nella tabella qui sotto abbiamo cercato di estrapolare dai vari tool una serie di test che sono quelli in grado di automatizzare il pi possibile i controlli di accessibilit della legge Stanca Questa operazione potr servire anche in seguito come base da cui partire per individuare ulteriori controlli iniziativa gi intrapresa tra l altro proprio nel presente lavoro alcuni dei controlli in tabella infatti nascono dalle osservazioni riguardo quelli che ancora possono essere definiti come i punti deboli dei tool in commercio Nella prima colonna abbiamo riportato il nome del test con riferimento al risultato atteso Nella seconda colonna figurano il riferimento al numero del requisito cui collegato il test e la priorit alta media o bassa del test Nella terza colonna la pi importante si trova la procedura di svolgimento concepita per condurre il test 117 Test effettuati NOME TEST RIFERIM E SVOLGIMENTO PRIORITA I link non 01 Elemento a Controllare dovrebbero Media ogni elemento a aprirsi in verificare che il valore nuove finestre dell attributo target non del browser sia blank Ci si aspetta che le pagine di dest
110. e script applet e altri oggetti di programmazione siano comandabili attraverso diversi dispositivi di input REQUISITO NUMERO 17 Per questo requisito che come abbiamo detto ricalca quello che lo precede allargando il focus abbiamo predisposto dei controlli sui diversi elementi che devono essere accessibili anche con dispositivi di input diversi dal mouse Per esempio bisogna verificare che laddove siano usati elementi come onmouseover onmouseout onclick onmouseup onmousedown comandi per l utilizzo del mouse a questi siano associati rispettivamente anche gli elementi onfocus onblur onkeypress onkeyup onkeydown che regolano gli stessi comandi da tastiera Inoltre bisogna verificare che non siano presenti elementi come ondbclick cio la reazione che corrisponde al doppio click del tasto sinistro del mouse e onmousemove Infatti il doppio click del mouse riconosciuto come una delle pratiche pi inaccessibili nell uso dei computer in quanto 157 Elaborazione dei test un operazione troppo complessa e che non trova riscontri possibili negli altri dispositivi di input Legare una reazione allo spostamento del mouse sarebbe dannoso per lo stesso motivo REQUISITO NUMERO 18 Questo requisito si pu ricondurre ancora una volta alle direttive illustrate nei requisiti numero 03 e 15 ma questa volta l attenzione rivolta agli elementi multi
111. e si autoaggiornano periodicamente Priorit 2 Per esempio in HTML non fare autoaggiornare le pagine con HTTP EQUIV refresh fino a quando gli interpreti non permetteranno agli utenti di disabilitare questa caratteristica 7 5 Fino a quando gli interpreti non forniranno la capacit di bloccare l auto reindirizzamento non usare marcatura per reindirizzare le pagine automaticamente Piuttosto configurare il server in modo che esegua i reindirizzamenti Priorit 2 Nota Gli elementi BLINK e MARQUEE non sono definiti in alcuna delle specifiche HTML del W3C e non dovrebbero essere usate Linea guida 8 Assicurare l accessibilit diretta delle interfacce utente incorporate Assicurarsi che la progettazione delle interfacce utente segua i principi dell accessibilit accesso alle diverse funzionalit indipendente dai dispositivi usati possibilit di operare da tastiera comandi vocali ecc Quando un oggetto incorporato possiede una sua propria interfaccia l interfaccia cos come l interfaccia dello stesso browser deve essere accessibile Se l interfaccia dell oggetto 295 Le WCAG del WAI incorporato non pu essere resa accessibile deve essere fornita una soluzione alternativa accessibile Nota Per informazioni sulle interfacce accessibili si prega di consultare le User Agent Accessibility Guidelines e le Authoring Tool Accessibility Guidelines Punto di controllo 8 1 Fare in modo che elementi di programmi
112. e sia che vengano usati gli attributi predisposti per i casi in cui i browser non supportino le funzionalit aggiuntive come noscript per gli script o noembed per gli oggetti incorporati sia che i testi alternativi siano adeguati alle situazioni pur con tutte le limitazioni del caso 101 Controllo incrociato requisito tool Wave invece riesce solo ad TOOL UTILI E VOTI A Checker 3 i Barra dell Accessibilit 2 altri oggetti ma tace Cynthia Says 2 riguardo alle alternative Firefox Web Developer 2 proposte Wave 2 La Barra dell Accessibilit WebXact 1 identificare script e molti ha una funzione per la visualizzazione degli elementi javascript e una per escludere dalla visualizzazione tutti gli oggetti che necessitano di plug in ma questi sono controlli manuali La stessa funzione per la disabilitazione degli elementi javascript offerta anche dalla Toolbar di Firefox e ovviamente anche in questo caso si tratta di un controllo manuale Cynthia Says si pone un po come una via di mezzo tra A Checker e Wave in quanto controlla anche la presenza di elementi come noscript ma poi si perde al momento di controllare l adeguatezza delle alternative WebXact offre diversi punti di controllo in questo ambito ricordando di fornire alternative per ogni oggetto che veicola informazioni importanti Nessun tool invece pu sostituire il giudizio umano quando si tratta di capire se la
113. e tali oggetti ma non possono effettuare controlli per verificare che questi 193 Elaborazione delle linee guida per l utente oggetti siano indipendenti dal dispositivo di puntamento utilizzato L utente dovr allora verificarlo di persona controllando empiricamente che l oggetto possa essere comandato indifferentemente almeno tramite mouse e tastiera 1 Controllare che tutti gli script le applet e gli oggetti di programmazione siano indipendenti dal device e che possano essere controllati indifferentemente tramite mouse e tastiera o altri dispositivi di puntamento REQUISITO NUMERO 17 Controllo accessibilit diretta A Checker Semi Auto Come abbiamo gi detto durante la presentazione del requisito e nel controllo incrociato coi tool il controllo dell accessibilit diretta degli oggetti molto simile al controllo della loro indipendenza dai dispositivi di puntamento che abbiamo discusso poco sopra e pertanto le modalit di verifica sono assimilabili cos come i consigli sugli ulteriori controlli da effettuare 1 Controllare che oggetti di programmazione script e applet siano direttamente accessibili e quindi comandabili tramite pi dispositivi almeno la tastiera oltre al mouse 194 Capitolo 6 REQUISITO NUMERO 18 Individuazione elementi multimediali A Checker Auto Presenza e posizione alternativa A Checker Semi Auto Alternativa sonora Hera Semi Auto Adeguatezza alternativa non present
114. ecessari per l esecuzione delle attivit devono essere facili da capire e da usare operabilit informazioni e comandi devono consentire una scelta immediata della azione adeguata per raggiungere l obiettivo voluto coerenza simboli messaggi e azioni devono avere lo stesso significato in tutto l ambiente salvaguardia della salute safety l ambiente deve possedere caratteristiche idonee a salvaguardare il benessere psicofisico dell utente sicurezza l ambiente deve possedere caratteristiche idonee a fornire transazioni e dati affidabili gestiti con adeguati livelli di sicurezza trasparenza l ambiente deve comunicare all utente lo stato gli effetti delle azioni compiute e le informazioni 262 Appendice C 8 9 10 11 12 necessarie per la corretta valutazione della dinamica dell ambiente stesso apprendibilit l ambiente deve possedere caratteristiche di utilizzo di facile e rapido apprendimento aiuto e documentazione funzioni di aiuto quali le guide in linea e documentazione relativa al funzionamento dell ambiente devono essere di facili reperimento e connesse al compito svolto dall utente tolleranza agli errori l ambiente pur configurandosi in modo da prevenire gli errori ove questi comunque si manifestino deve fornire appropriati messaggi che individuino chiaramente l errore occorso e le azioni necessarie per superarlo gradevolezza l ambiente deve possedere caratteristich
115. ecifiche rispettandone l aspetto semantico In particolare per i linguaggi a marcatori HTML HypertText Markup Language e XHTML eXtensible HyperText Markup Language a per tutti i siti di nuova realizzazione utilizzare almeno la versione 4 01 dell HTML o preferibilmente la versione 1 0 dell VXHTML in ogni caso con DTD Document Type Definition Definizione del Tipo di Documento di tipo Strict 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 1 evitare di utilizzare all interno del linguaggio a marcatori con il quale la pagina realizzata elementi ed attributi per definirne le caratteristiche di presentazione della pagina 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 64 Capitolo 3 2 evitare la generazione di nuove finestre ove ci non fosse possibile avvisare esplicitamente l utente del cambiamento del focus ANALISI E TEST Affinch un sito Web sia accessibile prima di tutto deve essere corretto grammaticalmente Ogni pagina HTML o XHTML valida deve cominciare con un frammento di codice che si chiama tecnicamente document type definition ovvero tradotto in ita
116. ecifico requisito analizzato possono esserci solo due parole conforme scritto in verde o non conforme scritto in rosso Questo primo risultato ottenuto miscelando i responsi dei singoli sotto controlli mostrati nella parte bassa della schermata A sinistra si trova un nome riassuntivo del controllo effettuato passandoci sopra col mouse si apre una descrizione pi ampia a destra il risultato che segue le stesse modalit illustrate sopra In particolare per avere come risultato generale conforme necessario che nessuno dei sotto controlli risulti non conforme mentre la presenza di uno o pi sotto controlli manuali non inficia sul risultato globale Semplicemente se un requisito risulta conforme ma con un sotto controllo manuale l utente sar esortato a compiere ulteriori verifiche Nel quadrante in basso a sinistra si trovano anche i comandi che consentono di accedere agli altri livelli di profondit sono rappresentati da dei bottoni grigi sulla sinistra dei singoli sotto controlli Sono presenti due tipi di bottone report completo e ulteriori controlli 166 Capitolo 5 Bisogna notare che i due tipi di bottone non devono essere presenti necessariamente entrambi Nello specifico i sotto controlli manuali non danno mai la possibilit di accedere al report completo mentre i sotto controlli pi efficienti non hanno bisogno di ulteriori verifiche Le funzioni di questi
117. ecnico Pi in particolare la verifica tecnica si articola nelle seguenti attivit a riscontro con sistemi di validazione automatica della rispondenza alla sua definizione formale del linguaggio a marcatori utilizzato b 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 c esame della pagina con varie versioni di diversi browser grafici in vari sistemi operativi Riguardo alla reperibilit di questi strumenti nel testo del decreto si accenna alla disponibilit sul mercato di programmi in grado di agevolare la verifica tecnica e si rimanda alla lista degli strumenti pi diffusi presente nel sito del W3C Paragrafo 2 2 dello studio sulle linee guida recanti i requisiti tecnici e i diversi livelli per l accessibilit e le metodologie tecniche per la verifica dell accessibilit dei siti Internet 12 Per verifica automatica si intende una misura o una stima fornita esclusivamente da uno strumento automatico un programma o un algoritmo che attesti se una certa condizione rispettata o meno Allegato A paragrafo 2 del decreto recante i requisiti tecnici e i diversi livelli per l accessibilit agli strumenti informatici 13 Introduzione all indirizzo
118. el linguaggio a marcatori con il quale la pagina realizzata elementi ed attributi per definirne le caratteristiche di presentazione della pagina 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 2 evitare la generazione di nuove finestre ove ci non fosse possibile avvisare esplicitamente l utente del cambiamento del focus Riferimenti WCAG 3 1 3 2 3 5 3 6 3 7 11 1 11 2 Riferimenti Section 508 non presenti 43 I criteri della legge Stanca 02 Non consentito l uso dei frame nella realizzazione di nuovi siti In sede di prima applicazione per i siti Web esistenti gi realizzati con frame consentito l uso di HTML 4 01 o XHTML 1 0 con DTD frameset ma con le seguenti avvertenze a evitare di utilizzare all interno del linguaggio a marcatori con il quale la pagina realizzata elementi ed attributi per definirne le caratteristiche di presentazione della pagina 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 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
119. el logo stesso sono indicati nel decreto di cui all articolo 11 della legge n 4 del 2004 Art 6 Casi di aggiornamento della valutazione di accessibilit 1 In caso di modifiche sostanziali dei siti o servizi e nel caso del rinnovo dell autorizzazione di cui all articolo 4 comma 1 i soggetti privati richiedono tempestivamente un aggiornamento della valutazione dell accessibilit ad uno dei valutatori iscritti nell elenco Il valutatore effettuata la verifica rilascia 227 Art DPR 1 Marzo 2005 n 75 un nuovo attestato al soggetto richiedente inviandone contestualmente copia all Amministrazione per l aggiornamento della durata e del livello di qualit del logo in caso di rinnovo dell autorizzazione l invio della copia deve avvenire almeno quindici giorni prima della data di scadenza dell autorizzazione stessa 7 Poteri ispettivi di controllo sui soggetti privati 1 Nei riguardi dei soggetti privati il CNIPA previa comunicazione inviata al soggetto interessato verifica il mantenimento dei requisiti di accessibilit dei siti e dei servizi anche avvalendosi di valutatori iscritti nell elenco di cui all articolo 3 comma 1 purch questi ultimi risultino estranei alla realizzazione manutenzione o certificazione del sito o servizio e adegua eventualmente il logo al livello di accessibilit riscontrata aggiornandone la validit temporale In caso di riscontro di un livello di accessibilit in
120. ella prima versione erano separate in due bottoni le ulteriori informazioni sul Laboratorio di Usabilit e Accessibilit e i crediti sulla Toolbar stessa Come nella prima versione cliccando su uno dei bottoni numerati si apre una pagina che contiene il primo report di verifica su quel particolare requisito Per ricordare all utente dove si trova il bottone selezionato rimane acceso in colore 171 Interfaccia definitiva dorato e una lancetta costituita dalla chiave del logo di LUA Toolbar si pone in corrispondenza del numero selezionato circondandolo Nel frattempo sulla destra si apre la pagina con il report vero e proprio In Figura 7 vediamo il report generale ovvero il primo livello di profondit di LUA Toolbar CNIPA Centro Nazionale per Informatica nella Pubblica Amministrazione http www cnipa gov it site it IT ATO Google c gt poe ia men Q NON CONFORME l obar Strumenti per Accessibilit Im due anni di attivit E realizzazione di tutte l Convegni C onn etti Completo Presenza alternative testuali conforme i Galerias D report Ulteriori P j NI neon SRO Enter Significativit alternative non conforme Roi t vARDEA dell dibi PA i modelli di gove D dei servizi Sono pre Magnolfi Modulo di re B Continua Funzionamento Figura 7 Il primo livello di profondit nella versione definitiva Ne
121. elle di dati e le celle di intestazione che hanno due o pi livelli logici di intestazione di righe o colonne Riferimenti WCAG 5 2 Riferimenti Section 508 1194 22 h 11 Usare i fogli di stile per controllare la presentazione dei contenuti e organizzare le pagine in modo che possano essere lette anche quando i fogli di stile siano disabilitati o non supportati Riferimenti WCAG 3 3 6 1 Riferimenti Section 508 1194 22 d 12 La presentazione e i contenuti testuali di una pagina devono potersi adattare alle dimensioni della finestra del browser utilizzata dall utente senza sovrapposizione degli oggetti presenti o perdita di informazioni tali da rendere incomprensibile il contenuto anche in caso di ridimensionamento ingrandimento o riduzione dell area di visualizzazione o dei caratteri rispetto ai valori predefiniti di tali parametri Riferimenti WCAG 3 4 47 I criteri della legge Stanca Riferimenti Section 508 non presenti 13 In caso di utilizzo di tabelle a scopo di impaginazione garantire che il contenuto della tabella sia comprensibile anche quando questa viene letta in modo linearizzato e utilizzare gli elementi e gli attributi di una tabella rispettandone il valore semantico definito nella specifica del linguaggio a marcatori utilizzato Riferimenti WCAG 5 3 5 4 Riferimenti Section 508 non presenti 14 Nei moduli form associare in maniera esplicita le etichette
122. ello che servirebbe alla Pubblica Amministrazione italiana proprio uno strumento in grado di accertare il livello tecnico di accessibilit del sito di orientare lo sviluppatore a capire quali requisiti ancora non vengono raggiunti e successivamente di predisporre dei consigli per migliorare la rispondenza del sito ai requisiti di legge Dato che la maggior parte dei requisiti pu essere verificata da pi di un tool tabella 3 la strategia sar quella di individuare il tool che effettua una particolare verifica nel modo migliore e utilizzarlo come base di partenza per arrivare a quanto voluto Numero Tool utilizzabili Requisito 01 A Checker ACC Barra dell Accessibilit Dr Watson EvalAccess Firefox Web Developer Functional Accessibility Evaluator Juicy Studio Wave Web Accessibility Inspector 02 A Checker Barra dell Accessibilit Cynthia Says Functional Accessibility Evaluator Hera 58 Capitolo 2 Juicy Studio Wave 03 A Checker Barra dell Accessibilit Cynthia Says EvalAccess Firefox Web Developer Functional Accessibility Evaluator Wave 04 A Checker Barra dell Accessibilit 05 A Checker Barra dell Accessibilit Flicker Rate Test WebXact 06 A Checker Barra Dell Accessibilit Colour Check Colour Contrast Analyser Firefox Web Developer Fg Bg Color Contrast Analyzer Juicy Studio 07 A Checker Barra dell Accessibi
123. embed e verificare che la essere sua interfaccia sia accessibili controllabile anche tramite tastiera Ci si aspetta che l interfaccia di un oggetto sia controllabile anche da tastiera Le interfacce 16 Elemento script degli script Bassa Controllare le operazioni di 139 Test effettuati dovrebbero essere accessibili ogni elemento script e verificare che l interfaccia possa essere gestita tramite tastiera Ci si aspetta che l interfaccia sia accessibile tramite tastiera Gli elementi 17 Tutti gli elementi dovrebbero Alta Controllare ogni elemento essere che contenga un attributo accessibili onclick e verificare che tramite contenga anche un attributo tastiera onkeypress Ci si aspetta l attributo che i due elementi siano onclick presenti necessita contemporaneamente anche l attributo onkeypress Gli elementi 17 Tutti gli elementi dovrebbero Alta Controllare ogni elemento essere che contenga un attributo accessibili onmousedown e verificare tramite che contenga anche un tastiera attributo onkeydown Ci l attributo si aspetta che i due elementi onmousedo siano presenti wn necessita contemporaneamente anche l attributo 140 Capitolo 4 onkeydown Gli elementi 17 Tutti gli elementi dovrebbero Alta Controllare ogni elemento essere che contenga un attributo accessibili
124. ementi dovrebbero input che hanno radio avere come valore dell attributo un etichetta type Ci si aspetta che associata l elemento in questione abbia un elemento label associato esplicitamente in almeno uno dei seguenti metodi l elemento input ha un attributo id che coincide con l attributo for dell elemento label e o l elemento input ha un attributo title e o l elemento input contenuto nell elemento label Tutte le 14 Elemento input checkbox Alta Controllare tutti gli elementi dovrebbero input che hanno avere checkbox come valore un etichetta dell attributo type Ci si associata aspetta che l elemento in questione abbia un elemento label esplicitamente in associato almeno uno dei seguenti metodi l elemento input ha un attributo id che coincide 134 Capitolo 4 con l attributo for label e o l elemento input ha un dell elemento attributo title e o l elemento input contenuto nell elemento label Tutte le 14 Elemento input password Alta Controllare tutti gli elementi dovrebbero input che hanno avere password come valore un etichetta dell attributo type Ci si associata aspetta che l elemento in questione abbia un elemento label esplicitamente in associato almeno uno dei seguenti metodi l elemento
125. endo la simulazione della visualizzazione del sito con diversi browser a diverse risoluzioni 1 Visualizzare il sito a diverse risoluzioni almeno 640x480 800x600 e 1024x768 con la Barra dell Accessibilit e verificare che il sito risulti comunque navigabile e fruibile al meglio In particolare controllare che gli elementi non collassino su se stessi sovrapponendo i vari contenuti e che tutti gli oggetti presenti nella pagina siano ancora utilizzabili con profitto 2 Visualizzare il sito tramite diversi browser almeno Internet Explorer Opera e Firefox con Browser Cam e 188 Capitolo 6 verificare che il sito risulti comunque navigabile e fruibile al meglio In particolare controllare che tutti gli oggetti presenti nella pagina siano ancora utilizzabili con profitto per esempio controllare che i form di inserimento dati siano visualizzati con tutti i browser utilizzati REQUISITO NUMERO 13 Distinzione tipi di tabelle A Checker Auto Linearizzazione Delorie Lynx Viewer Semi Auto Sempre pi nella creazione di siti Web vengono usate le tabelle in modo improprio si tratta di tabelle che non vengono riempite di informazioni testuali ma che vengono usate come griglia per suddividere lo spazio in segmenti pi facilmente gestibili nei quali inserire i contenuti e formattarli nel modo pi adeguato Tali tabelle vengono definite di layout in quanto influenzano la presentazione della pagina
126. ente nell attributo longdesc A questo scopo il software dovrebbe essere in grado di riconoscere il testo all interno delle immagini e di confrontarlo con quello che scritto nell attributo alt REQUISITO NUMERO 04 Questo requisito molto difficile da verificare perch non esistono modi automatici di farlo L unico test che si pu effettuare e nella tabella tale test declinato per diversi oggetti quello di controllare che gli oggetti non facciano affidamento sul solo colore per veicolare significato Per esempio consigliabile non inserire un bottone verde per confermare un acquisto accanto a uno rosso per annullare meglio inserire una scritta conferma vicino al bottone verde e una annulla relativa a quello rosso I test in questione 150 Capitolo 4 devono verificare la presenza di qualunque elemento che possa veicolare significato alternativamente al colore Per un altra verifica utile vedere anche la discussione sul requisito numero 06 REQUISITO NUMERO 05 I quattro controlli proposti nella tabella del paragrafo precedente sono tutti mirati a individuare che non ci siano oggetti lampeggianti o intermittenti qualunque sia la loro natura siano essi immagini script applet o oggetti di altro tipo Filcker Rate Test funziona cos bene nella verifica di questo requisito che non c bisogno di apportare delle modifiche al suo paradigma REQUISITO NUMERO 06 Il test in questo caso risu
127. enuto del sito i tool possono essere solo di scarso aiuto Per avere un link ottimale bisogna fare in modo non solo che il collegamento non sia rotto ma anche che la destinazione sia subito chiara Gli strumenti meccanici possono solo mostrare il testo alternativo associato ad ogni link ma poi bisogna capire se questo testo sufficientemente esplicativo o se nella pagina vengono usati altri artifici per far capire all utente cosa succeder in caso di pressione del collegamento Inoltre non nemmeno possibile individuare tramite tool i modi in cui si cerca di ovviare al problema ricorrente dei link comuni a pi pagine per esempio quelli dei classici men a schedario nella parte alta delle pagine che vengono letti ripetutamente dai browser vocali causando senz altro fastidio a chi ne fa uso Quindi bisogna ricercarli manualmente facendo affidamento sulla creativit dei webmaster 1 Visualizzare i testi alternativi dei link tramite A Checker e verificare che vi sia spiegata la destinazione cui porta il collegamento 197 Elaborazione delle linee guida per l utente 2 Individuare nelle vicinanze dei link eventuali altre modalit di spiegazione della destinazione del collegamento per esempio una descrizione testuale accanto al link 3 Verificare che vengano adottate soluzioni per evitare che i browser vocali ripetano pi volte i gruppi di link comuni a pi pagine REQUISITO NUMERO 20 Individuazione aggiornamen
128. er compie controlli A Checker 2 atti proprio a individuare la Cynthia Says 1 presenza di aggiornamenti o EvalAccess 1 reindirizzamenti automatici ed l unico tra i tool analizzati a offrire questo servizio Nonostante ci il controllo risulta incompleto in quanto non prende in considerazione gli altri casi in cui per l erogazione del servizio previsto un intervallo di tempo limitato Lo stesso si pu dire per EvalAccess ed anche per Cynthia Says Questi tool comunque si pongono sotto A Checker perch individuano solo gli aggiornamenti e non i reindirizzamenti I MIGLIORI Individuazione aggiornamenti automatici A Checker Semi Auto Individuazione servizi a tempo non presente Manuale 111 Controllo incrociato requisito tool 3 1 21 Requisito Numero 21 Rendere selezionabili e attivabili tramite comandi da tastiere o tecnologie in emulazione di tastiera o tramite sistemi di puntamento diversi dal mouse i collegamenti presenti in una pagina per facilitare la selezione e l attivazione dei collegamenti presenti in una pagina necessario garantire che la distanza verticale di liste di link e la spaziatura orizzontale tra link consecutivi sia di almeno 0 5 em la distanza orizzontale e verticale tra i pulsanti di un modulo sia di almeno 0 5 em e che le dimensioni dei pulsanti in un modulo siano tali da rendere chiaramente leggibile l etichetta in essi contenuta ANALISI E TEST Questo requisito si r
129. erimenti WCAG 7 1 7 2 7 3 Riferimenti Section 508 1194 22 j 45 I criteri della legge Stanca 06 Garantire che siano sempre distinguibili il contenuto informativo foreground e lo sfondo background ricorrendo a un sufficiente contrasto nel caso del testo o a differenti livelli sonori in caso di parlato con sottofondo musicale evitare di presentare testi in forma di immagini Riferimenti WCAG 2 2 Riferimenti Section 508 non presenti 07 Utilizzare mappe immagine sensibili di tipo lato client piuttosto che lato server salvo il caso in cui le zone sensibili non possano essere definite con una delle forme geometriche predefinite indicate nella DTD adottata Riferimenti WCAG 9 1 Riferimenti Section 508 1194 22 f 08 In caso di utilizzo di mappe immagine lato server fornire i collegamenti di testo alternativi necessari per ottenere tutte le informazioni o i servizi raggiungibili interagendo direttamente con la mappa Riferimenti WCAG 1 2 Riferimenti Section 508 1194 22 e 09 Per le tabelle dati usare gli elementi marcatori e gli attributi previsti dalla DTD adottata per descrivere i contenuti e identificare le intestazioni di righe e colonne 46 Capitolo 2 Riferimenti WCAG 5 1 5 5 5 6 Riferimenti Section 508 1194 22 g 10 Per le tabelle dati usare gli elementi marcatori e gli attributi previsti nella DTD adottata per associare le c
130. esempio editor di testo database fogli elettronici ma anche programmi di posta elettronica browser ecc inon vedenti muniti dell hardware necessario possono stampare anche in braille i documenti prodotti e scansionare testi e immagini Esattamente come qualsiasi altro utente informatico normodotato Per gli ipovedenti poi vi sono anche altri strumenti come gli ingranditori magnifier mirati per rispondere a esigenze diverse in funzione dell ampia gamma di difficolt visive 18 Capitolo 1 esistenti e accorgimenti nella stesura di documenti e nella presentazione di immagini che mettono in grado tali utenti di superare in modo relativamente semplice oggettive difficolt Gli elementi chiave per garantire l accesso alle pagine HTML agli ipovedenti sono i seguenti Un monitor di almeno 17 19 Una bassa risoluzione video 640x480 Caratteri grandi 12 18 punti un testo scritto con font di dimensioni da 14 a 18 punti leggibile agevolmente da un ipovedente Particolari combinazioni di colori che creino contrasti di livello elevato ad esempio un testo scritto in colore bianco o giallo su fondo di colore deciso nero blu verde ecc Risulta abbastanza semplice da leggere anche un testo ottenuto con una combinazione di colori pi usuale caratteri in colore nero su fondo bianco anche se comunque preferibile adottare sfondo scuro e caratteri in colori molto contrastanti Per un ipovedente pi el
131. essibilit Ciascuna delle linee guida comprende 1 Il proprio numero 2 Il proprio obiettivo 3 Collegamenti per la navigazione Tre collegamenti permettono di spostarsi alla linea guida che segue icona con freccia a destra a quella precedente icona con freccia a sinistra e alla posizione della linea guida corrente all interno dell Indice icona con freccia verso l alto 4 La logica dietro alla linea guida e alcune categorie di utenti destinate a beneficiarne 5 Una lista di definizioni dei punti di controllo Le definizioni dei punti di controllo presenti in ognuna delle linee guida spiegano in che modo la specifica linea guida applicabile in tipici scenari di sviluppo dei contenuti Ciascuna definizione dei punti di controllo comprende 1 Il numero 2 L obiettivo 3 La priorit I punti di controllo di priorit 1 vengono messi in evidenza attraverso l utilizzo di fogli di stile 4 Note informative opzionali esempi chiarificatori e riferimenti incrociati a linee guida correlate e a punti di controllo Ogni punto di controllo abbastanza specifico da consentire a chi si occupa della revisione di una pagina o di un sito di verificare che esso sia stato applicato 279 Le WCAG del WAI 3 1 Convenzioni del documento Le seguenti convenzioni editoriali vengono applicate all interno del presente documento 1 Inomi degli elementi sono scritti in lettere maiuscole 2 I nomi degli attributi sono riportati
132. evato il contrasto di colori e pi alta la capacit visiva consentita Ci significa quindi considerare con attenzione gli apparentamenti di colore da realizzare per ottenere un efficace contrasto che faccia balzare in primo piano soprattutto i contenuti vale a dire quanto viene comunicato e deve essere recepito in altre parole ci che 19 Disabilit e uso del Web dovrebbe essere l elemento fondamentale di una pagina Web Un buon contrasto di colori d altronde un elemento valido e positivo che viene messo a disposizione di tutti gli utenti Per quanto riguarda i font da utilizzare per agevolare un utente ipovedente preferibile scegliere caratteri molto ben disegnati che non siano troppo sottili light n troppo compressi condensed per riferirsi ai font pi diffusi sono in particolare molto bene leggibili Arial Verdana Century Gothic Tahoma Bookman Old Style e tutti gli altri che possibile definire simili per aspetto Da evitare accuratamente sono i font compressi per esempio Impact Juice Matisse Rockwell e simili quelli stilizzati per esempio Matura Snap Matisse ITC Lucida Handwriting e simili mentre i classici Courier New e Times New Roman sono considerati un po troppo sottili Per tutti i font nel limite del possibile si dovrebbero evitare grafie in corsivo mentre il grassetto bold in inglese sempre assai indicato e gradito da un utente ipovedente Un non vedente o un ipovede
133. eve contenere elementi di testo oggetti o altri elementi lampeggianti aventi una frequenza di intermittenza maggiore di 2Hz e minore di 55Hz Section 508 1194 21 k Requisito n 10 Enunciato L elemento attivo focus di una interfaccia utente deve essere chiaramente identificabile la 267 DM 8 Luglio 2005 identificazione e la variazione del focus devono essere segnalate a livello di interfaccia di programmazione API affinch le tecnologie assistive possano gestirle vanno altres adeguatamente segnalati gli elementi che richiedono obbligatoriamente un azione da parte dell utente Section 508 1194 21 c Requisito n 11 Enunciato La documentazione di supporto al prodotto e le caratteristiche di accessibilit devono essere rese disponibili anche in formato elettronico accessibile Section 508 1194 41 ALLEGATO E Logo di accessibilit dei siti Web e delle applicazioni realizzate con tecnologie Internet 1 Logo senza asterischi Consiste nella sagoma di un personal computer ag di colore terra di Siena unito a tre figure umane stilizzate rispettivamente da sinistra di colore celeste azzurro e amaranto le quali fuoriescono dallo schermo a braccia levate Detto logo risponde al primo livello di accessibilit legato alla conformit ai requisiti previsti per la verifica tecnica 2 Logo con asterischi 268 Appendice C Consiste nello stesso disegno sopra descritto con l aggiunta di asterischi esso garan
134. facilitare la selezione e l attivazione dei collegamenti presenti in una pagina necessario garantire che la distanza verticale di liste di link e la spaziatura orizzontale tra link consecutivi sia di almeno 05 em la 2 Unit di misura usata in tipografia un em corrisponde alla larghezza della lettera M in un particolare tipo di caratteri 50 Capitolo 2 distanza orizzontale e verticale tra i pulsanti di un modulo sia di almeno 0 5 em e che le dimensioni dei pulsanti in un modulo siano tali da rendere chiaramente leggibile l etichetta in essi contenuta Riferimenti WCAG non presenti Riferimenti Section 508 non presenti 22 Per le pagine di siti esistenti che non possano rispettare i suelencati requisiti pagine non accessibili in sede di prima applicazione fornire il collegamento a una pagina conforme a tali requisiti recante informazioni e funzionalit equivalenti a quelle della pagina non accessibile ed aggiornata con la stessa frequenza evitando la creazione di pagine di solo testo il collegamento alla pagina conforme deve essere proposto in modo evidente all inizio della pagina non accessibile Riferimenti WCAG 11 4 Riferimenti Section 508 1194 22 k Tabella 1 I requisiti della legge 4 2004 legge Stanca 51 I tool sul mercato e la loro relazione con i requisiti 2 2 I tool sul mercato e la loro relazione con i requisiti I requisiti da verificare appena i
135. faticosa per persone disabili che abbiano una visualizzazione lenta 13 10 Fornire un mezzo per saltare arte ASCII multilinea Priorit 3 Linea guida 14 Assicurarsi che i documenti siano chiari e semplici Assicurarsi che i documenti siano chiari e semplici in modo che possano essere compresi pi facilmente Una disposizione coerente della pagina una grafica riconoscibile e un linguaggio facile da capire giovano a tutti gli utenti In particolare essi aiutano persone con disabilit cognitive o con difficolt di lettura Tuttavia assicurarsi che le immagini abbiano equivalenti testuali per i non vedenti gli ipovedenti o per qualsiasi utente che non possa o abbia scelto di non visualizzare la grafica L uso di un linguaggio chiaro e semplice promuove una comunicazione efficace L accesso all informazione scritta pu essere difficile per persone con disabilit cognitive o dell apprendimento L uso di un linguaggio chiaro e semplice giova anche alle persone la cui madrelingua diversa dalla vostra comprese le persone che comunicano essenzialmente con il linguaggio dei segni Punti di controllo 14 1 Usare il linguaggio pi chiaro e semplice possibile che sia adatto al contenuto di un sito Priorit 1 306 Appendice D 14 2 Integrare il testo con presentazioni grafiche o uditive nei casi in cui esse possano facilitare la comprensione della pagina Priorit 3 14 3 Creare uno stile di presentazione coerente fra le p
136. fazione nell uso del prodotto soggetti privati soggetti diversi da quelli di cui all articolo 3 della legge n 4 del 2004 221 DPR 1 Marzo 2005 n 75 h valutatori soggetti iscritti nell apposito elenco e qualificati a certificare le caratteristiche di accessibilit dei servizi Art 2 Criteri e principi generali per l accessibilit 1 Sono accessibili i servizi realizzati tramite sistemi informatici che presentano i seguenti requisiti a accessibilit al contenuto del servizio da parte dell utente b fruibilit delle informazioni offerte caratterizzata anche da 1 facilit e semplicit d uso assicurando fra l altro che le azioni da compiere per ottenere servizi e informazioni siano sempre uniformi tra loro 2 efficienza nell uso assicurando fra l altro la separazione tra contenuto presentazione e modalit di funzionamento delle interfacce nonch la possibilit di rendere disponibile l informazione attraverso differenti canali sensoriali 3 efficacia nell uso e rispondenza alle esigenze dell utente assicurando fra l altro che le azioni da compiere per ottenere in modo corretto servizi e informazioni siano indipendenti dal dispositivo utilizzato per l accesso 4 soddisfazione nell uso assicurando fra l altro l accesso al servizio e all informazione senza ingiustificati disagi o vincoli per l utente 222 Appendice B c compatibilit con le linee guida indicate nelle c
137. feriore 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 determinata ai sensi dell articolo 3 comma 5 lettera c e comunque di importo non superiore al doppio del costo effettivo dell ispezione 228 Appendice B Art 8 Modalit di utilizzo del logo da parte dei soggetti di cui al comma 1 dell articolo 3 della legge n 4 del 2004 1 Le amministrazioni pubbliche e comunque i soggetti di cui all articolo 3 comma 1 della legge n 4 del 2004 che intendono utilizzare il logo sui siti e sui servizi forniti provvedono autonomamente a valutare l accessibilit sulla base delle regole tecniche definite con il decreto del Ministro per l innovazione e le tecnologie di cui all articolo 11 della legge n 4 del 2004 la valutazione positiva previa segnalazione al CNIPA consente l utilizzo del logo Art 9 Controlli esercitabili sui soggetti di cui al comma 1 dell articolo 3 della legge n 4 del 2004 1 Per l attuazione della legge ogni amministrazione pubblica centrale nomina un responsabile dell accessibilit informatica da individuare tra il personale appartenente alla qualifica dirigenziale gi in servizio presso l amministrazione stessa la cui funzione in assenza di specifica designazione svolta dal responsabile dei sistemi informativi di cui all articolo 10 del de
138. finisce tre livelli di conformit al presente documento 1 Livello di Conformit A conforme a tutti i punti di controllo di Priorit 1 2 Livello di Conformit Doppia A conforme a tutti i punti di controllo di Priorit 1 e 2 3 Livello di Conformit Tripla A conforme a tutti i punti di controllo di Priorit 1 2 e 3 Nota I Livelli di conformit vengono indicati in modalit testuale in modo da poter essere comprensibili anche se espressi attraverso sintesi vocale Le dichiarazioni di conformit a questo documento devono utilizzare una delle due seguenti forme Forma 1 Specificare 1 Il titolo delle linee guida Linee guida per l accessibilit ai contenuti del Web 1 0 2 L URI delle Linee Guida http www w3 0rg TR 1999 WAI WEBCONTENT 19990505 281 Le WCAG del WAI 3 Il Livello di conformit A Doppia A o Tripla A 4 L ambito della dichiarazione ad es pagina sito o una ben definita porzione di un sito Esempio di Forma 1 Questa pagina conforme alle Linee guida per l accessibilit ai contenuti del Web 1 0 del W3C disponibili a http www w3 0rg TR 1999 WAI WEBCONTENT 19990505 livello Doppia A Forma 2 Includere su ciascuna pagina che si dichiara conforme una delle tre icone fornite dal W3C e collegare l icona all appropriata spiegazione W3C riguardante la dichiarazione 6 Linee guida per l accessibilit ai contenuti del Web Linea guida 1 Fornire alternative equiv
139. g data ultima consultazione 4 Marzo 2007 WebAIM Web Accessibility In Mind www webaim org data ultima consultazione 9 Marzo 2007 WebUsabile it Risorse di webusability www webusabile it data ultima consultazione 21 Febbraio 2007 WebXAct http webxact watchfire com data ultima consultazione 12 Marzo 2007 316 Bibliografia e Webliografia Webxtutti www webxtutti it data ultima consultazione 27 Novembre 2006 World Health Organization www who int data ultima consultazione 20 Novembre 2006 World Wide Web Consortium www w3 0rg data ultima consultazione 16 Dicembre 2006 WrongHTML http html idena jp program ShlEx html data ultima consultazione 30 Ottobre 2006 317
140. gi abbiamo visto nel requisito 03 come allora il testo alternativo deve poter sostituire quanto pi possibile l oggetto in questione riportandone le caratteristiche principali e proprio come allora non ci sono tool in grado di sostituire il giudizio umano in questa valutazione Infine qualora non sia possibile comunque realizzare alternative valide si rende necessario verificare che il senso della pagina non venga stravolto dall assenza dell oggetto e 192 Capitolo 6 quindi che il sito sia ugualmente fruibile pertanto non ci si dovrebbe affidare a script o applet per comunicare informazioni fondamentali 1 Visualizzare gli eventuali attributi noembed e noscript presenti nella pagina con A Checker e verificare che il loro contenuto possa sostituire l oggetto cui sono collegati con la minor quantit possibile di informazioni perse 2 Verificare che ad ogni oggetto di programmazione sia associato un testo alternativo che possa sostituirne il contenuto con la minor quantit possibile di informazioni perse 3 Visualizzare la pagina disattivando gli oggetti e controllare che il significato della stessa non venga stravolto e sia ancora comprensibile a prima vista REQUISITO NUMERO 16 Indipendenza dai dispositivi di puntamento A Checker Semi Auto In questo requisito si parla ancora di oggetti di programmazione quali script e applet come nel requisito precedente i tool sono solo in grado di riconoscer
141. guate Anche quando i colori vengono distorti a causa di disturbi da daltonismo comunque possibile verificare in modo 182 Capitolo 6 automatico se soddisfino il requisito stavolta con Color Contrast Analyser in cui per bisogna inserire manualmente i colori I veri problemi sorgono invece quando si deve rilevare la presenza di testi all interno di immagini questo controllo manuale 1 Controllare le immagini presenti nel sito per verificare che al loro interno non vi sia del testo 2 Se il testo presente verificare che venga riproposto nelle vicinanze o mediante l attributo longdesc REQUISITO NUMERO 07 Individuazione mappe immagine Hera Auto Scelta mappe lato client server non presente Manuale In questo caso il primo controllo del tutto automatico Hera infatti in grado di individuare sia le mappe immagine lato client sia quelle lato server Consigli invece possono essere dati per quanto riguarda la scelta migliore da prendere Sebbene sia preferibile utilizzare le mappe lato client tuttavia ci sono alcuni casi in cui si pu prendere in considerazione l idea di usare quelle lato server che hanno dalla loro parte il vantaggio di essere molto meno pesanti del loro corrispettivo lato client 1 Controllare ogni mappa immagine presente nel sito 183 Elaborazione delle linee guida per l utente 1A se possibile dare alle aree sensibili confini delimitati da forme geometriche a
142. he risulta chiara solo a chi parla correntemente la lingua usata nel documento o a chi conosce bene la materia trattata Accanto a disabilit fisiche e impedimenti sociali e culturali esistono anche utenti che sono limitati nella navigazione dall uso di strumenti hardware o software obsoleti o fuori dagli standard tecnologici pi aggiornati Persone che usano software obsoleti Un sito inaccessibile pu allontanare i visitatori in possesso di programmi sistemi operativi e browser datati Persone che dispongono di hardware obsoleto e connessioni lente Questi sono tra gli utenti in assoluto pi svantaggiati Bisogna considerare che numerose scuole enti senza scopo di lucro e famiglie economicamente disagiate possiedono computer vecchi o vecchissimi comprati usati o donati da qualche azienda in vena di farsi pubblicit per mezzo di un po di filantropia a buon mercato A ci si aggiunga che in molti casi computer antiquati sono accoppiati a connessioni ad Internet incredibilmente lente Per tutti 30 Capitolo 1 quelli che dispongono di hardware molto datato e connessioni lente la cura dell accessibilit consiste soprattutto nell approntare pagine Web leggere in cui la presentazione sia separata dal contenuto e in cui la consultazione non perda senso se effettuata senza le immagini Persone che usano sistemi e periferiche poco comuni Bench in tanti siano convinti del contrario c molta gente che si collega
143. i nuove finestre pu disorientare notevolmente gli utenti che non possono vedere che ci successo Nota I punti di controllo che seguono si applicano fino a quando gli interpreti comprese le tecnologie assistive non risolveranno questi aspetti Questi punti di controllo sono classificati come provvisori nel senso che il Gruppo di lavoro sulle Web Content Guidelines li ritiene validi e necessari per l accessibilit del Web al momento della pubblicazione di questo documento Tuttavia il Gruppo di lavoro non pensa che questi punti di controllo saranno necessari nel futuro quando le tecnologie Web avranno incorporato le capacit e caratteristiche che sono state anticipate Punti di controllo 10 1 Fino a quando gli interpreti non permetteranno agli utenti di bloccare la generazione di nuove finestre non fare apparire finestre a cascata o di altro tipo e non cambiare la finestra attiva senza informare l utente Priorit 2 Per esempio in HTML evitare di usare un frame la cui destinazione una nuova finestra 10 2 Fino a quando gli interpreti non supporteranno esplicite associazioni fra etichette e controlli dei moduli assicurare per tutti i controlli dei moduli che hanno etichette 298 Appendice D associate implicitamente che l etichetta sia posizionata correttamente Priorit 2 L etichetta deve precedere il proprio controllo immediatamente sulla stessa riga permettendo pi di un controllo etichetta per riga op
144. i Internet riservata all uso esclusivo di una organizzazione o gruppo di utenti 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 linguaggio a marcatori modalit di rappresentazione delle informazioni che utilizza indicatori marcatori per qualificare l informazione stessa moduli di interazione o form strumenti mediante i quali l utente interagisce con il sito Web fornendo e ricevendo specifiche informazioni 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 prodotti a scaffale applicazioni preconfezionate da utilizzarsi anche senza sviluppare appositi programmi di adattamento regolamento decreto del Presidente della Repubblica 1 marzo 2005 n 75 pubblicato nella Gazzetta Ufficiale n 101 del 3 maggio 2005 script sequenza di istruzioni in linguaggio di programmazione che pu essere inserita in una pagina Web per fornire funzionalit aggiuntive sito Web insieme strutturato di pagine Web utilizzato per veicolare informazioni o erogare servizi comunemente definito anche sito Internet 237 88 E kk xw DM 8 Luglio 2005 task compito specifico che l esperto di fattori umani assegna ad un componente del gruppo di valutazione per simulare situazioni c
145. i casi necessario e fondamentale un controllo sull adeguatezza dell alternativa all oggetto per comprendere se possa essere un valido sostituto questo controllo deve essere effettuato dall utente senza l ausilio di alcun tool automatico 1 Individuare le alternative sonore agli oggetti multimediali con Hera e verificare oltre alla loro presenza che la loro posizione sia adeguata rispetto al contenuto che devono sostituire l alternativa si deve trovare nelle immediate vicinanze del contenuto da sostituire Individuare le alternative di tipo non sonoro sotto titoli riassunti descrizioni etichette agli oggetti multimediali con A Checker e verificare oltre alla loro presenza che la loro posizione sia adeguata rispetto al contenuto che devono sostituire l alternativa si deve trovare nelle immediate vicinanze del contenuto da sostituire Controllare ogni singola alternativa agli oggetti multimediali presente nel sito e verificare che sia adeguata al contenuto da sostituire ovvero che il suo contenuto possa sostituire o affiancare l oggetto multimediale senza perdita di informazione per l utente che ne usufruisce 196 Capitolo 6 REQUISITO NUMERO 19 Individuazione link non chiari A Checker Semi Auto Facilitazioni per tecnologie assistive non presente Manuale In questo requisito cos come in tutti quelli in cui bisogna giudicare l adeguatezza delle scelte effettuate da chi ha sviluppato il cont
146. i complessi Il fatto di raggruppare gli elementi e di fornire informazione contestuale sulle relazioni fra gli elementi pu essere utile per tutti gli utenti Relazioni complesse fra parti di una pagina possono essere difficili da interpretare per persone con invalidit cognitive o visive Punti di controllo 12 1 Dare un titolo a ogni frame per facilitare l identificazione del frame e la navigazione Priorit 1 Per esempio in HTML usare l attributo title con l elemento FRAME 12 2 Descrivere lo scopo dei frame e il modo in cui essi interagiscono se non evidente dai titoli dei frame da soli Priorit 2 Per esempio in HTML usare longdesc oppure un collegamento descrittivo 12 3 Dividere grandi blocchi di informazione in gruppi pi maneggevoli quando naturale ed appropriato Priorit 2 Per esempio in HTML usare OPTGROUP per raggruppare gli elementi OPTION all interno di un SELECT raggruppare i controlli dei moduli con FIELDSET e LEGEND usare liste annidate quando appropriato usare intestazioni per strutturare i documenti ecc 12 4 Associare esplicitamente le etichette ai loro controlli Priorit 2 Per esempio in HTML usare LABEL e il suo attributo for 303 Le WCAG del WAI Linea guida 13 Fornire chiari meccanismi di navigazione Fornire chiari e coerenti meccanismi di navigazione informazione per l orientamento barre di navigazione una mappa del sito ecc per aumentare le probab
147. i essere comprese da un non vedente generalmente le descrizioni estese si forniscono su pagine separate e collegate alla pagina cui si riferiscono ma possono essere indicate anche da didascalie e in questo caso si pu prevedere l inserimento di una didascalia scritta nello stesso colore dello sfondo della pagina i link di collegamento dovranno trovarsi in una locazione ben visibile all apertura della pagina A Checker in grado di TOOL UTLI E VOTE effettuare controlli sulla A Checker 3 Barra dell Accessibilit 1 Cynthia Says 2 dei testi alternativi anche se presenza e sull adeguatezza EvalAccess 2 difficile automatizzare Firefox Web Developer 1 questi controlli ce Anche Wave effettua tali Evaluator 2 controlli in modo meno Wave 3 efficiente La barra dell accessibilit offre un opzione per visualizzare i testi alternativi ma niente di pi Anche la Toolbar di Firefox offre la stessa opzione A Questa ne aggiunge altre quali quella per disabilitare le 75 Controllo incrociato requisito tool immagini tutte o solo alcune e quella per visualizzare le dimensioni delle stesse immagini ma bisogna dire che queste possibilit non aggiungono niente alla verifica del requisito in oggetto EvalAccess poi in grado di riconoscere gli elementi che non hanno un testo alternativo ma anche in questo caso nulla viene aggiunto a quello che fanno gli altri tool Cos come prendendo in co
148. i inserimento e ad ogni controllo corrisponda un etichetta che lo identifichi univocamente e che spieghi l utilit e il funzionamento del controllo stesso I tool in commercio sono in grado di individuare il legame tra controllo e etichetta in svariati modi che sono stati spiegati nel paragrafo 4 2 Si riscontrano maggiori problemi invece nell effettuare il controllo della posizione di queste etichette necessario infatti che ogni etichetta sia posta affianco o comunque molto 190 Capitolo 6 vicina al controllo che deve esplicare e a cui si riferisce I tool sul mercato danno solo la possibilit di evidenziare i controlli e le loro etichette ma poi l utente che deve decidere se la posizione sufficientemente vicina o meno Ancora pi difficolt stavolta insormontabili si incontrano quando si effettua il controllo sull adeguatezza delle etichette l etichetta del campo password potrebbe essere presente posta giustamente a lato del campo ma potrebbe riportare l indicazione data o qualunque altra informazione fuorviante pertanto bisogna controllare che quanto segnalato sia effettivamente utile alla causa Questo controllo non pu essere effettuato da strumenti automatici 1 Visualizzare la relazione tra campo comando e sua etichetta con A Checker e verificare che l etichetta sia posta a lato del comando a cui si riferisce o comunque nelle sue immediate vicinanze 2 Prendere in considerazione ogni etichet
149. i siti web HOPS Burzagli Laura Graziani Paolo 1999 Accessibilit di siti web Problematiche reali e soluzioni tecniche reperibile all indirizzo http www ifac cnr it smid accesso accesso htm Chisholm Wendy Vanderheiden Gregg Jacobs Ian 1999 Website Content Accessibility Guidelines reperibile all indirizzo http www w3 0rg TR WCAG traduzione italiana a cura di Bertini Vanni Bottura Michelangelo Cichella Annalisa Giavoni Maria Cristina Taddei Adelmo reperibile all indirizzo http www aib it aib cwai WAI trad htm Clark Joe Building Accessible Websites reperibile all indirizzo http joeclark org book sashay serialization Molteni Angela Guida all accessibilit dei siti Web teorica reperibile all indirizzo http webdesign html it guide leggi 46 guida accessibilita dei siti web teorica Nielsen Jakob 2002 Homepage Usability Apogeo Nielsen Jakob 2000 Web Usability Apogeo 311 Bibliografia e Webliografia Nielsen Norman Group 2001 Beyond Alt Text Making the Web Easy to use for Users with Disabilities reperibile all indirizzo http ada ucsc edu beyond_alt_text2002 pdf Pilgrim Mark 2002 Affrontare l accessibilit per un sito pi accessibilie in 30 giorni reperibile all indirizzo www francocarcillo it dive Polillo Roberto 2004 Il check up dei siti web Apogeo Polillo Roberto 2006 Plasmare il Web road map per siti di qualit Apogeo Preece Jenny Rogers Yvonne Sharp
150. i solo audio tracce audio di video e video Priorit 1 Per esempio in HTML 1 Usare alt per gli elementi IMG INPUT e APPLET o fornire un equivalente testuale nel contenuto degli elementi OBJECT o APPLET 2 Per contenuti complessi per esempio un grafico laddove un testo alt non fornisce un equivalente testuale completo fornire una descrizione aggiuntiva usando per esempio longdesc con IMG o FRAME un collegamento all interno di un elemento OBJECT o a un collegamento descrittivo 3 Per le immagini sensibili usare l attributo alt con AREA oppure usare l elemento MAP con gli elementi A e altro testo come contenuto 1 2 Fornire ridondanti collegamenti di testo per ogni zona attiva di una immagine sensibile sul lato server Priorit 1 1 3 Fino a quando gli interpreti non potranno leggere automaticamente ad alta voce l equivalente testuale di un filmato fornire una descrizione audio delle informazioni essenziali del filmato di una presentazione multimediale Priorit 1 284 Appendice D Sincronizzare la descrizione audio con la traccia audio come per punto di controllo 1 4 1 4 Per ogni presentazione multimediale temporizzata per es un film o una animazione sincronizzare alternative equivalenti per es didascalie o descrizioni parlate del filmato con la presentazione Priorit 1 1 5 Fino a quando gli interpreti non renderanno disponibili equivalenti testuali per collegamenti di immagini sensibili sul
151. i strumenti informatici e telematici 2 tutelatoe garantito in particolare il diritto di accesso ai servizi informatici e telematici della pubblica amministrazione e ai servizi di pubblica utilit da parte delle persone disabili in ottemperanza al principio di uguaglianza ai sensi dell articolo 3 della Costituzione Art 2 Definizioni 207 1 Legge 9 Gennaio 2004 n 4 Ai fini della presente legge si intende per a accessibilit la 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 tecnologie assistive gli strumenti e le 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 Art 3 Soggetti erogatori 1 La presente legge si applica alle pubbliche amministrazioni di cui al comma 2 dell articolo 1 del decreto legislativo 30 marzo 2001 n 165 e successive modificazioni agli enti pubblici economici alle aziende private concessionarie di servizi pubblici alle aziende municipalizzate regionali agli enti di assistenza e di riabilitazione pubblici alle aziende di trasporto e di telecomunicazione a prevalente parte
152. i testi dei link risultino effettivamente corrispondenti e adeguati alle destinazioni A Checker effettua controlli approfonditi sui link per capire se le destinazioni sono chiare Anche Cynthia Says effettua alcuni controlli di questo tipo ma in maniera molto meno efficiente Comunque nonostante gli sforzi questi controlli non possono che essere di tipo semi automatico Si pu individuare se il testo alternativo del link riporta la destinazione ma l uomo a dover valutare se un link spiega davvero bene dove porta Inoltre non esistono tool che verifichino l utilizzo di metodi per evitare che le tecnologie assistive ripetano pi volte i gruppi di link uguali I MIGLIORI Individuazione link non chiari A Checker Semi Auto Facilitazioni per tecnologie assistive non presente Manuale 110 Capitolo 3 3 1 20 Requisito Numero 20 Nel caso che per la fruizione del servizio erogato in una pagina previsto un intervallo di tempo predefinito entro il quale eseguire determinate azioni necessario avvisare esplicitamente l utente indicando il tempo massimo consentito e le alternative per fruire del servizio stesso ANALISI E TEST Il requisito piuttosto chiaro bisogna avvisare l utente quando ha solo un lasso limitato di tempo a disposizione per compiere un operazione prima che la pagina vada in time out o si ri aggiorni E preferibile non usare aggiornamenti automatici TOOL UTILI E VOTI A Check
153. i tipo transitional A questo riguardo occorre ricordare che anche la Barra dell Accessibilit offre un servizio di questo tipo che per risulta meno efficiente di Juicy Studio che concentra i suoi sforzi proprio sui fogli di stile Per questo requisito Functional Accessibiliy Evaluator solo in grado di determinare la presenza di una DTD ma lo fa in modo efficiente anche se la Barra dell Accessibilit rimane migliore ACC infine un tool per il browser Firefox ottimo per individuare tutti i link che aprono le pagine in nuove finestre Lo stesso compito in grado di effettuarlo anche EvalAccess ma con risultati meno soddisfacenti Il validatore del W3C incluso nella Barra dell Accessibilit il pi efficiente nell indicare il tipo di documento cui ci si trova davanti Questa operazione fondamentale per poi individuare gli errori in modo adeguato ed per questo che il pur valido A Checker ha trovato un numero di errori spropositato rispetto ai suoi colleghi 68 Capitolo 3 I MIGLIORI Riconoscimento tipo di documento Barra dell Accessibilit Auto Validazione del codice Barra dell Accessibilit A Checker solo per documenti di tipo strict Auto Fogli di stile Juicy Studio Auto Apertura nuove finestre ACC Auto 69 Controllo incrociato requisito tool 3 1 2 Requisito Numero 02 Non consentito l uso dei frame nella realizzazione di nuovi siti In sede di prim
154. i ulteriormente quando si blocca la posizione dell immagine di sfondo il movimento disaccoppiato del testo rispetto allo sfondo rende ancora pi penoso lo sforzo di chi tenta di leggere i contenuti 82 Capitolo 3 Inoltre necessario non presentare immagini con testi al loro interno perch in questo caso le parole non vengono viste dai lettori per non vedenti Se non si rispetta questa indicazione perlomeno bisogna inserire il contenuto del testo presente nell immagine nel testo alternativo ad essa collegato A Checker e la Barra TOORUTIErENOR dell Accessibilit compiono A Checker 4 Barra dell Accessibilit 3 Came Eede modo automatico con la Colour Contrast Analyser 2 differenza che il primo Firefox Web Developer 1 effettua test anche sul Foreground Background colore usato per i link Color Contrast Analyzer 2 Tuicv Studio 3 il controllo del contrasto in testuali Il secondo invece offre anche un utile funzione che elenca i colori utilizzati nella costruzione del sito con il loro codice esadecimale molto utile per operazioni di verifica del contrasto Questa stessa funzione offerta anche da Firefox Web Developer Questo tool per si limita solo a questa opzione per quanto riguarda i colori Con Colour Check invece il controllo semi automatico in quanto bisogna inserire manualmente i valori esadecimali dei colori Simile il funzionamento di Colour Contrast Analyser che per in pi
155. ibile l indicazione del tempo a disposizione prima del prossimo aggiornamento possibilmente in forma di conto alla rovescia Visualizzare le pagine che reindirizzano automaticamente l utente ad un altra pagina con A Checker e verificare che sia presente in modo visibile nella pagina l indicazione della natura della pagina e che questa indicazione possa essere letta agevolmente prima del reindirizzamento Verificare che tutte le pagine che contengono altri servizi a tempo per cui un utente ha a disposizione un limite di tempo per compiere una certa azione ad esempio confermare un ordine di acquisto prima che il sito disconnetta l utente come misura di sicurezza rechino in una zona visibile l indicazione sulla natura 199 Elaborazione delle linee guida per l utente del servizio e sul tempo a disposizione dell utente preferibilmente sotto forma di conto alla rovescia REQUISITO NUMERO 21 Accessibilit link EvalAccess Semi Auto Spaziatura tra link Hera Auto I link devono poter essere selezionati anche senza usare un mouse e quindi con il tasto tab della tastiera o con altre tecnologie che la emulino EvalAccess pu essere d aiuto per selezionare e visualizzare i link ma l utente a dover effettuare manualmente il controllo testando empiricamente la funzionalit del tabulatore Per quanto riguarda la spaziatura minima che un link deve avere da un altro in modo che sia fruibile senza problemi la distanza
156. icolare informazione Gli oggetti 04 Elemento object 124 Capitolo 4 non dovrebbero utilizzare solo il colore per Bassa Controllare ogni elemento object e verificare che non utilizzi solo il colore Ci si aspetta che ogni oggetto non veicolare utilizzi solo il colore per informazione veicolare informazione I testi delle 04 Elemento img Controllare pagine non Bassa ogni elemento img e dovrebbero verificare che il testo che si riferirsi alle riferisce a quell immagine immagini non lo faccia solo tramite il usando solo il colore Ci si aspetta che il colore testo della pagina non si riferisca all immagine utilizzando solo il colore Le applet non 04 Elemento applet dovrebbero Bassa Controllare le operazioni di usare solo il ogni applet Ci si aspetta che colore per le applet siano utilizzabili veicolare anche senza usare il colore informazione Non 04 Elemento script dovrebbe Bassa Controllare le operazioni di essere usato ogni elemento script e solo il colore per veicolare informazione negli script verificare che non sia usato solo il colore per veicolare informazione Ci si aspetta che il colore non sia l unica caratteristica in grado di 125 Test effettuati veicolare informazione Gli oggetti 05 Elemento object incorporati Bassa Controllare le operazioni di non ogni elemento o
157. icollega al 16 e al 17 ma stavolta i fari sono puntati sui collegamenti ipertestuali che dovrebbero essere navigabili e attivabili anche senza l uso del mouse e quindi con tastiera o tecnologie in emulazione di tastiera Inoltre vengono consigliate delle distanze minime da mantenere tra link e link in modo da garantirne la leggibilit EvalAccess si occupa di TOOL UTILI E VOTI Barra dell Accessibilit 1 controllare che l ordine dei link sia ben strutturato e che Cynthia Says 3 EvalAccess 4 possano essere navigati tramite tastiera e anche di verificare che vi sia almeno uno spazio tra un link e l altro Lo stesso fa anche Cynthia Says ma in modo meno efficace perch si sofferma anche su form e altri oggetti disperdendo risorse 112 Capitolo 3 Errore contrario per Hera invece che si specializza troppo e consente solo di controllare la distanza tra un link e l altro Per almeno questo lo fa molto bene La Barra dell Accessibilit infine possiede un opzione per disabilitare il mouse e quindi controllare che la pagina sia navigabile anche solo con la tastiera I MIGLIORI Accessibilit link EvalAccess Semi Auto Spaziatura tra link Hera Auto 113 Controllo incrociato requisito tool 3 1 22 Requisito Numero 22 Per le pagine di siti esistenti che non possano rispettare i suelencati requisiti pagine non accessibili in sede di prima applicazione fornire il collegamento a
158. icuramente il resto della parola ente Per migliorare l efficienza di comunicazione con comandi di tipo s no si fa uso anche di linguaggi iconici o ideografici come i simboli di Bliss che permettono di selezionare intere parole o concetti con una singola azione Per la manipolazione di oggetti grafici come bottoni icone e scrollbar un utente con ridotta capacit motoria si pu servire di un emulatore di mouse un dispositivo hardware e software in grado di produrre movimenti programmati del puntatore del mouse controllati con comandi elementari simili a quelli citati per la selezione di tasti virtuali Riguardo alle possibilit di interazione con interfacce grafiche poich la difficolt maggiore risiede comunque nella capacit di selezione da parte dell utente con disabilit motorie occorre evidenziare come la scelta di elementi con dimensione troppo piccola e estremamente vicini tra loro comporta problemi non indifferenti Analogamente portano problemi tutte quelle procedure dotate di timeout troppo brevi non compatibili con i tempi di reazione e la limitata velocit di movimento del soggetto che deve interagire servendosi di questi ausili speciali 23 Disabilit e uso del Web Per garantire l accessibilit dei disabili ai siti Internet non sufficiente predisporre una versione alternativa del sito apposta per loro magari senza alcun elemento grafico questo significherebbe escluderli da una fruizione normale
159. ilit che una persona trovi quello che sta cercando in un sito Chiari e coerenti meccanismi di navigazione sono importanti per persone con invalidit cognitive o per i non vedenti e giovano a tutti gli utenti Punti di controllo 13 1 Identificare con chiarezza l obiettivo di ogni collegamento Priorit 2 Un collegamento testuale dovrebbe essere abbastanza significativo da mantenere un senso se letto fuori contesto sia da solo che come parte di una sequenza di collegamenti Un collegamento testuale dovrebbe anche essere sintetico Per esempio in HTML scrivere Informazione sulla versione 4 3 invece che clicca qui In aggiunta a un chiaro collegamento testuale gli sviluppatori possono ulteriormente chiarire l obiettivo di un collegamento con un titolo del collegamento con funzione informativa per es in HTML l attributo title 13 2 Fornire metadata per aggiungere informazione di tipo semantico alle pagine e ai siti Priorit 2 Per esempio usare RDF per indicare l autore di un documento il tipo di contenuto ecc Nota Alcuni interpreti HTML possono costruire strumenti di navigazione a partire dalle relazioni del documento descritte dall elemento HTML LINK e dagli attributi rel o 304 Appendice D rev per es rel prossimo rel precedente rel indice ecc 13 3 Fornire informazione sulla configurazione generale di un sito per es una mappa oppure un indice del sito Priorit 2 Nel descri
160. inazione dei link si aprano nella stessa finestra Il documento 01 Elemento html Validare il dovrebbe Alta documento usando uno essere strumento idoneo Ci si conforme alle aspetta che il documento sia specifiche conforme alle specifiche La DTD 01 Elemento doctype definizione Alta Controllare la DTD del del tipo di documento e verificare che documento sia di tipo strict 0 HTML di tipo strict 4 01 o XHTML 10 Ci si dovrebbe aspetta che il documento essere contenga una DTD di tipo dichiarata strict I frame non 02 Elemento frame dovrebbero Alta Controllare l assenza essere usati dell elemento frame Ci si aspetta che il documento non contenga questo 118 Capitolo 4 elemento Il frameset 02 Elemento frameset non dovrebbe Alta Controllare l assenza essere usato dell elemento frameset Ci si aspetta che il documento non contenga questo elemento Le pagine 02 Elemento head dovrebbero Bassa Controllare l elemento avere un body e verificare che solo titolo contenga un solo elemento title il cui valore sia il nome del sito e della pagina e un elemento h1 il cui valore sia il nome della pagina I testi 03 Elemento img Controllare alternativi Bassa ogni elemento img che delle contiene testo al suo interno immagini che e verificare che l attributo contengono alt riporti lo stesso testo a testo
161. indica i soggetti pubblici o privati che oltre ad avere rispettato i requisiti tecnici indicati dal decreto di cui all articolo 11 si sono anche meritoriamente distinti per l impegno nel perseguire le finalit indicate dalla presente legge promuove di concerto con il Ministero del lavoro e delle politiche sociali progetti iniziative e programmi finalizzati al miglioramento e alla diffusione delle tecnologie assistive e per l accessibilit promuove con le altre amministrazioni interessate sentita la Conferenza permanente per i rapporti tra lo Stato le regioni e le province autonome di Trento e di Bolzano l erogazione di finanziamenti finalizzati alla diffusione tra i disabili delle tecnologie assistive e degli strumenti informatici dotati di configurazioni particolari e al sostegno di progetti di ricerca nel campo dell innovazione tecnologica per la vita indipendente e le pari opportunit dei disabili favorisce di concerto con il Ministero del lavoro e delle politiche sociali e con il Ministro per le pari opportunit lo scambio di esperienze e di proposte fra 212 Appendice A associazioni di disabili associazioni di sviluppatori competenti in materia di accessibilit amministrazioni pubbliche operatori economici e fornitori di hardware e software anche per la proposta di nuove iniziative promuove di concerto con i Ministeri dell istruzione dell universit e della ricerca e per i beni e le attivit culturali in
162. ione con DTD Strict del linguaggio utilizzato dandone comunicazione alla Presidenza del Consiglio dei Ministri Dipartimento per l innovazione e le 250 Appendice C tecnologie e al Centro nazionale per l informatica nella pubblica amministrazione Riferimenti WCAG 1 0 3 1 3 2 3 5 3 6 3 7 11 1 11 2 Riferimenti Sec 508 Non presente Requisito n 2 Enunciato Non consentito l uso dei frame nella realizzazione di nuovi siti In sede di prima applicazione per i siti Web esistenti gi realizzati con frame consentito l uso di HTML 4 01 o XHTML 1 0 con DTD frameset ma con le seguenti avvertenze a evitare di utilizzare all interno del linguaggio a marcatori con il quale la pagina realizzata elementi ed attributi per definirne le caratteristiche di presentazione della pagina 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 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 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
163. ione degli sviluppatori sono quelli della dati relativi alle statistiche sono presi dal sito Internet della World Health Organization all indirizzo www who int 20 I dati relativi alle statistiche sono presi dal sito Internet www disabilitaincifre it 17 Disabilit e uso del Web vista Non bisogna per dimenticarsi delle altre categorie di utenti che sono svantaggiati nell utilizzo di tecnologie del genere ipoacustici disabili cognitivi e disabili motori con problemi agli arti superiori In particolare chi totalmente privo della vista o ha funzionalit ridotte dai non vedenti agli ipovedenti a diversi livelli trae dall uso del computer i maggiori benefici per far fronte efficacemente alle proprie difficolt Il computer e Internet sono per i ciechi mezzi di promozione sociale e in campo lavorativo ma non solo Costituiscono anche un ampia fonte di informazione alla quale sono ormai abituati da un decennio e soprattutto un formidabile strumento di arricchimento culturale Grazie agli screen reader i sintetizzatori vocali che leggono le pagine alle barre braille che traducono in codici tattili i contenuti dei testi alle semplici schede audio e ai comandi da tastiera un non vedente in grado oggi di utilizzare perfettamente le versioni pi aggiornate di un sistema operativo che si regge esclusivamente sulla grafica come Windows leggendo ci che appare sul suo monitor usando i pi diffusi software per
164. ioni Internet molto lente e deselezionano perci l opzione di visualizzazione delle immagini Fornire un testo equivalente per le immagini garantisce in tutti questi casi l accessibilit oltre a essere utile a tutti indistintamente gli utenti si tratta in ogni caso di un elemento irrinunciabile per assicurare sempre e comunque accessibilit alle immagini inserite in una pagina Web Ma questo non basta non ci si pu limitare a fornire alternative testuali bisogna anche fare in modo che queste alternative siano aggiornate quando cambiano i contenuti a cui sono collegate Inoltre un testo equivalente dovr essere il pi preciso possibile rispetto all immagine cui si riferisce e alle sue funzioni nel contesto relativo Se il testo chiarisce a un utente disabile il motivo per cui un immagine stata introdotta in quella determinata pagina tale testo didascalico pu essere considerato a tutti gli effetti un corretto testo equivalente Tra l altro il testo didascalia 74 Capitolo 3 inserito consente a qualsiasi utente anche normodotato di leggere le caratteristiche dell immagine gi in fase di caricamento della pagina e permette inoltre ai robot di utilizzare detto testo per indicizzare le relative pagine nei motori di ricerca Oltre all attributo alt bisogna ricordare anche le descrizioni estese o Long Description che andrebbero usate per tutte quelle immagini complesse che essendo parte integrante di un testo esigono d
165. isito EvalAccess 3 Il tool della Barra della WebXact 3 Accessibilit invece in questo caso non soddisfacente ha una funzionalit apposita per le tabelle e per le intestazioni semplici ma non molto efficiente EvalAccess in grado di identificare con precisione i sommari che vengono dati alle tabelle Non solo pu anche riconoscere le intestazioni WebXact pone questo controllo ai primi posti della sua graduatoria ed in grado di riconoscere le righe e le colonne delle tabelle che non hanno intestazione Per non poi possibile in alcun caso effettuare un controllo automatico sull adeguatezza delle intestazioni I MIGLIORI Controllo intestazioni tabelle WebXact Auto Adeguatezza intestazioni tabelle non presente Manuale 87 Controllo incrociato requisito tool 3 1 10 Requisito Numero 10 Per le tabelle dati usare gli elementi marcatori e gli attributi previsti nella DTD adottata per associare le celle di dati e le celle di intestazione che hanno due o pi livelli logici di intestazione di righe o colonne ANALISI E TEST In alcune tabelle non c solo una riga o una colonna di intestazione ma due o pi In questi casi pu essere difficile associare le celle alla giusta intestazione Esistono tuttavia comandi appositi E bene usarli in modo da facilitare la comprensione A Checker molto affidabile in questo controllo ma uno TOOL UTILI E VOTI e A Checker 3 e WebXact
166. it 2 Per esempio in HTML usare H2 per indicare una sottosezione di H1 Non usare intestazioni per gli effetti di carattere 3 6 Marcare le liste ed elencare le voci della lista in modo appropriato Priorit 2 In HTML per esempio inserire le liste OL UL e DL in modo appropriato 3 7 Marcare le citazioni Non usare marcatura che definisca citazioni per ottenere effetti di formato come il rientro Priorit 2 In HTML per esempio usare gli elementi Q e BLOCKQUOTE per marcare rispettivamente le citazioni brevi e quelle pi lunghe Linea guida 4 Chiarire l uso di linguaggi naturali Utilizzare marcatori che facilitino la pronuncia o l interpretazione di testi stranieri o abbreviati Quando lo sviluppatore contrassegna in un documento i cambiamenti di linguaggio naturale le sintesi vocali e le periferiche braille possono selezionare automaticamente la nuova lingua rendendo il documento pi accessibile agli utenti multilingue Gli sviluppatori dovrebbero identificare il linguaggio naturale principale del contenuto di un documento 288 Appendice D mediante marcatori o intestazioni HTTP Gli sviluppatori dovrebbero anche sciogliere le abbreviazioni e gli acronimi Oltre a facilitare le tecnologie assistive contrassegnare il linguaggio naturale permette ai motori di ricerca di trovare parole chiave e di identificare documenti nel linguaggio desiderato Il contrassegno del linguaggio naturale inoltre consente a tutti
167. iziative per favorire l accessibilit alle opere multimediali anche attraverso specifici progetti di ricerca e sperimentazione con il coinvolgimento delle associazioni delle persone disabili sulla base dei risultati delle sperimentazioni sono indicate con decreto emanato di intesa dai Ministri interessati le regole tecniche per l accessibilit alle opere multimediali definisce di concerto con il Dipartimento della funzione pubblica della Presidenza del Consiglio dei ministri gli obiettivi di accessibilit delle pubbliche amministrazioni nello sviluppo dei sistemi informatici nonch l introduzione delle problematiche relative all accessibilit nei programmi di formazione del personale Le regioni le province autonome e gli enti locali vigilano sull attuazione da parte dei propri uffici delle disposizioni della presente legge Art 8 Formazione 213 Legge 9 Gennaio 2004 n 4 1 Le amministrazioni di cui all articolo 3 comma 1 nell ambito delle attivit di cui al comma 4 dell articolo 7 del decreto legislativo 30 marzo 2001 n 165 nonch dei corsi di formazione organizzati dalla Scuola superiore della pubblica amministrazione e nell ambito delle attivit per l alfabetizzazione informatica dei pubblici dipendenti di cui all articolo 27 comma 8 lettera g della legge 16 gennaio 2003 n 3 inseriscono tra le materie di studio a carattere fondamentale le problematiche relative all accessibilit e alle tecnologie
168. izio indicato mediante asterischi da uno a tre riportati nella parte del logo raffigurante la tastiera del personal computer La legge prevede delle sanzioni per chi non realizza o adegua i siti Web alle nuove regole In particolare il contratto tra l azienda proprietaria del sito e quella incaricata di realizzarlo nullo se non prevede il rispetto dell accessibilit o se comunque porta alla realizzazione di un sito non accessibile C anche una responsabilit disciplinare del art 1 comma 2 della legge Stanca Introduzione dirigente incaricato dell attuazione della legge che tutte le Pubbliche Amministrazioni devono nominare Non invece previsto un diretto risarcimento per il singolo disabile che non pu accedere ad un determinato sito Al fine di garantire il diritto di ogni persona all accesso ai servizi informatici la legge delega al Ministro per l Innovazione e le Tecnologie il compito di stabilire le linee guida recanti i requisiti tecnici e i diversi livelli per l accessibilit Tali requisiti che verranno illustrati nei prossimi capitoli vengono effettivamente enunciati in un decreto dell 8 Luglio 2005 e sono stabiliti sulla base di a quanto indicato nelle Recommendation del World Wide Web Consortium W3C ed in particolare in quelle del progetto Web Accessibility Initiative WAI b standard definiti nel paragrafo 1194 22 della Sezione 508 del Rehabilitation Act degli USA c standa
169. l www usabile it 012000 htm 33 Accessibilit per tutti Vs Usabilit per molti maniera sintetica e chiara semplicemente seguendo una norma N che l argomento sia reso effettivamente fruibile agli utenti o che la navigazione rispecchi il modello concettuale dell utente Per questo oltre alle verifiche automatiche sono previste anche verifiche di tipo manuale La navigabilit riguarda questioni di struttura profonda del sito e non pu essere risolta da una valutazione automatica Oltre ai metodi della validazione automatica del codice della pagina per mezzo di appositi software e dell effettuazione di una serie di prove tecniche che disponendo delle opportune attrezzature possono essere compiute dallo stesso sviluppatore possibile anche effettuare test con utenti umani ovvero il metodo preferito dall usabilit ma il ricorso a questi test non affatto necessario L accessibilit rivolge le sue raccomandazioni allo sviluppatore il content developer tralasciando pi o meno completamente di occuparsi del rapporto tra il prodotto accessibile e l utente finale anzi le varie categorie possibili di utenti finali il che costituirebbe invece il centro dell interesse dell usabilit se applicata agli obiettivi dell accessibilit L usabilit nacque negli anni 60 nell ambito di studi di ergonomia che si occupavano del modo in cui l uomo utilizza artefatti cio oggetti e sistemi prodotti dall uomo stesso Con
170. l loro numero progressivo sono riportati anche i riferimenti alle Web Content Accessibility Guidelines del World Wide Web Consortium e agli standard definiti dal paragrafo 1194 22 della Sezione 508 del Rehabilitation Act Questi riferimenti devono essere presi come semplici indicazioni di analogie e non come sovrapposizioni totali In grassetto sono evidenziate le parti pi significative che espongono un effettiva verifica da controllare Num Enunciato 01 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 In particolare per i linguaggi a marcatori HTML HyperText Markup Language e XHTML eXtensible HyperText Markup Language a per tuttii siti di nuova realizzazione utilizzare almeno la versione 4 01 dell HTML o 42 Capitolo 2 preferibilmente la versione 1 0 dell XHTML in ogni caso con DTD Document Type Definition Definizione del Tipo di Documento di tipo Strict 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 1 evitare di utilizzare all interno d
171. la fornitura di copie su supporto digitale degli strumenti didattici fondamentali accessibili agli alunni disabili e agli insegnanti di sostegno nell ambito delle disponibilit di bilancio Art 6 Verifica dell accessibilit su richiesta 1 La Presidenza del Consiglio dei ministri Dipartimento per l innovazione e le tecnologie valuta su richiesta l accessibilit dei siti INTERNET o del materiale informatico prodotto da soggetti diversi da quelli di cui all articolo 3 2 Con il regolamento di cui all articolo 10 sono individuati a le modalit con cui pu essere richiesta la valutazione b i criteri per la eventuale partecipazione del richiedente ai costi dell operazione c il marchio o logo con cui reso manifesto il possesso del requisito dell accessibilit d le modalit con cui pu essere verificato il permanere del requisito stesso Art 7 Compiti amministrativi 1 La Presidenza del Consiglio dei ministri Dipartimento per l innovazione e le tecnologie anche avvalendosi del Centro nazionale per l informatica nella pubblica amministrazione di cui all articolo 4 comma 1 del 211 Legge 9 Gennaio 2004 n 4 decreto legislativo 12 febbraio 1993 n 39 come sostituito dall articolo 176 del decreto legislativo 30 giugno 2003 n 196 effettua il monitoraggio dell attuazione della presente legge vigila sul rispetto da parte delle amministrazioni statali delle disposizioni della presente legge
172. li 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 248 Appendice C 4 Requisiti di accessibilit per i siti Internet 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 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 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 Elenco dei requisiti di accessibilit per i siti Internet Requisito n 1 Enunciato Realizzare le pagine e gli oggetti al lo
173. liano definizione del tipo di documento Senza entrare nel dettaglio della sua struttura questa dichiarazione dice al browser quale e dove si trova il documento che contiene le definizioni e le regole di applicazione di tutti gli elementi e gli attributi X HTML utilizzati in una pagina Web Si tratta quindi di una dichiarazione sull identit del codice della pagina Ai fini dell accessibilit quel che interessa che le pagine Web contengano codice valido cio pienamente aderente agli standard W3C Quanto pi infatti i browser saranno in grado di riprodurre uniformemente pagine Web conformi agli standard e quanto pi questi standard consentiranno di separare il contenuto dalla presentazione tanto pi avremo contenuti che rimarranno accessibili nelle pi differenti modalit di riproduzione Si richiede che questa dichiarazione sia di tipo strict cio rigorosa per i siti nuovi Per siti vecchi ammessa una DTD di tipo transitional ma evitando la generazione di nuove finestre del browser che disorientano il navigatore e usando i 65 Controllo incrociato requisito tool fogli di stile Cascading Style Sheets per la definizione di font colori e cos via In altre parole nel codice deve essere presente questa stringa lt IDOCTYPE HTML PUBLIC W3C DTD HTML 4 01 EN http www w3 org TR html4 strict dtd gt lt html lang it gt se la pagina scritta in HTML deve essere invece p
174. lit Cynthia Says Hera Wave 08 A Checker 59 I tool sul mercato e la loro relazione con i requisiti Cynthia Says Hera 09 A Checker Barra dell Accessibilit EvalAccess WebXact 10 A Checker WebXact 11 A Checker Barra dell Accessibilit Firefox Web Developer Hera Juicy Studio WebXact 12 Any Browser Barra dell Accessibilit Browser Cam TAW 13 A Checker Barra dell Accessibilit Delorie Lynx Viewer Firefox Web Developer 14 A Checker Cynthia Says Delorie Lynx Viewer Firefox Web Developer Hera Wave 60 Capitolo 2 WebXact 15 A Checker Cynthia Says Firefox Web Developer Wave WebXact 16 A Checker Firefox Web Developer Hera Wave WebXact 17 A Checker Firefox Web Developer Hera Wave WebXact 18 A Checker Hera Wave 19 A Checker Cynthia Says Firefox Web Developer Wave 20 A Checker Cynthia Says EvalAccess 21 Cynthia Says EvalAccess 61 I tool sul mercato e la loro relazione con i requisiti Hera 22 Cynthia Says Tabella 3 I tool utilizzabili per ciascun requisito della legge Stanca Il nostro obiettivo quello di capire da una parte quale sia lo strumento pi valido per valutare ogni requisito si vede subito che il requisito 01 quello con pi alternative possibili dall altra quali controlli vengon
175. lla fascia in alto su sfondo grigio trovano posto da sinistra a destra il logo della toolbar il numero del requisito che si scelto di verificare un simbolo grafico altamente riconoscibile che indica chiaramente il risultato della verifica effettuata pi precisamente si tratta di un simbolo di divieto rosso in caso di esito negativo e di un segno di spunta verde in caso di risposta affermativa Per avere ancora maggiore chiarezza comunque accanto al simbolo stata inserita la descrizione testuale del risultato ottenuto ancora una volta in verde se il test stato superato altrimenti in rosso 172 Capitolo 5 Il report nella pagina stato suddiviso in una tabella i sotto controlli effettuati sono divisi in senso orizzontale mentre le colonne si occupano di ospitare i bottoni che consentono di accedere ai livelli successivi etichettati come report completo e ulteriori controlli il nome del sotto controllo effettuato e il risultato parziale Da notare come in questo caso i risultati possibili non sono pi solamente due ma tre ai tradizionali conforme in verde e non conforme in rosso si aggiunge un manuale in nero per indicare che un particolare sotto controllo non stato verificato per mancanza di strumenti automatici in grado di farlo In questo caso l utente pu comunque tentare di controllarne la conformit accedendo al terzo livello di profondit In Figura 8 possiamo vedere il
176. llo di tipo manuale Juicy Studio come pi volte ripetuto esplicitamente rivolto ai CSS sembra quindi la scelta migliore in questo senso almeno per ci che riguarda la validazione dei CSS Hera riconosce i tag HTML usati per controllare il layout e segnala errore quando li trova nel codice della pagina al posto che nel foglio di stile 90 Capitolo 3 WebXact infine solo in grado di rilevare la presenza di un foglio di stile I MIGLIORI Validazione CSS Juicy Studio Auto Controllo fruibilit in assenza di CSS A Checker Semi Auto 91 Controllo incrociato requisito tool 3 1 12 Requisito Numero 12 La presentazione e i contenuti testuali di una pagina devono potersi adattare alle dimensioni della finestra del browser utilizzata dall utente senza sovrapposizione degli oggetti presenti o perdita di informazioni tali da rendere incomprensibile il contenuto anche in caso di ridimensionamento ingrandimento o riduzione dell area di visualizzazione o dei caratteri rispetto ai valori predefiniti di tali parametri ANALISI E TEST Bisogna evitare accuratamente di realizzare pagine con ottimizzazioni riferite a uno specifico browser un sito deve essere navigabile con qualsiasi browser anche non di ultima generazione e anche soltanto testuale Creare dei vincoli nella pagina in modo da bloccarne la visione sulle preferenze del suo autore il peggior servizio che si possa rendere all accessibilit
177. llora verificare che si tratti di mappe immagine lato server 1B se l immagine non permette di essere divisa in aree di formato geometrico allora verificare che le mappe immagine siano di tipo lato client REQUISITO NUMERO 08 Ridondanza link Cynthia Says Semi Auto Questo controllo pone un problema che finora non avevamo mai riscontrato Cynthia Says ma cos anche Hera compie una verifica che a prima vista sembra esaurire la necessit di approfondire ulteriormente questo requisito Ma in realt come gi detto in precedenza questi tool non sono completamente affidabili e pertanto si presenta come necessaria l esigenza di operare un ulteriore verifica manuale di quanto stato gi controllato in modo automatico 1 Verificare che per ogni mappa immagine lato server poich i link non sono contenuti direttamente nel codice sia presente ridondanza di link ovvero che le destinazioni di ogni singola area sensibile della mappa siano riportate nelle vicinanze della mappa stessa attraverso sistemi diversi in modo da facilitare il compito delle tecnologie assistive 184 Capitolo 6 REQUISITO NUMERO 09 Controllo intestazioni tabelle WebXact Auto Adeguatezza intestazioni tabelle non presente Manuale E molto semplice capire se alle tabelle viene data un intestazione in quanto si tratta solo di verificare la presenza di un particolare tag HTML Quindi il primo controllo presto fatto in modo autom
178. llustrati sono piuttosto chiari e comunque ci sar tempo dopo per un loro ulteriore approfondimento Intanto quello che manca sono gli strumenti per verificare i requisiti Nel preparare questo progetto abbiamo condotto una ricerca sui tool gratuiti free software o open source attualmente presenti sul mercato in modo da definirne le varie competenze e i gradi di efficienza ed affidabilit In un secondo momento abbiamo messo a confronto i tool trovati con i requisiti della legge Stanca per capire quali potessero essere utili il risultato di questa prima scrematura stato che un discreto numero di strumenti il 40 si rivelato del tutto inadeguato e inutile per un motivo o per un altro vedi tabella 2 Nella tabella seguente stata riportata tra parentesi accanto al numero del requisito la dicitura auto se il controllo effettuato dallo strumento di tipo automatico e semi se il controllo di tipo semi automatico NOME TOOL REQUISITI ACC 1 auto http appro mit jyu fi tools facc 30 In informatica open source indica un software rilasciato con un tipo di licenza per la quale il codice sorgente lasciato alla disponibilit di eventuali sviluppatori in modo che con la collaborazione in genere libera e spontanea il prodotto finale possa raggiungere una complessit maggiore di quanto potrebbe ottenere un singolo gruppo di programmazione http infobahn confindustria piemonte it new
179. logie di verifica tecnica e di verifica soggettiva di cui all articolo 1 comma 1 rispettivamente lettere d ed e disponibilit di figure professionali esperte nelle suddette metodologie di verifica e di figure idonee ad interagire con i soggetti con specifiche disabilit Ai fini dei requisiti di cui al comma 2 lettera a il valutatore all atto della richiesta di iscrizione si impegna a non esprimere valutazioni su siti o servizi dallo stesso realizzati a non esprimere valutazioni in tutti i casi in cui queste possano avere un incidenza specifica su interessi propri del valutatore o di soggetti allo stesso collegati da rapporti societari una volta effettuata la valutazione a non fornire nell arco dei ventiquattro mesi successivi attivit di implementazione sui siti o servizi per i quali sia stato incaricato di esprimere la valutazione stessa Nell accertamento dei requisiti di accessibilit dei servizi acquisiti con le procedure o realizzati tramite i 224 Appendice B contratti di cui all articolo 4 commi 1 e 2 della legge n 4 del 2004 le amministrazioni interessate possono acquisire il parere non vincolante di un valutatore iscritto nell elenco di cui al comma 1 Con il decreto del Ministro per l innovazione e le tecnologie di cui all articolo 11 della legge n 4 del 2004 sono stabiliti le specifiche tecniche per la sussistenza dei requisiti di cui al comma 2 lettere b e c gli importi massimi do
180. lta abbastanza semplice Bisogna sfruttare gli algoritmi del WAI sulla differenza tra colori e sulla differenza di luminosit riportati rispettivamente nelle note 35 e 36 Va preso il valore dell attributo text e calcolarne la differenza rispetto al valore dell attributo bgcolor In pi viene proposto di effettuare questo controllo anche sui colori dei link di quelli attivi e di quelli visitati i cui colori sono indicati rispettivamente nei valori degli attributi link alink e vlink Ovviamente il colore da prendere come riferimento per la differenza sempre quello dell attributo bgcolor Sarebbe utile per e questo potrebbe aiutare anche nella verifica del requisito numero 04 capire se i colori usati offrono 151 Elaborazione dei test un sufficiente contrasto anche quando vengono visti da utenti che soffrono di disturbi da daltonismo Per ottenere una verifica del genere necessario convertire i colori usati per testo e sfondo in quelli che vedrebbero le diverse tipologie di utenti daltonici tramite degli algoritmi che possono essere ottenuti da Colour Contrast Analyser unico tool a offrire questo controllo Una volta ottenuti questi colori modificati si pu procedere a calcolarne la differenza di luminosit e di colore coi soliti algoritmi del WAI REQUISITO NUMERO 07 Per questo requisito il controllo migliore sarebbe quello di controllare ogni elemento che abbia l attributo ismap
181. lternativa come indicato al punto di controllo 11 4 6 4 Per quanto riguarda script e applet assicurarsi che i gestori di eventi siano indipendenti dai dispositivi di input Priorit 2 6 5 Assicurarsi che il contenuto dinamico sia accessibile oppure fornire una presentazione o pagina alternativa Priorit 2 Per esempio in HTML usare NOFRAMES alla fine di ogni insieme di frame Per alcune applicazioni gli script lato server possono essere pi accessibili degli script lato client Linea guida 7 Assicurarsi che l utente possa tenere sotto controllo i cambiamenti di contenuto nel corso del tempo Assicurarsi che gli oggetti in movimento lampeggianti scorrevoli o che si autoaggiornano possano essere arrestati temporaneamente o definitivamente Alcune persone con disabilit cognitive o visive non riescono a leggere testo in movimento con velocit sufficiente oppure non sono in grado di leggerlo affatto Il movimento pu anche causare una distrazione tale da rendere illeggibile il 293 Le WCAG del WAI resto della pagina per persone con disabilit I lettori di schermo non sono in grado di leggere testo in movimento Persone con disabilit fisiche potrebbero non essere in grado di muoversi con velocit o precisione sufficienti ad interagire con oggetti in movimento Nota Tutti i punti di controllo che seguono presuppongono un certo livello di responsabilit da parte degli sviluppatori fino a quando gli interpreti non for
182. ltima consultazione 14 Febbraio 2007 Diodati Accessibilit e traduzioni dal W3C www diodati org data ultima consultazione 5 Marzo 2007 Disabili com www disabili com data ultima consultazione 8 Febbraio 2007 Disabilit In Cifre www disabilitaincifre it data ultima consultazione 18 Dicembre 2006 Dr Watson http watson addy com data ultima consultazione 16 Gennaio 2007 EvalAccess http sipt07 si ehu es evalaccess2 index html data ultima consultazione 24 Gennaio 2007 Firefox Accessibility Add on https addons mozilla org firefox 60 data ultimaconsultazione 2 Febbraio 2007 Flicker Rate www webaccessibile org test check aspx data ultima consultazione 26 Gennaio 2007 Foreground Background Color Contrast Analyzer http tools cactusflower org analyzer data ultima consultazione 8 Gennaio 2007 Fucina Web Idee per forgiare siti www fucinaweb com data ultima consultazione 9 Marzo 2007 314 Bibliografia e Webliografia Functional Accessibility Evaluator http fae cita uiuc edu data ultima consultazione 23 Dicembre 2006 Hera www sidar org hera index php it data ultima modifica 10 Febbraio 2007 HTML it www html it data ultima consultazione 20 Marzo 2007 I Use it Web design accessibile e usabile www i use it data ultima consultazione 17 Marzo 2007 International Webmasters Association Italia www iwa italy org data ultima consultazione 24 Febbraio 2007 Juicy St
183. me Ulteriori Controlli Report i Presenza e posizione alternativa Completo non conforme Ulteriori Controlli Report i Completo Alternativa sonora non conforme Ulteriori _ Controlli Adeguatezza alternativa manuale inoltrare per via telematica le denunce di Infortunio all INAIL e E orerazione ompetata E nenet Figura 2 1 livello di profondit di LUA Toolbar 1 versio ne Cliccando sul bottone si accede alla prima schermata del programma vero e proprio mostrata in Figura 2 Da notare che a questo punto il programma ha gi provveduto a effettuare le verifiche sul requisito e ci che viene mostrato un sintetico report dei risultati ottenuti ovvero il primo livello di profondit di cui abbiamo parlato in precedenza La schermata molto semplice da interpretare in alto vi si trova su sfondo grigio il titolo del programma e della finestra e il bottone X per chiudere la finestra Ovviamente come 165 Primo prototipo tutti gli altri bottoni anche quello di chiusura diventa rosso se vi si passa sopra col mouse Per il resto lo schermo diviso in 4 parti nel primo quadrante in alto a sinistra trovano posto in bella vista il logo del programma e l indicazione del requisito che si scelto di analizzare ovvero del bottone che si premuto Accanto scritto tutto maiuscolo per attirare l attenzione c il riassunto dei risultati riguardo lo sp
184. mediali come file video e audio Alle tradizionali alternative testuali du costituite dall attributo alt per il quale si rimanda alla trattazione precedente si affiancano altre possibilit come le trascrizioni Si devono pertanto prendere come punto di partenza gli elementi object il cui valore dell attributo type sia video o audio quando si tratta di elementi multimediali inclusi Md 27 nella pagina e gli elementi a che abbiano all interno II da II du II dell attributo href le stringhe mp3 wav 0gg ra mov avi wmv mpeg aif rvm ecetera per quanto riguarda i video e gli audio linkati Una volta riconosciuti i file multimediali si deve verificare che oltre all attributo alt siano presenti trascrizioni link a pagine che spiegano il contenuto o anche semplici etichette REQUISITO NUMERO 19 I controlli attuabili per questo requisito sono due Il primo consiste nel verificare che ogni elemento a contenga un elemento title che ne dia spiegazione in questo modo 158 Capitolo 4 possibile indirizzare meglio l utente sulla destinazione del link Il secondo controllo riguarda l elemento area cio il tag che descrive la forma di una sezione di una mappa immagine Questo tag necessita l attributo alt nel caso in cui l immagine non fosse disponibile e il valore di q
185. ministrazione Reperibile all indirizzo www visionaustralia org au ais toolbar 7 Reperibile all indirizzo firefox cita uiuc edu 8 Si considerano verifiche manuali tutte quelle misurazioni che non possono essere demandate esclusivamente alla macchina ma che hanno bisogno di una valutazione umana A volte una macchina o un algoritmo possono essere utilizzati per questa valutazione ma l output ha bisogno di interpretazione valutazione da parte di un umano con un certo grado di competenza perch l output automatico da solo non immediatamente applicabile o comprensibile o univoco 15 Introduzione Per questi fini sar necessario innanzitutto compiere uno studio sulle linee guida proposte dalla legge Stanca vero punto di partenza di tutto e sui tool presenti sul mercato in modo da capire quali possano essere usati per ciascuna verifica Completata questa operazione verr compiuto un profondo studio per capire in che modo gli strumenti operano per arrivare alla verifica di ogni singolo requisito In questo modo i tool scelti andranno a formare una nuova toolbar che insieme alle linee guida che verranno proposte sar in grado di fornire risultati oggettivi sull accessibilit di un sito a livello tecnico Da notare che si parla di livello tecnico cio il livello minimo obbligatorio da raggiungere che per non sufficiente per affermare che un sito sia effettivamente accessibile per far questo necessaria
186. n grado di individuare quale Dr Watson 1 tipo di DTD sia presente ha EvalAccess 3 individuato solo 3 errori una Firefox Web Developer 3 Functional Accessibility Evaluator 3 Juicy Studio 3 transitional Wave 2 Anche la Toolbar di volta stabilito che si trattava di un DTD di tipo Web Accessibility Firefox utilizza il servizio del Inspector 3 W3C ma anche quello di Cynthia Says i risultati sono buoni ma non consigliato in quanto utilizza altri tool che si trovano nelle loro versioni originali Dr Watson non in grado di definire quale DTD sia presente individua 13 errori ma non si capisce bene su quale base effettui i controlli anche perch non viene spiegato nulla Wave compie un report grafico in cui non individua errori veri e propri ma solo allarmi Sta a chi compie il test 67 Controllo incrociato requisito tool valutarne la gravit Si tratta quindi di un controllo di tipo semi automatico Bisogna dire per che il numero di questi allarmi piuttosto elevato Web Accessibility Inspector individua 17 errori ma di questi ben 16 fanno riferimento all apertura di una nuova finestra in caso di attivazione di un link si tratta sicuramente di un errore grave ma non esiste solo quello Juicy Studio invece compie un operazione diversa da quelle dei tool visti finora si concentra infatti sulla validit dei fogli di stile usati importanti in questo caso quando ci sono documenti d
187. nativa testuale equivalente sincronizzata in forma di sotto titolazione o di descrizione vocale oppure fornire un riassunto o una semplice etichetta per ciascun elemento video o multimediale tenendo conto del livello di importanza e delle difficolt di realizzazione nel caso di trasmissioni in tempo reale Riferimenti WCAG 1 3 1 4 Riferimenti Section 508 1194 22 b 19 Rendere chiara la destinazione di ciascun collegamento ipertestuale link con testi 49 I criteri della legge Stanca significativi anche se letti indipendentemente dal proprio contesto oppure associare ai collegamenti testi alternativi che possiedano analoghe caratteristiche esplicative nonch prevedere meccanismi che consentano di evitare la lettura ripetitiva di sequenze di collegamenti comuni a pi pagine Riferimenti WCAG 13 1 13 6 Riferimenti Section 508 1194 22 o 20 Nel caso che per la fruizione del servizio erogato in una pagina previsto un intervallo di tempo predefinito entro il quale eseguire determinate azioni necessario avvisare esplicitamente l utente indicando il tempo massimo consentito e le alternative per fruire del servizio stesso Riferimenti WCAG 7 4 7 5 Riferimenti Section 508 1194 22 p 21 Rendere selezionabili e attivabili tramite comandi da tastiere o tecnologie in emulazione di tastiera o tramite sistemi di puntamento diversi dal mouse i collegamenti presenti in una pagina per
188. ne pu fare a meno allora bisogna proporre agli utenti un alternativa testuale analogamente a quanto detto nel requisito numero 3 100 Capitolo 3 Queste alternative devono poter sostituire in tutto e per tutto script e applet quindi devono spiegare quale funzione svolta dall oggetto che sostituiscono e riproporne le funzionalit in modi equivalenti Nel caso di video il testo alternativo dovrebbe descrivere tutti gli elementi visuali azioni personaggi sequenze grafica eventuale testo visualizzato vale a dire tutti i particolari utili per renderne possibile la comprensione soprattutto in relazione al contesto cui il filmato si riferisce Un altro modo per descrivere gli oggetti e che vale anche per le immagini e quindi per il requisito numero 03 pu essere quello di produrre dei file sonori che contengano una didascalia parlata Una descrizione breve generer file sufficientemente leggeri che sar agevole caricare e ascoltare senza che la navigazione ne risulti particolarmente rallentata Per quanto riguarda la grafica vettoriale se gli sviluppatori intendono come ci si augura rendere accessibile un sito realizzato per esempio con quel potente strumento che Flash occorre fornire sempre una pagina alternativa di testo descrittivo che non escluda i disabili della vista dalla fruizione dei contenuti di un determinato sito A Checker dispone di una gran quantit di controlli su tutti questi oggetti volti a verificar
189. nelle pagine HTML fondamentali per la navigazione sul Web Si tratta di testi o di immagini che funzionano come puntatori ad altre risorse che possono essere contenute nella stessa pagina in un intero sito o negli altri milioni di siti esistenti sulla Rete I collegamenti ipertestuali sono leggibili dai disabili della vista tramite gli apparecchi o i software di ausilio In particolare sono raggiungibili i link normalmente ottenuti tramite la sottolineatura del testo I link possono costituire uno degli elementi pi inaccessibili di un sito se non si pone molta attenzione nella loro costruzione Basta pensare ai link che vengono posti all interno di un discorso nel bel mezzo di una pagina del tipo se vuoi saperne di pi clicca qui Un link di questo tipo pu mettere in difficolt un utente normale figuriamoci uno con delle disabilit 108 Capitolo 3 In effetti il link dell esempio assolutamente incomprensibile un link dovrebbe sempre far capire dove porta ed ecco quindi la raccomandazione esplicita nel requisito di costruire i link usando testi significativi anche se letti indipendentemente dal contesto Per rendere pi chiare le destinazioni di collegamenti ipertestuali particolarmente oscuri ci si pu aiutare con i testi alternativi come si usa fare per tanti altri elementi In questo modo si possono introdurre link nel contenuto della pagina purch si abbia la premura di inserire nel testo alternativ
190. niranno adeguati meccanismi di controllo delle diverse caratteristiche Punti di controllo 7 1 Fino a quando gli interpreti non permetteranno agli utenti di controllare lo sfarfallio evitare di far sfarfallare lo schermo Priorit 1 Nota Persone con epilessia fotosensibile possono avere crisi scatenate da sfarfallio oppure da lampeggiamenti nell intervallo che va da 4 a 59 lampi al secondo Hertz con un picco di sensibilit intorno ai 20 lampi al secondo cos come da mutamenti repentini di oscurit e luce come nel caso di luci intermittenti 7 2 Fino a quando gli interpreti non permetteranno agli utenti di controllare il lampeggiamento evitare di far lampeggiare il contenuto cio di cambiare la presentazione a intervalli regolari come se si accendesse e spengesse Priorit 2 7 3 Fino a quando gli interpreti non permetteranno agli utenti di bloccare il contenuto in movimento evitare il movimento nelle pagine Priorit 2 Quando una pagina include contenuto in movimento fornire un meccanismo all interno di uno script o applet per 294 Appendice D permettere agli utenti di bloccare il movimento o gli aggiornamenti Il fatto di usare i fogli di stile insieme con gli script per creare il movimento permette agli utenti di disabilitare oppure tenere sotto controllo gli effetti con maggiore facilit 7 4 Fino a quando gli interpreti non forniranno la possibilit di bloccare l autoaggiornamento non creare pagine ch
191. nizzazione che occupandosi di tutto ci che standard fa sentire la sua voce anche nel campo della Rete informatica mondiale Ma la vera novit si trova alla lettera d in quelle esperienze della Pubblica Amministrazione frutto di uno studio sul modo di operare della PA italiana con le sue prerogative peculiari 5 Il Rehabilitation Act l atto con cui il Congresso degli Stati Uniti ha risposto nel 1973 alle continue richieste di rivendicazione dei propri diritti da parte dei veterani di guerra Proibisce ogni forma di discriminazione contro i cittadini disabili da parte di qualsiasi attivit o programma che riceva finanziamenti governativi 10 Introduzione Bisogna aggiungere che i criteri sull accessibilit dei contenuti proposti nel decreto fanno parte di una pi ampia metodologia di verifica ed in particolare si trovano all interno della verifica tecnica il cui superamento costituisce il livello minimo di accessibilit obbligatorio per i siti Internet e l elemento propedeutico alle successive verifiche di tipo soggettivo Le regole tecniche dettate per garantire l accessibilit dei siti Web si rivolgono anzitutto ai disabili ed in particolare ai non vedenti che non possono vedere lo schermo e si servono di programmi per la lettura dello schermo o browser vocali che interpretano il codice HTML e danno un riscontro vocale di ci che appare sullo schermo con indicazioni aggiuntive utili per cogliere la
192. normative di cui al comma 1 e delle innovazioni tecnologiche nel frattempo intervenute 216 Appendice A La presente legge munita del sigillo dello Stato sar inserita nella Raccolta ufficiale degli atti normativi della Repubblica Italiana fatto obbligo a chiunque spetti di osservarla e di farla osservare come legge dello Stato Data a Roma add 9 gennaio 2004 CIAMPI Berlusconi Presidente del Consiglio dei Ministri Stanca Ministro per l innovazione e le tecnologie Visto il Guardasigilli Castelli 217 Appendice B APPENDICE B DPR 1 Marzo 2005 n 75 Decreto del Presidente della Repubblica 1 Marzo 2005 n 75 Regolamento di attuazione della legge 9 gennaio 2004 n 4 per favorire l accesso dei soggetti disabili agli strumenti informatici Pubblicato in G U n 101 del 3 maggio 2005 IL PRESIDENTE DELLA REPUBBLICA Visto l articolo 87 della Costituzione Visto l articolo 17 comma 1 della legge 23 agosto 1988 n 400 Visto l articolo 10 della legge 9 gennaio 2004 n 4 recante disposizioni per favorire l accesso dei soggetti disabili agli strumenti informatici Visto il decreto del Presidente del Consiglio dei Ministri del 9 agosto 2001 pubblicato nella Gazzetta Ufficiale n 198 del 27 agosto 2001 recante delega di funzioni del Presidente del Consiglio dei Ministri in materia di innovazione e tecnologie al Ministro senza portafoglio dott Lucio Stanca Visto il decreto legislativo 12 febbraio 1993
193. nsiderazione Functional Accessibility Evaluator che solo in grado di riconoscere le immagini alle quali vengono associati testi alternativi Stesso discorso infine per Cynthia Says che si limita a controllare l associazione tra immagini e testi alternativi Il vero problema per riuscire a giudicare il livello di adeguatezza delle alternative e in questo nessun tool pu sostituire l uomo I MIGLIORI Controllo alternative testuali A Checker Auto Significativit alternative A Checker Semi Auto 76 Capitolo 3 3 1 4 Requisito Numero 04 Garantire che tutti gli elementi informativi e tutte le funzionalit siano disponibili anche in assenza del particolare colore utilizzato per presentarli nella pagina ANALISI E TEST I disturbi da daltonismo sono i pi frequenti quando si parla di disabilit Il tipo di cecit ai colori pi diffuso la protanopia che una cecit pi accentuata per il colore rosso Segue la deuteranopia ovvero una cecit pi accentuata per il colore verde Gli appartenenti a questi due gruppi confondono tra loro il rosso e il verde i protanopi confondono anche il rosso col blu Il terzo difetto in ordine di diffusione la tritanopia chi ne soffre confonde tra loro il giallo e il blu Il deficit pi penalizzante per la percezione dei colori infine l acromatopsia chi ne colpito soffre di un estrema sensibilit alla luce di completa o incompleta cecit ai colori e di
194. nte Hera riconosce gli oggetti e controlla se questi sono direttamente accessibili ma in maniera meno efficace di A Checker 103 Controllo incrociato requisito tool Wave segnala quando gli script o altri oggetti sono accessibili solo con l utilizzo del mouse WebXact pone l attenzione sul fatto che tutti gli oggetti e gli elementi devono poter essere comandati senza usare il mouse I MIGLIORI Indipendenza dai dispositivi di puntamento A Checker Semi Auto 104 Capitolo 3 3 1 17 Requisito Numero 17 Garantire che le funzionalit e le informazioni veicolate per mezzo di oggetti di programmazione oggetti che utilizzano tecnologie non definite da grammatiche formali pubblicate script e applet siano direttamente accessibili ANALISI E TEST Requisito che sostanzialmente ricalca quello precedente infatti che script e applet siano direttamente accessibili significa che devono essere fruibili nel maggior numero possibile di modi diversi In questo requisito per il focus dell attenzione si allarga fino a comprendere gli oggetti che utilizzano tecnologie non definite da grammatiche formali pubblicate Per quanto riguarda l uso dei TOOL UTILI E VOTI A Checker 4 Barra dell Accessibilit 1 in modo totale a quanto Firefox Web Developer 1 detto per il requisito numero Hera 3 16 Wave 3 WebXact 1 tool si pu fare riferimento I MIGLIORI Controllo accessibilit diretta A Checker
195. nte hanno a disposizione una gamma di strumenti che consente loro di fare ricerche di lavorare e anche di divertirsi con un computer e navigando in Internet senza barriere senza difficolt e senza provare alcuna sensazione di diversit Ma possibile che un Webmaster ricrei qualche barriera magari involontariamente perch trascura i contenuti Non farsi comprendere e non rendere chiari i contenuti e il linguaggio che si utilizza per esprimerli vanifica anzitutto il loro lavoro oltre a restituire frustrazione a chi non riesce a ricevere correttamente un messaggio Testi incoerenti ridotti 20 Capitolo 1 in alcuni casi a semplici slogan magari corredati da banali errori grammaticali o di digitazione acronimi non risolti abbreviazioni spesso incomprensibili devono essere evitati accuratamente In questo senso i creatori e gli sviluppatori di pagine HTML hanno grandi responsabilit nei confronti degli utenti disabili Quando in un ipertesto di una pagina HTML un disabile incontra per esempio una frase con errori di digitazione un periodo nel quale manca una parola la didascalia di un immagine redatta in modo incomprensibile il suo strumento ausiliario legger esattamente ci che appare a video in questo caso non solo la lettura risulter frammentata o rallentata ma al non vedente non sar consentita la decifrazione di ci che legge il proprio sintetizzatore Ci creer inevitabilmente equivoci anche nella comprensi
196. nterno del codice della pagina quelle server side sarebbero pi comode in quanto tutto risiederebbe su server ma creano problemi alle tecnologie assistive che non riescono a vedere i link di destinazione Pertanto preferibile utilizzare le mappe immagine lato client a meno che non sia necessario usare quelle lato server pi duttili TOOL UTILI E VOTI A Checker Cynthia Says A Checker 2 Barra dell Accessibilit Hera e Barra dell Accessibilit 2 Wave sono tutti tool in grado Cynthia Says 2 di individuare con efficacia le Hera 3 mappe immagine lato server Wave 2 Tuttavia il migliore sembra essere il tool di Hera che individua entrambi i tipi di mappa Invece non c modo di capire in modo automatico quando meglio usare le mappe lato client e quando quelle lato server I MIGLIORI Individuazione mappe immagine Hera Auto Scelta mappe lato client server non presente Manuale 85 Controllo incrociato requisito tool 3 1 8 Requisito Numero 08 In caso di utilizzo di mappe immagine lato server fornire i collegamenti di testo alternativi necessari per ottenere tutte le informazioni o i servizi raggiungibili interagendo direttamente con la mappa ANALISI E TEST Questo requisito si lega profondamente a quello precedente Dato che nelle mappe immagine lato server i link non sono nel codice si richiede di fornire ridondanza di link in modo da favorire le tecnologie assistive Si potreb
197. nti 106 Capitolo 3 multimediali senza alternativa il primo controlla gli elementi uno ad uno Si tratta comunque di test di tipo semi automatico che si limitano a mettere in evidenza gli elementi multimediali e quindi il controllo deve essere effettuato da un operatore umano che possa capire dove stata posizionata l alternativa e in che modo Hera invece si concentra sulla ricerca di alternative sonore ad elementi video e lo fa molto bene anche se questo solo uno dei compiti che fanno parte di questo requisito Discorso a parte gi fatto nei requisiti 03 e 15 merita il controllo sull adeguatezza delle alternative che non pu essere effettuato in modo automatico I MIGLIORI Individuazione elementi multimediali A Checker Auto Presenza e posizione alternativa A Checker Semi Auto Alternativa sonora Hera Semi Auto Adeguatezza alternativa non presente Manuale 107 Controllo incrociato requisito tool 3 1 19 Requisito Numero 19 Rendere chiara la destinazione di ciascun collegamento ipertestuale link con testi significativi anche se letti indipendentemente dal proprio contesto oppure associare ai collegamenti testi alternativi che possiedano analoghe caratteristiche esplicative nonch prevedere meccanismi che consentano di evitare la lettura ripetitiva di sequenze di collegamenti comuni a pi pagine ANALISI E TEST I link sono notoriamente collegamenti ipertestuali che si inseriscono
198. o Le alternative 03 Elemento applet testuali delle Bassa Controllare l alternativa applet testuale Ci si aspetta che dovrebbero l alternativa testuale sia essere appropriata all applet aggiornate ogni volta che cambia l applet Le alternative 03 Elemento img Controllare testuali non Media ogni elemento img e dovrebbero calcolare la lunghezza del essere troppo valore dell attributo alt Ci corte si aspetta che la lunghezza sia superiore ai 10 caratteri Le alternative 03 Elemento img Controllare testuali non Media ogni elemento img e dovrebbero calcolare la lunghezza del essere troppo valore dell attributo alt Ci 122 Capitolo 4 lunghe si aspetta che la lunghezza sia inferiore ai 100 caratteri Le alternative 03 Elemento img Controllare testuali non Media ogni elemento img e dovrebbero confrontare il suo attributo essere uguali alt con src Ci si aspetta ai nomi delle che i due attributi immagini dell elemento img siano diversi Le immagini 03 Elemento img Controllare dovrebbero Alta che ogni elemento img avere testi contenga l attributo alt Ci alternativi si aspetta che tutti gli elementi img contengano l attributo alt Le immagini 03 Elemento img Controllare dovrebbero Media ogni elemento img e avere testi verificare che il valore alternativi che
199. o Nella schermata che si apre 167 Primo prototipo mostrata in Figura 3 vengono visualizzate delle operazioni supplementari da compiere per verificare appieno il singolo sotto controllo si tratta del terzo livello di profondit di LUA Toolbar La parte alta di questa schermata identica a quella principale quello che cambia solo la parte inferiore in cui trovano posto i consigli e un bottone riassunto verifica che riporta alla pagina principale Da notare che in alcuni dei consigli riportati sono presenti dei link visualizzati in azzurro che servono come ulteriore aiuto dato che rimandano a delle visualizzazioni ottenute tramite i tool utilizzati Nell esempio della Figura 3 il link individuare le alternative di tipo non sonoro apre una finestra in cui grazie al tool A Checker l utente ha a disposizione in un unica pagina tutte le alternative non sonore riscontrate in modo che il suo compito di valutarne la posizione sia molto pi semplice 168 Capitolo 5 5 3 Interfaccia definitiva Come abbiamo gi detto quella che abbiamo descritto nel paragrafo precedente era solo la prima versione dell interfaccia molto poco attraente graficamente e soprattutto con tanti piccoli problemini Il percorso di progettazione stato lungo e alla fine siamo arrivati ad un interfaccia che poco ha a che fare dal punto di vista visivo con quella mostrata sopra ma che si riallaccia fortemente ad essa dal punto di vi
200. o della pagina 81 Controllo incrociato requisito tool Al contrario se i colori di primo piano e di sfondo fossero troppo vicini a uno stesso livello di luminosit verrebbero causati problemi ai navigatori con difficolt di percezione cromatica e comunque a tutti coloro che disponessero di un monitor in bianco e nero Per gli ipovedenti importante tra l altro che i colori utilizzati non siano eccessivamente luminosi e saturi altrimenti possono andare incontro a fastidiosi fenomeni di abbagliamento Un ulteriore importante raccomandazione per garantire una buona leggibilit dei testi agli utenti affetti da ipovisione e cecit ai colori quella di evitare assolutamente di inserire sfondi grafici compositi sotto i testi Come abbiamo visto gi difficile operare una scelta tra colore di primo piano e di sfondo quando lo sfondo costituito da un solo colore Ma quando lo sfondo un immagine costituita da una trama complessa di colori mantenere un contrasto sufficiente con il testo diventa pressoch impossibile alcune zone dell immagine di sfondo conserveranno magari un sufficiente livello di contrasto altre zone no La presenza di un immagine sotto il testo distrae inoltre l attenzione del lettore Il rischio quello di aver causato una fastidiosa ed inutile forma di tortura ai danni degli occhi di chi affetto da deficit visivi si sta sforzando di leggere il testo nella pagina La leggibilit peggiora po
201. o del World Wide Web Consortium Leading the Web to its full potential condurre il Web a dispiegare il suo pieno potenziale 25 Disabilit e uso del Web Per questo crediamo che sia cos importante fornire strumenti funzionali e completi per ottenere una valutazione obiettiva dell accessibilit dei siti Internet 26 Capitolo 1 1 2 Accessibilit per tutti Vs Usabilit per molti Il W3C stabilisce che il contenuto di un sito Web accessibile quando pu essere usato da qualcuno che ha una disabilit cio rendere accessibile un sito significa rendere i contenuti disponibili alla pi vasta tipologia di persone e dispositivi questo comporta adottare una serie di misure e di accorgimenti per cui le persone con disabilit di vario tipo motorie o sensoriali ad esempio e che sono costrette ad usare software ed hardware particolari anche di vecchio tipo non siano penalizzate nell uso della Rete Ma gi nel 2001 nel suo libro L architettura del nuovo Web Tim Berners Lee inventore del World Wide Web affermava che il Web deve consentire un accesso paritario a chi si trova in una situazione economica e politica differente a chi ha handicap fisici o cognitivi a chi appartiene a una cultura diversa e a chi usa lingue diverse con caratteri diversi che si leggono in diverse direzioni sulla pagina questa affermazione estende il concetto di accessibilit fino a comprendere tutti quei soggetti che rischian
202. o di essere esclusi dalle trasformazioni in atto nella societ Gli accorgimenti che si devono adottare per rendere un sito accessibile risultano utili anche agli utenti normodotati Basti pensare a quanto ne guadagnerebbero i siti riguardo la chiarezza dei testi il mancato uso di colori sfumati o effetti grafici eccessivamente disturbanti 2 Berners Lee Tim 2001 L architettura del nuovo Web Feltrinelli 27 Accessibilit per tutti Vs Usabilit per molti Un esempio assai interessante di questo effetto collaterale dell accessibilit dato dalle versioni dei siti Web per computer palmari e cellulari A quanti capitato di usarli non solo con questi dispositivi ma anche con il proprio pc multimediale perch si caricano pi velocemente e consentono di giungere pi rapidamente alle informazioni di nostro interesse Seguendo le regole indicate possibile ridurre i tempi di attesa e quindi rendere pi soddisfacente la fruizione delle pagine Realizzare una pagina Web che si vede facilmente per una persona disabile significa realizzare una pagina che si vede ancora pi facilmente per una persona normodotata I disabili in senso stretto sono solo una parte e neppure la pi cospicua dei beneficiari dell accessibilit Oltre a loro l accessibilit si rivolge anche alle seguenti categorie di persone Persone con normali problemi della vista quali miopia astigmatismo ipermetropia cataratta
203. o e poi essere controllare il contenuto Ci si utilizzabile aspetta di poter utilizzare le anche quando stesse funzionalit di le applet quando l applet era attiva vengono disattivate Le alternative 15 Elemento object testuali degli Bassa Controllare ogni elemento oggetti object e verificare che la dovrebbero sua alternativa testuale sia essere aggiornata Ci si aspetta che aggiornate l alternativa testuale di ogni quando oggetto sia aggiornata l oggetto quando questo cambia cambia Le applet 15 Elemento applet dovrebbero Bassa Controllare l attributo alt avere testi di ogni applet Ci si aspetta alternativi che l attributo sia di almeno validi 10 caratteri 138 Capitolo 4 Tutti gli script 15 Elemento script dovrebbero Alta Controllare ogni script che avere una sia essenziale alla pagina e sezione verificare che sia presente noscript una sezione noscript e che questa sezione contenga informazioni equivalenti a quello dello script Ci si aspetta che gli script essenziali siano seguiti da una sezione noscript valida L interfaccia 16 Elemento applet delle applet Bassa Controllare le operazioni di dovrebbe ogni applet Ci si aspetta che essere le operazioni delle applet accessibile possano essere eseguite tramite tastiera Le interfacce 16 Elemento object degli oggetti Bassa Controllare ogni elemento dovrebbero
204. o effettuati per automatizzare al massimo la valutazione tecnica C bisogno quindi di un analisi pi profonda di ciascun requisito e di testare i tool per capire quale sia il migliore 62 Capitolo 3 CAPITOLO 3 3 1 Controllo incrociato requisito tool Per ogni requisito viene riportato l enunciato seguito da una spiegazione del requisito e dal test empirico dei vari tool che possono verificarlo elencati nel box grigio Ad ogni tool viene poi assegnato un voto sempre consultabile nel box sulla base della seguente scala 0 funzione di controllo requisito assente o scadente 1 funzione di controllo requisito manuale o mediocre 2 funzione di controllo requisito semi automatica o sufficiente 3 funzione di controllo requisito automatica soddisfacente 4 funzione di controllo requisito totalmente automatica o pienamente soddisfacente N B a tutti i tool di cui non riportato esplicitamente il giudizio si assegna il voto 0 Infine vengono riportati i tool migliori che verranno usati all interno della Toolbar per effettuare i controlli relativi 63 Controllo incrociato requisito tool 3 1 1 Requisito Numero 01 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 sp
205. o le indicazioni precise sugli effetti che si possono ottenere una volta attivato il collegamento Un altro modo di indicare i link tramite il loro tiolo Il testo cos indicato in aggiunta a quello che fa da riferimento per il link stesso Generalmente viene visualizzato nel browser visuale come un tooltip ma pu essere rappresentato anche nei browser non visuali L ultima raccomandazione quella di predisporre dei modi per evitare che le tecnologie assistive nello scandire le pagine ripetano i gruppi di link che sono comuni a pi pagine tramite ad esempio uno dei cosiddetti skiplink che rimandano direttamente al contenuto principale della pagina Mentre esistono molti tool che verificano se i link sono validi cio se portano effettivamente a un altra pagina pochi sono quelli che controllano l efficienza e la chiarezza di questi link 34 Un tooltip una finestra a comparsa associata ad una parola o ad una frase contenente un messaggio di aiuto o spiegazione che appare quando il puntatore del mouse passa sopra tale parola o frase 109 Controllo incrociato requisito tool TOOL UTILI E VOTI Wave ha una funzione che A Checker 2 i individua i link definiti Cynthia Says 2 vaghi e consiglia di Firefox Web Developer 2 renderli pi espliciti Wave 1 La Firefox Toolbar offre un opzione per visualizzare tutti i dettagli dei link questa funzione pu essere utile per controllare che
206. o per il braille e vista per il testo visualizzato sullo schermo rendendo l informazione accessibile a gruppi rappresentativi di una molteplicit di disabilit sensoriali o di altro tipo Perch possa essere utile il testo deve svolgere la stessa funzione o scopo dell immagine Per esempio si consideri un equivalente testuale per un immagine fotografica del pianeta Terra visto dallo spazio Se lo scopo dell immagine principalmente quello decorativo allora il testo Foto della Terra vista dallo spazio pu svolgere la funzione necessaria Se lo scopo della foto quello di illustrare un informazione specifica sulla geografia terrestre allora l equivalente testuale deve fornire quell informazione Se la foto stata designata per dire all utente di selezionare l immagine per esempio cliccando su di essa per avere delle informazioni riguardanti la Terra l equivalente testuale dovr essere Informazioni sul pianeta Terra Perci se il testo svolge la stessa fuzione o scopo per l utente con una disabilit dell immagine per gli altri utenti comuni allora essa pu essere considerata un equivalente testuale Si noti che in aggiunta al beneficio che possono trarne utenti con disabilit gli equivalenti testuali possono aiutare tutti gli utenti a trovare le pagine molto pi rapidamente dal 275 Le WCAG del WAI momento che i robot per la ricerca possono usare il testo nell indicizzazione delle pagine Mentre spetta
207. oaz 70 1l testo alternativo dell immagine potrebbe essere troppo lungo 70 L immagine ha un testo alternativo sospetto stringa vuota 70 L immagine ha un testo alternativo sospetto solo snaz 70 1l testo alternativo dell immagine potrebbe essere troppo lungo 70 L immagine ha un testo alternativo sospetto stringa vuota 70 L immagine ha un testo alternativo sospetto selo soaz 70 1l testo alternativo dell immagine potrebbe essere troppo lungo 70 L immagine ha un testo alternativo sospetto stringa vuota 70 L immagine ha un testo alternativo sospetto selo soaz 72 Il testo alternativo dell immagine potrebbe essere troppo lungo 72 L immagine ha un testo alternativo sospetto stringa vuota 72 L immagine ha un testo alternativo sospetto sclo soaz 72 1 testo alternativo dell immagine potrebbe essere troppo lungo 72 L immagine ha un testo alternativo sospetto stringa vuota 72 L immagine ha un testo alternativo sospetto sclo soaz 72 1 testo alternativo dell immagine potrebbe essere troppo lungo 72 L immagine ha un testo alternativo sospetto stringa vuota 72 L immagine ha un testo alternativo sospetto sclo soaz 72 Il testo alternativo dell immagine potrebbe essere troppo lungo 72 L immagine ha un testo alternativo sospetto stringa vuota Semin 72 Hmacine ha un testo alternativo sospetto sclo soaz 72 ll testo alternativo del immagine potrebbe essere troppo lungo 72 L immagine ha un testo alternativo sospetto st
208. odificazioni ed integrazioni Esperita la procedura di notifica alla Commissione europea di cui alla direttiva 98 34 CE del Parlamento europeo e del 233 DM 8 Luglio 2005 Consiglio del 22 giugno 1998 modificata dalla direttiva 98 48 CE del Parlamento europeo e del Consiglio del 20 luglio 1998 CE attuata dalla legge 21 giugno 1986 n 317 modificata dal decreto legislativo 23 novembre 2000 n 427 DECRETA Art 1 Definizioni e ambito d applicazione 1 Ai fini del presente decreto s intende per a 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 b ambiente operativo insieme di programmi e di interfacce utente che consentono l utilizzo delle risorse hardware e software disponibili sul computer d applet programma autonomo in genere scritto in linguaggio Java che pu essere inserito in una pagina Web per fornire informazioni o funzionalit e applicazione programma informatico che consente all utente di svolgere specifici compiti f 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 eXtensi
209. ogie W3C lo si deve fare rispettando linee guida per l accessibilit Nell usare nuove tecnologie assicurarsi che esse si trasformino in maniera elegante Nota La conversione di documenti da PDF PostScript RTF ecc ai linguaggi di marcatura del W3C HTML XML non sempre crea un documento accessibile Quindi validare ogni pagina per verificare l accessibilit e la possibilit d uso dopo il processo di conversione Se una pagina non viene convertita velocemente correggerla finch la sua rappresentazione originale non viene convertita appropriatamente oppure fornire una versione in formato HTML o testo semplice Punti di controllo 11 1 Usare le tecnologie W3C quando sono disponibili e sono appropriate per un certo compito e usare le versioni pi recenti quando sono supportate Priorit 2 Vedi la lista dei riferimenti per sapere dove trovare le specifiche W3C pi recenti per avere informazioni sulla compatibilit fra interpreti e tecnologie W3C 11 2 Evitare le caratteristiche delle tecnologie W3C che sono disapprovate Priorit 2 Per esempio in HTML non usare l elemento FONT che disapprovato usare al suo posto i fogli di stile per es la propriet font di CSS 11 3 Fornire agli utenti l informazione necessaria perch possano ricevere i documenti in maniera che si adattino alle 301 Le WCAG del WAI loro preferenze per es lingua tipo di contenuto ecc Priorit 3 Nota Usare la negoziazione del
210. omunicazioni nelle raccomandazioni e nelle direttive sull accessibilit dell Unione europea nonch nelle normative internazionalmente riconosciute e tenendo conto degli indirizzi forniti dagli organismi pubblici e privati anche internazionali operanti nel settore quali l International Organization for Standardization ISO e il World Wide Web Consortium W3C Con apposito decreto del Ministro per l innovazione e le tecnologie di concerto con il Ministro dell istruzione dell universit e della ricerca sentiti la Conferenza Unificata e il Centro Nazionale per l Informatica nella Pubblica Amministrazione CNIPA sono dettate specifiche regole tecniche che disciplinano l accessibilit da parte degli utenti agli strumenti didattici e formativi di cui all articolo 5 comma 1 della legge n 4 del 2004 Art 3 Valutazione dell accessibilit 1 Il CNIPA con proprio provvedimento istituisce presso di s l elenco dei valutatori stabilendone le modalit tecniche per la tenuta nonch garantisce la pubblicit dell elenco medesimo e delle citate modalit sul proprio sito internet 223 DPR 1 Marzo 2005 n 75 Nell elenco di cui al comma 1 sono iscritte le persone giuridiche interessate che ne fanno richiesta dimostrando di possedere i seguenti requisiti garanzia di imparzialit ed indipendenza nell esercizio delle proprie attivit disponibilit di una adeguata strumentazione per l applicazione delle metodo
211. oncrete di interazione con il sistema informatico 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 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 verifica tecnica valutazione condotta da esperti anche con strumenti informatici sulla base di parametri tecnici 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 Art 2 Requisiti tecnici e livelli di accessibilit 1 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 238 Appendice C nel rispetto dei criteri e dei principi indicati dal regolamento 2 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
212. one del significato dei contenuti di quella determinata pagina quindi molto importante che il Webmaster per assicurare la piena accessibilit della pagina Web controlli accuratamente coerenza e correttezza del contenuto dal punto di vista linguistico I problemi degli utenti con disabilit dell udito dovuti ad una sordit parziale o completa sono da mettere in relazione con il crescente impiego di componenti audio nelle presentazioni multi mediali come i file audio che fanno da corredo sonoro alla grafica oppure registrazioni dalla viva voce del protagonista di conversazioni esibizioni o altro Di particolare rilievo la difficolt d accesso a filmati che contengono audio e video di cui la parte audio diventa una componente essenziale 21 Disabilit e uso del Web Quando i suoni veicolano importanti informazioni come segnali di allarme od altro possono essere sostituiti o accompagnati da opportune segnalazioni visive In particolare una conversazione o la colonna sonora di un filmato possono essere rese accessibili mediante il classico metodo della sotto titolazione Per i sordi congeniti vanno tenute presenti comunque anche le difficolt di apprendimento del linguaggio dovute alla mancanza di feedback uditivo la cui conseguenza spesso una difficolt di comprensione anche del testo scritto specialmente quando tratta argomenti astratti o fa uso di frasi molto elaborate L arco delle disabilit di tipo fisico
213. ono essere utilizzati per completare quello che l accessibilit lascia soltanto indicato Gli strumenti sono l osservazione strutturata degli utenti target quelli per i quali il sito stato costruito Attraverso l osservazione dell interazione fra sito e utente l usabilit registra errori e fraintendimenti di progettazione Tramite colloqui con gli utenti indaga sulle ragioni di questi errori e 35 Accessibilit per tutti Vs Usabilit per molti pu cos stilare una lista di suggerimenti migliorativi in un continuo processo di prova errore Un processo evolutivo continuo Solo scovando gli errori e ponendovi rimedio infatti un prodotto pu migliorare solo osservando e parlando con gli utenti possiamo sapere se un contenuto chiaro se stato capito se il sito navigabile Il primo passo per migliorare davvero i siti e i servizi rivolti agli utenti quello di capire entrambe le discipline per poterne trarre gli appropriati vantaggi a seconda di esigenze e obiettivi Il principio basilare che sottende l indipendenza degli strumenti e l accessibilit la separazione della forma dal contenuto quando il significato di un documento salvato separatamente da come deve apparire l indipendenza degli strumenti e l accessibilit sono pi facili da tutelare L applicazione dei concetti di accessibilit non un fatto meccanico presuppone una certa conoscenza del linguaggio HTML e dei suoi sviluppi relativament
214. oper 2 TAW 3 possibilit di controllare Diverso per dagli altri tool risulta essere TAW che compie un controllo per verificare che i vari elementi presenti in una pagina abbiano dimensioni espresse in modo relativo rispetto al totale della pagina e non in modo assoluto come abbiamo detto questo l unico modo per ottenere una pagina ugualmente fruibile indipendentemente dalla dimensione della finestra di visualizzazione I MIGLIORI Controllo sito a diverse risoluzioni Barra dell Accessibilit Semi Auto Controllo sito con diversi browser Browser Cam Semi Auto Relativit dimensioni TAW Auto 94 Capitolo 3 3 1 13 Requisito Numero 13 In caso di utilizzo di tabelle a scopo di impaginazione garantire che il contenuto della tabella sia comprensibile anche quando questa viene letta in modo linearizzato e utilizzare gli elementi e gli attributi di una tabella rispettandone il valore semantico definito nella specifica del linguaggio a marcatori utilizzato ANALISI E TEST Le tabelle in genere si distinguono in base al loro contenuto quelle di dati fondamentali per l inserimento del contenuto e quelle di layout che servono per la grafica In questo secondo caso necessario che la conformazione della tabella non vada ad inficiare sulla leggibilit del contenuto al suo interno Le tabelle di impaginazione hanno in questo caso le stesse funzioni della gabbia tipografica utilizzata per eseguire l
215. operazioni di base non ulteriormente scomponibili Il passo seguente stato quello di confrontare i vari strumenti presi in considerazione con i requisiti della legge n 4 del 9 Gennaio 2004 e cos alla fine del capitolo 3 abbiamo ottenuto una lista comprendente il miglior tool per ogni sotto controllo individuato In questo modo abbiamo costituito la base di partenza per la nostra toolbar Dopo un intermezzo pi tecnico dedicato alle operazioni da compiere sul codice HTML per compiere le verifiche individuate capitolo 4 l attenzione si spostata sulla prototipazione dell interfaccia al termine di un lungo processo circolare di progettazione e valutazione abbiamo raggiunto la versione definitiva del modello esposta e analizzata all interno del capitolo 5 Infine nel capitolo 6 abbiamo elaborato delle linee guida che permettano all utente di controllare senza troppi sforzi anche i requisiti non automatizzabili seguendo alcune semplici procedure guidate Ci che manca l implementazione vera e propria del software La decisione di non procedere all implementazione dovuta sostanzialmente a una questione di praticit abbiamo proposto un idea concreta e semplice da realizzare per risolvere l annoso problema di ottenere verifiche oggettive nel campo dell accessibilit Ma portare questa idea a compimento senza sapere quali siano le risposte da parte del mercato sarebbe stata una vision troppo a lungo termine e av
216. ori sia superiore a 499 Il contrasto 06 Elemento body tra testo dei Alta Controllare l elemento link e sfondo body e calcolare la dovrebbe differenza di colori e di essere luminosit dei colori con gli maggiore del algoritmi WAI ERT tra il limite valore dell attributo link e consigliato il valore dell attributo dall algoritmo bgcolor Ci si aspetta che WAI ERT per la differenza di colori sia i colori e per superiore a 124 e che la la luminosit differenza della luminosit dei colori sia superiore a 499 Il contrasto 06 Elemento body 127 Test effettuati tra testo dei Alta Controllare l elemento link visitati e body e calcolare la sfondo differenza di colori e di dovrebbe luminosit dei colori con gli essere algoritmi WAI ERT tra il maggiore del valore dell attributo vlink limite e il valore dell attributo consigliato bgcolor Ci si aspetta che dall algoritmo la differenza di colori sia WAI ERT per superiore a 124 e che la i colori e per differenza della luminosit la luminosit dei colori sia superiore a 499 Il contrasto 06 Elemento body tra testo e Alta Controllare l elemento sfondo body e calcolare la dovrebbe differenza di colori e di essere luminosit dei colori con gli maggiore del limite consigliato dall algoritmo WAI ERT per i colori e per la luminosit 8 algoritmi WAI ERT tra il valore dell attributo
217. orizzazione all utilizzo del logo dandone comunicazione al soggetto richiedente Art 8 Rimborso delle spese amministrative sostenute dalla Presidenza del Consiglio dei Ministri per le attivit inerenti l utilizzo del logo e le funzioni ispettive 1 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 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 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 244 Appendice C Il presente decreto inviato ai competenti organi di controllo e pubblicato nella Gazzetta Ufficiale della Repubblica italiana Roma 8 Luglio 2005 Il MINISTRO PER L
218. ormale layout delle pagine senza contare i problemi legati ai contrasti di colore agli ipoacusici che non possono sentire le parti audio del sito ai dislessici e ad altri disabili cognitivi i quali possono trovare difficolt nel leggere ed interpretare correttamente il testo delle pagine Web ai disabili motori con problemi agli arti superiori per i quali si deve garantire che l interazione con il sito Web sia possibile anche mediante dispositivi di input diversi da tastiera e mouse La metodologia suggerita nello studio a cura dei gruppi di lavoro I Metodologia e II Regole tecniche della Segreteria tecnico scientifica della Commissione interministeriale permanente per l impiego delle ICT a favore delle categorie deboli o svantaggiate che ha portato alla formulazione del suddetto decreto metodologia in esso ribadita prevede che la verifica tecnica sia condotta facendo acutezza visiva molto ridotta Il termine ipovisione definisce in realt disturbi della vista molto diversi fra loro che vanno dalla visione profondamente sfocata alla restrizione del campo visivo alla presenza di macchie scure che coprono le immagini it wikipedia org wiki ipovisione La dislessia una sindrome che ha la sua maggiore manifestazione nella difficolt dei soggetti colpiti a leggere e a scrivere 12 Introduzione ricorso a strumenti automatici a strumenti semiautomatici e alle conoscenze dell esperto t
219. osta no si avr la possibilit di capirne il motivo tramite il secondo livello in questo caso sconsigliabile avventurarsi nel terzo livello sarebbe meglio cercare prima di correggere gli errori riscontrati se la risposta s ma con gli inevitabili avvertimenti visualizzabili nel secondo livello sar comunque consigliato utilizzare il terzo livello per completare la verifica se invece la risposta s incondizionatamente questa situazione pu verificarsi solo per alcuni requisiti allora baster il primo livello 163 Primo prototipo 5 2 Primo prototipo All inizio del percorso di progettazione la prima interfaccia studiata come prototipo si presentava come quella in Figura 1 una barra orizzontale con una serie di bottoni numerati da 1 a 22 come i requisiti della legge Stanca In pi vi sono anche due bottoni laterali quello di sinistra che rappresenta una chiave porta ad informazioni sul progetto LUA Toolbar quello sull estrema destra invece mostra notizie sul Laboratorio di Usabilit e Accessibilit da cui partito questo progetto Z CNIPA Centro Nazionale per Informatica nella Puhhlica Amministrazione Micrasoft Internet Faplorer File Modifica Visualitza froforti Strumenti Eg Pou Jr O A G m a y Eva cotegareni amp 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 24 22 amp pidana w CNIPA Pec Nazionale per inf Rella Pubblica Amminisi
220. pagina ancora fruibile senza gli oggetti di programmazione originariamente previsti I MIGLIORI Riconoscimento oggetti WebXact Auto Conformit attributi A Checker Semi Auto Fruibilit in assenza di oggetti non presente Manuale Alternativa testuale agli oggetti non presente Manuale 102 Capitolo 3 3 1 16 Requisito Numero 16 Garantire che i gestori di eventi che attivano script applet o altri oggetti di programmazione o che possiedono una propria specifica interfaccia siano indipendenti da uno specifico dispositivo di input ANALISI E TEST Per spiegare questo requisito ci si pu riallacciare a quello precedente Affinch un qualunque oggetto di programmazione sia accessibile bisogna non solo garantire un alternativa ma fare anche in modo che l oggetto non sia fruibile solo tramite un mezzo meccanico per esempio il mouse ma che sia comandabile tramite una pluralit di strumenti TOOL UTILI E VOTI aa nedoni possibilit di controllare che i Barra dell Accessibilit 1 diversi elementi siano Firefox Web Developer 1 accessibili in pi modi Hera 3 La Barra dell Accessibilit Wave 3 riconosce i gestori di eventi ma si limita a questo senza valutarli La Toolbar di Firefox a questo riguardo mette a disposizione lo stesso controllo del requisito precedente cio quello per disabilitare gli elementi javascript che per in questo caso risulta tutt altro che soddisfacente e sufficie
221. permette al software di restituire tabelle in altro modo rispetto alle griglie bidimensionali Punti di controllo 3 1 Quando esiste un linguaggio di marcatori adatto per veicolare informazione usare un marcatore piuttosto che le immagini Priorit 2 Per esempio usare MathML per marcare le equazioni matematiche e i fogli di stile per formattare il testo e controllare l impaginazione Inoltre evitare l uso di immagini per rappresentare un testo usare invece testo e fogli di stile 3 2 Creare documenti che facciano riferimento a grammatiche formali pubblicate Priorit 2 Per esempio includere all inizio di un documento una dichiarazione sul tipo di documento che rimandi a una DTD pubblicata ad es il DTD rigoroso di HTML 4 0 3 3 Usare fogli di stile per controllare l impaginazione e la presentazione Priorit 2 Per esempio usare la propriet dei caratteri CSS invece che l elemento HTML FONT per controllare gli stili di caratteri 3 4 Usare unit relative e non assolute nei valori degli attributi del linguaggio dei marcatori e i valori della propriet del foglio di stile Priorit 2 In CSS per esempio usare em o misure di percentuale invece di pt o cm che sono misure assolute Se si usano 287 Le WCAG del WAI misure assolute accertarsi che il contenuto espresso sia utilizzabile 3 5 Usare elementi di intestazione per veicolare la struttura del documento e usarli in modo conforme alle specifiche Prior
222. possono essere definite con una forma geometrica valida Priorit 1 9 2 Assicurarsi che ogni elemento che possiede una sua specifica interfaccia possa essere gestito in una modalit indipendente da dispositivo Priorit 2 9 3 Negli script specificare gestori di evento logici piuttosto che gestori di evento dipendenti da dispositivo Priorit 2 9 4 Creare un ordine logico di tabulazione fra i collegamenti i controlli dei moduli e gli oggetti Priorit 3 Per esempio in HTML specificare l ordine di tabulazione tramite l attributo tabindex oppure garantire una disposizione logica della pagina 9 5 Fornire scorciatoie da tastiera per i collegamenti importanti compresi quelli nelle immagini sensibili sul lato client per i controlli dei moduli e per i gruppi di controlli dei moduli Priorit 3 Per esempio in HTML specificare scorciatoie tramite l attributo accesskey Linea guida 10 Usare soluzioni provvisorie Usare soluzioni provvisorie in modo che le tecnologie assistive e i browser pi vecchi possano operare correttamente 297 Le WCAG del WAI Per esempio i browser pi vecchi non permettono agli utenti di spostarsi su caselle per l immissione di testo vuote I lettori di schermo pi vecchi leggono liste di collegamenti consecutivi come se fossero un unico collegamento quindi difficile se non impossibile accedere a questi elementi attivi Ugualmente cambiare la finestra attiva oppure far venir fuor
223. pprontati per verificare manualmente tutti quei controlli per i quali non esistono strumenti automatici Per il resto la pagina che ospita queste linee guida del tutto simile al secondo livello per quanto riguarda le funzionalit 175 Capitolo 6 CAPITOLO 6 6 1 Elaborazione delle linee guida per l utente LUA Toolbar dispone come abbiamo gi detto di tre livelli di profondit per rispondere ai diversi bisogni di chi utilizzer il software Il primo livello servir solo a verificare la conformit ai requisiti Il secondo a controllare pi in profondit cosa andato storto Questi primi due livelli sono possibili grazie ai tool open source reperiti in Rete Tali strumenti generano dei report che possono essere analizzati per ottenere i risultati richiesti Per quanto riguarda il terzo livello tutto cambia Questo livello ha l obiettivo di guidare l utente nella realizzazione dei controlli che non possono essere verificati automaticamente del tutto o in parte dai tool utilizzati all interno della toolbar Nasce quindi l esigenza di creare tutta una serie di linee guida che spieghino passo passo all utente cosa debba fare per verificare che il suo sito sia completamente accessibile In questo paragrafo ci occuperemo esattamente di questo con la solita impostazione cio esaminando i requisiti della legge Stanca uno per uno riprenderemo tutti i controlli che sono stati precedentemente catalogati come semi
224. previsti nella DTD adottata per associare le celle di dati e le celle di intestazione che hanno due o pi livelli logici di intestazione di righe o colonne Riferimenti WCAG 1 0 5 2 Riferimenti Sec 508 1194 22 h Requisito n 11 Enunciato Usare i fogli di stile per controllare la presentazione dei contenuti e organizzare le pagine in modo che possano essere lette anche quando i fogli di stile siano disabilitati o non supportati Riferimenti WCAG 1 0 3 3 6 1 Riferimenti Sec 508 1194 22 d Requisito n 12 Enunciato La presentazione e i contenuti testuali di una pagina devono potersi adattare alle dimensioni della finestra 254 Appendice C del browser utilizzata dall utente senza sovrapposizione degli oggetti presenti o perdita di informazioni tali da rendere incomprensibile il contenuto anche in caso di ridimensionamento ingrandimento o riduzione dell area di visualizzazione o dei caratteri rispetto ai valori predefiniti di tali parametri Riferimenti WCAG 1 0 3 4 Riferimenti Sec 508 non presente Requisito n 13 Enunciato In caso di utilizzo di tabelle a scopo di impaginazione garantire che il contenuto della tabella sia comprensibile anche quando questa viene letta in modo linearizzato e utilizzare gli elementi e gli attributi di una tabella rispettandone il valore semantico definito nella specifica del linguaggio a marcatori utilizzato Riferimenti WCAG 1 0 5 3 5 4 Riferimenti Sec 508 non presente
225. pure essere nella riga precedente il controllo con una sola etichetta e un solo controllo per riga 10 3 Fino a quando gli interpreti comprese le tecnologie assistive non renderanno in modo corretto il testo affiancato fornire un testo lineare alternativo nella pagina attiva o in qualche altra per tutte le tabelle che dispongono testo su colonne parallele e andando a capo Priorit 3 Nota Si prega di consultare la definizione di tabella linearizzata Questo punto di controllo favorisce le persone che hanno interpreti come alcuni lettori di schermo che non sono in grado di gestire blocchi di testo affiancati il punto di controllo non dovrebbe scoraggiare gli sviluppatori dall usare tabelle per rappresentare informazione tabellare 10 4 Fino a quando gli interpreti non gestiranno in maniera corretta controlli vuoti inserire caratteri di default come segnaposto nelle caselle per l immissione di testo a una riga oppure a pi righe Priorit 3 Per esempio in HTML fare questo per TEXTAREA e INPUT 10 5 Fino a quando gli interpreti comprese le tecnologie assistive non renderanno in modo distinto collegamenti adiacenti inserire caratteri stampabili delimitati da spazi non facenti parte dei collegamenti per separare i collegamenti adiacenti Priorit 3 299 Le WCAG del WAI Linea guida 11 Usare le tecnologie e le raccomandazioni del W3C Usare le tecnologie del W3C in conformit con le specifiche e seguire le r
226. rame o per ogni pagina in caso di assenza di frame vengono effettuati in modo semplice e automatico dai tool a disposizione Molti pi problemi crea invece il controllo della significativit di questi titoli Per essere definito significativo un titolo deve far capire a cosa serve la pagina in questione Quando si tratta di frame oltre a questo bisogna controllare che nel titolo sia indicata anche la relazione tra i frame Quindi le guide per l utente possono essere queste 1 controllare che il titolo della pagina frame esprima il luogo in cui ci si trova almeno il nome del sito per la home page ma anche le sottosezioni nelle pagine interne del sito ma anche la funzione svolta in modo chiaro 2 controllare che il titolo del frame esprima la relazione del frame rispetto agli altri testata menu principale REQUISITO NUMERO 03 Controllo alternative testuali A Checker Auto 179 Elaborazione delle linee guida per l utente Significativit alternative A Checker Semi Auto Il controllo sulla presenza delle alternative testuali viene effettuato in modo automatico e molto efficiente A Checker tenta anche di effettuare alcuni controlli sulla adeguatezza di queste alternative vedi la tabella nel paragrafo 4 1 nei limiti di quello che possibile ottenere da un software pertanto manca quello che il controllo principale per giudicare sull adeguatezza delle alternative 1 Controllare che il testo alternativo
227. rd e specifiche tecniche definite in materia di accessibilit dalla International Organization for Standardization ISO d esperienze acquisite nell ambito della Pubblica Amministrazione 4 art 11 comma 1 lettera a della legge Stanca 4 Allegato A paragrafo 1 del decreto recante i requisiti tecnici e i diversi livelli per l accessibilit agli strumenti informatici 9 Introduzione Come si vede si tratta di un mix eterogeneo di indicazioni standard e esperienze in cui confluiscono alcune delle organizzazioni pi autoritarie del settore prima fra tutte il W3C vero organo regolatore del Web che all interno della sua iniziativa sull accessibilit WAI creata nel 1995 ha prodotto nel maggio del 1999 una serie di linee guida che costituiscono il pi alto riferimento sull argomento le Web Content Accessibility Guidelines WCAG di cui previsto a breve l aggiornamento alla versione 2 0 queste linee guida prevedono tre livelli di accessibilit ai quali corrispondono regole tecniche sempre pi stringenti ma anche via via meno fondamentali Non sono poi da dimenticare la Sezione 508 del Rehabilitation Act ovvero l emendamento con cui nel 1998 il Congresso degli Stati Uniti ha richiesto che le agenzie federali e gli uffici governativi statunitensi rendessero accessibili le proprie tecnologie informatiche sviluppando una serie di standard quelli per i siti Web sono nel paragrafo 1194 22 e l ISO orga
228. re eiei 203 APPENDICE A Legge 9 Gennaio 2004 n 4 e 207 APPENDICE B DPR 1 Marzo 2005 n 75 esessesseesseeseessosseee 219 APPENDICE C DM 8 Luglio 2005 sscsrree seosese 233 APPENDICE D Le WCAG del WAT oerrtrrrrrrre cer 273 BIBLIOGRAFETA vivir iano 309 WEBLIOGRAFIA E RISORSE ONLINE rrrrrrrrre 313 Introduzione INTRODUZIONE L accessibilit un concetto partito in sordina ma di cui oggi non si pu proprio fare a meno perch legato a doppio filo alle innovazioni tecnologiche L accessibilit un problema che oggi noto alla stragrande maggioranza dei professionisti della Rete Tuttavia sebbene la situazione sia assai migliorata rispetto a qualche anno fa permangono fraintendimenti e punti critici L accessibilit diventata una prerogativa talmente importante da aver trovato posto persino nella legge italiana L accessibilit la 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 Questa la definizione che ne viene fornita all articolo 2 comma 1 lettera a della legge 9 Gennaio 2004 numero 4 altrimenti detta legge Stanca dal nome dell ex Ministro per l Innovazione Lucio Stanca Questa data
229. re un nome e uno solo A tal fine si deve controllare all interno della sezione head di ogni pagina che vi sia un elemento title che rappresenta il nome del sito e un elemento h1 ovvero il titolo della singola pagina REQUISITO NUMERO 03 I test individuati per questo requisito sono molti e ci dovuto all importanza del requisito e anche alla particolare 148 Capitolo 4 difficolt che si incontra nel tentare di automatizzarlo il pi possibile Infatti molto semplice individuare le immagini che possiedono un testo alternativo basta verificare che ogni elemento img contenga un attributo alt che descrive appunto il testo alternativo Molto pi difficile invece cercare di capire in modo automatico se il testo alternativo associato a un immagine sia appropriato e significativo Da questa difficolt nasce l esigenza di molti test come quelli che verificano che il valore dell attributo alt non sia un semplice segnaposto per esempio foto o immagine o amp nbsp o che non sia uguale al nome dell immagine e pertanto il valore dell attributo alt deve essere diverso da quello dell attributo src che indica la fonte dell immagine Inoltre i valori dell attributo alt non dovrebbero essere n troppo corti poich in tal caso non servirebbero a spiegare la funzione dell immagine n troppo lunghi perch per descrizioni lunghe si pu usare l attributo appo
230. rebbe significato quasi sicuramente uno spreco di ingenti risorse 204 Conclusione Detto in altri termini prima di proporre il software nella sua versione definitiva aspettiamo ancora di ottenere suggerimenti e proposte dalla Pubblica Amministrazione cio il vero target destinatario di questo progetto Grazie all interesse del CNIPA e alla loro collaborazione con il Laboratorio di Usabilit e Accessibilit in futuro potremo presentare LUA Toolbar agli enti pubblici e sfruttando i suggerimenti ottenuti arrivare al prodotto nella sua versione conclusiva Ancora sar possibile usare il nostro lavoro come base di partenza da integrare con altri progetti attualmente in fase di lancio a conferma che qualcosa comincia a muoversi e che l accessibilit dei servizi web per il maggior numero possibile di persone diventato oggi un tema altamente seguito e considerato 205 Appendice A APPENDICE A Legge 9 Gennaio 2004 n 4 Legge 9 gennaio 2004 n 4 Pubblicata in G U n 13 del 17 gennaio 2004 La Camera dei deputati ed il Senato della Repubblica hanno approvato IL PRESIDENTE DELLA REPUBBLICA promulga la seguente legge Disposizioni per favorire l accesso dei soggetti disabili agli strumenti informatici Art 1 Obiettivi e finalit 1 La Repubblica riconosce e tutela il diritto di ogni persona ad accedere a tutte le fonti di informazione e ai relativi servizi ivi compresi quelli che si articolano attraverso gl
231. resente quest altra stringa lt DOCTYPE html PUBLIC W3C DTD XHTML 1 0 Strict EN http www w3 0rg TR xhtml1 DTD xhtml1 strict dtd gt lt html xmlIns http www w3 0rg 1999 xhtml lang it xml lang en gt se la pagina scritta in XHTML Una volta effettuato questo esame preliminare occorre validare il codice cio verificare che il sito sia scritto in modo conforme alle specifiche del linguaggio utilizzato Questa operazione quella pi semplice da automatizzare e non a caso buona parte dei tool che si trovano in giro si concentrano su di essa Infine si deve anche verificare che i vari link aprano le pagine nella stessa finestra e non in una nuova 66 Capitolo 3 Abbiamo testato i vari tool sull home page del sito del C A T T LD Centro per le Applicazioni della Televisione e delle Tecniche di Istruzione a Distanza e i risultati sono stati A Checker ha trovato ben 198 errori nel codice la maggior parte dei quali costituita da elementi indefiniti e da attributi mancanti Questo risultato viziato dell impossibilit del tool di capire che il DTD presente di tipo transitional Esso infatti si limita a segnalare l assenza del DTD di tipo strict al quale fanno riferimento la gran parte degli errori riscontrati La Barra dell Accessibilit TOOL UTILI E TI SOL se che utilizza il validatore A Checker 2 i f ACC 3 istituzionale del W3C e che Barra dell Accessibilit 4 i
232. rilasciato da Michele Diodati uno dei pi famosi sviluppatori Web italiani ad occuparsi di accessibilit in un intervista concessa al sito i use it nel controllare una pagina con pi browser grafici non mi soffermo pi di tanto sul fatto che si veda allo stesso modo su tutti di solito non accade mai Mi preoccupo piuttosto che il contenuto della pagina sia assolutamente fruibile con tutti i browser sia quelli che supportano i fogli di stile sia quelli che non li supportano o che li supportano male sia infine quelli che trattano solo il testo come Lynx L accessibilit interessata a che i contenuti siano universalmente accessibili non a che le presentazioni visuali siano universalmente uguali 33 Il testo integrale dell intervista reperibile all indirizzo www i use it articoli accessibilita 2 93 Controllo incrociato requisito tool Si deve partire dal presupposto che nessun tool in grado di effettuare questi controlli in maniera del tutto automatica Quello che gli strumenti di verifica proposti offrono solo la possibilit di modificare la grandezza della finestra in cui si visualizza la pagina del sito Poi per lasciano al verificatore l incombenza di capire se il contenuto si adatta in modo dinamico TOOL UTILI E VOTI Browser Cam in pi offre la Any Browser 2 Barra dell Accessibilit 2 come viene visto il sito Browser Cam 3 tramite i browser pi diffusi Firefox Web Devel
233. ringa vuota cittad 72 Limmacine ha un testo alternativo sospetto solo spazi E Il prossim patrocinat Riassunto cittadino Verifica L obietti x n l affidabilit delle applicazioni Java al fine di garantire la continua Calendario attivit In due anni di attivit realizzazione di tutte Convegni Connetti Vide ta h Mii ia Indirizzo supporto e verifica PACEA A 44 dell dibi PA i model jove dei servizi Sona pre Magnolfi Modulo di re Governo e monitoraggio delle forniture ICT Organizzazione e risorsa umane NON CONFORME Strumenti per l Accossibilit Ulteriori Controlli su Significativit alternative non conforme 1 Controllare che ll testo alternativo di un immagine video non decorativa ne descriva adeguatamente il contenuto e la funzione se limmagine usata come link ed in questo caso il testo alternativo dovrebbe riportare anche la destinazione del link o se usata come bottone 2 Controllare specificamente che i testi alternativi di immagini non decorative non siano composti solo dal titolo dell immagine spazi bianchi o simil Figura 9 Il terzo livello di profondit nella versione definitiva Infine abbiamo il terzo livello di profondit meglio 174 0 Capitolo 5 conosciuto come ulteriori controlli che possiamo vedere in Figura 9 In questo livello sono disponibili per l utente i consigli a
234. ro Firefox Web Developer 1 un controllo automatico che Hera 2 giudichi la posizione di Wave 3 WebXact 2 questi elementi rispetto alle ebAact rispettive etichette Anche con Cynthia Says possibile solo verificare automaticamente che sia associata un etichetta a ogni form ma non possibile valutare le loro relative posizioni 98 Capitolo 3 La Firefox Toolbar offre diverse opzioni per chi volesse controllare i form di un sito per esempio la possibilit di visualizzare i dettagli dei form direttamente sul sito anche se questo controllo non molto utile per il requisito in questione E anche gli altri controlli offerti si riferiscono pi alla possibilit di modificare i form piuttosto che alla verifica della posizione delle etichette Il browser testuale Delorie Lynx Viewer permette solo un controllo manuale della posizione dell oggetto e della relativa etichetta Wave in grado di rilevare l assenza dell etichetta o in caso di presenza se vuota o se ci sono dei problemi Quindi compie un passo in pi rispetto ai tool concorrenti Hera riconosce i form e controlla che vi sia un etichetta associata anche qui il controllo della sua posizione affidato all utente WebXact permette di controllare solo la presenza dell etichetta Nessun tool invece permette di giudicare sulla bont dell etichetta I MIGLIORI Rilevazione etichette Wave Auto Controllo posizione etichette A Checker Semi Auto
235. ro 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 249 DM 8 Luglio 2005 l aspetto semantico In particolare per i linguaggi a marcatori HTML HypertText Markup Language e XHTML eXtensible HyperText Markup Language a 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 conDTD Document Type Definition Definizione del Tipo di Documento di tipo Strict 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 evitare di utilizzare all interno del linguaggio a marcatori con il quale la pagina realizzata elementi ed attributi per definirne le caratteristiche di presentazione della pagina 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 evitare la generazione di nuove finestre ove ci non fosse possibile avvisare esplicitamente l utente del cambiamento del focus pianificare la transizione dell intero sito alla vers
236. rolli manuali Lo stesso discorso vale anche per il Delorie Lynx Viewer browser testuale che visualizza i contenuti in modo lineare ma nulla di pi Infine si pu dire lo stesso anche per la Toolbar di Firefox che si limita a offrire la visualizzazione del contenuto della pagina in modo lineare I MIGLIORI Distinzione tipi di tabelle A Checker Auto Linearizzazione Delorie Lynx Viewer Semi Auto 97 Controllo incrociato requisito tool 3 1 14 Requisito Numero 14 Nei moduli form associare in maniera esplicita le etichette ai rispettivi controlli posizionandole in modo che sia agevolata la compilazione dei campi da parte di chi utilizza le tecnologie assistive ANALISI E TEST Per i non vedenti non vi sono problemi di accessibilit ai moduli in genere a due precise condizioni che non si aggiungano alle caselle inserite nei moduli elementi grafici immagini o icone e che venga inserita una sola etichetta con la sua relativa casella per ogni riga Per facilitare le operazioni a chi usa tecnologie assistive fondamentale non solo che a ogni controllo sia associata un etichetta ma anche che questa etichetta si trovi in prossimit del controllo a cui associata in modo che la loro relazione sia subito chiara e intuibile Con A Checker si possono TOOL UTILI E VOTI A Checker 2 Cynthia Says 2 Delorie Lynx Viewer 1 di elementi Ma non incluso compiere test di questo genere su un buon nume
237. roprio non seguendo le specifiche impedisce l accessibilit Il cattivo uso di marcatori per un effetto di presentazione p es usare una tabella per l impaginazione o una intestazione per cambiare la dimensione dei caratteri rende difficile per l utente con software specialistico la comprensione dell organizzazione della pagina o la navigazione attraverso questa Inoltre l uso di marcatori di presentazione invece che di marcatori strutturali per veicolare una struttura per es costruire ci che sembra una tabella di dati con un elemento HTML PRE rende difficile la comprensione di una pagina per chi ha altri strumenti di lettura Gli sviluppatori possono essere tentati di usare o usar male costruzioni che ottengono l effetto di formato voluto su vecchi browser Costoro devono sapere che queste abitudini causano problemi di accessibilit e devono considerare se l effetto della formattazione sia cos importante da giustificare di avere reso il documento inaccessibile per alcuni utenti All altro estremo gli sviluppatori non devono sacrificare dei marcatori appropriati perch un certo browser o una 286 Appendice D tecnologia assistiva non li gestiscono correttamente Per esempio corretto l uso dell elemento TABLE in HTML per segnare una informazione tabellare anche se alcuni vecchi lettori di schermo possono non gestire correttamente il testo giustapposto Usare TABLE correttamente e creare tabelle che si trasformino bene
238. rumento pi versatile sia A Checker seguito a distanza da Wave e dalla gi citata Barra dell Accessibilit che non uno strumento unico ma raccoglie diversi tool sotto un unica etichetta Alcuni di questi software sono in grado di espletare quasi tutti i controlli in particolar modo A Checker e la Barra dell Accessibilit ma anche se riuscissero a implementare le poche verifiche che mancano sarebbe comunque impossibile pensare di utilizzarli con profitto per verificare la conformit ai requisiti della legge Stanca per almeno due motivi Primo alcuni di questi software sono molto dispersivi e difficili da usare per l utente medio ricordiamo che sono quasi tutti in lingua inglese Utilizzare la Barra dell Accessibilit per esempio richiede un notevole dispendio di tempo ed energie in quanto si devono effettuare decine di controlli uno per volta Secondo e pi importante nessuno di questi tool in grado di dichiarare esplicitamente se un sito conforme ai requisiti della legge Stanca e soprattutto in caso di esito negativo dei test nessun tool rivela quale requisito abbia fatto fallire il controllo Gli strumenti attualmente sul mercato possono per esempio rilevare l assenza di un testo alternativo collegato a un immagine ma nessun tool riguardo questo esempio afferma il sito non conforme al requisito numero 03 della legge Stanca 57 I tool sul mercato e la loro relazione con i requisiti Invece qu
239. s definizioneopensource 52 Capitolo 2 Accessibility Color Wheel Non utile in quanto non http gmazzocato altervist automatico a org colorwheel wheel ph B Any Browser 12 semi www anybrowser com A Checker 1 auto 2 auto 3 http checker atrc utoront semi auto 4 semi 5 semi o ca index html 6 auto 7 semi 8 semi 9 auto 10 semi 11 semi 13 auto 14 auto 15 semi auto 16 semi 17 semi auto 18 semi 19 auto 20 auto Barra dell Accessibilit http www visionaustralia org au ais toolbar 1 SR 2 auto 3 semi 4 semi 5 auto 6 auto 7 auto 9 auto 11 semi 12 semi 13 semi Browser Cam www browsercam com 12 semi Cynthia Says http www cynthiasays co 2 semi 3 semi 7 auto 8 semi 14 semi 15 semi 19 m auto 20 auto 21 semi 22 semi Color Filter Non utile in quanto non http colorfilter wickline o automatico r8 Colour Blindness Non utile in quanto non 53 I tool sul mercato e la loro relazione con i requisiti Simulator www etre com tools colou rblindsimulator automatico Colour Check http www etre com tools colourcheck 6 semi Colour Contrast Analyser http www wat c org tools CCA 1 1 6 semi Delorie Lynx Viewer www delorie com Web lyn xview html 13 semi 14 semi Dr Watson 1 auto http
240. segna una svolta importante per il panorama di italiano se fino ad allora era solo consigliato proporre tecnologie assistive gli strumenti e le 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 art 2 comma 1 lettera b della legge Stanca Introduzione servizi che potessero essere utilizzati da tutti senza discriminazioni dal 9 Gennaio 2004 in poi questo diventa obbligatorio almeno per quanto riguarda i servizi informatici e telematici della pubblica amministrazione e i servizi di pubblica utilit in parole povere i siti Web della Pubblica Amministrazione PA Si tratta di garantire l accesso alle informazioni di tipo pubblico senza alcun limite o discriminazione verso gruppi o individui Le aziende private escluse da tale obbligo sono incentivate al rispetto dei requisiti tecnici mediante la possibilit di esporre un bollino che attesta il diverso grado di accessibilit del sito Web Il logo che attesta il superamento della sola verifica tecnica raffigura un personal computer di colore terra di Siena unito a tre 53 figure umane stilizzate rispettivamente da sinistra di colore celeste azzurro e amaranto le quali fuoriescono dallo schermo a braccia levate all esito della verifica soggettiva il diverso livello di qualit raggiunto dal serv
241. sere usato solo per identificare una frase di rilievo nella strutturazione del documento come il titolo di un capitolo distinguendolo da quello dei sottocapitoli che possono essere organizzati in una struttura gerarchica fino a 6 livelli H1 H6 89 Controllo incrociato requisito tool Nonostante tutti i miglioramenti che l uso dei fogli di stile comporta necessario che anche quando questi strumenti non siano disponibili il sito sia ugualmente fruibile TOOL UTILI E VOTI A Checker dispone di un A Checker 2 controllo apposito per Barra dell Accessibilit 1 verificare che la pagina sia Firefox Web Developer 2 leggibile anche disattivando i Hora fogli di stile ma di tipo Juicy Studio 4 WebXact 1 semi automatico La Barra dell Accessibilit offre sin troppe possibilit il validatore di CSS del W3C la possibilit di visualizzare il foglio di stile e anche di testare gli stili Purtroppo nessuna di queste opzioni sembra fare al caso nostro La Firefox Toolbar mette a disposizione diversi controlli sui fogli di stile primo fra tutti la possibilit di disattivarli completamente o parzialmente per verificare manualmente come viene visualizzata la pagina senza l utilizzo dei CSS Inoltre permette di vedere le informazioni sugli stili dei diversi elementi in una barra al di sotto dell area di visualizzazione della pagina ed l unico tool a offrire un servizio del genere che per rimane un contro
242. sformazione elegante 2 2 Rendere il contenuto comprensibile e navigabile Gli sviluppatori di contenuti dovrebbero rendere il contenuto comprensibile e navigabile Questo comprende oltre all adozione di un linguaggio chiaro e semplice il fornire meccanismi facilmente comprensibili per la navigazione all interno della stessa pagina e tra pagine diverse Dotare le pagine di strumenti di navigazione e informazioni di orientamento ne massimizza l accessibilit e l utilizzabilit Non tutti gli utenti sono in grado di utilizzare indicazioni visive come immagini sensibili barre di scorrimento proporzionali frame affiancati o comunque elementi grafici che guidano gli utenti vedenti dei normali browser grafici Gli utenti possono inoltre perdere informazioni relative al contesto qualora possano vedere solo una parte della pagina ad esempio perch accedono alla pagina una parola per volta sintesi vocale o display braille oppure una sezione alla volta schermi assai piccoli oppure ingranditi molte volte Senza informazioni che favoriscano l orientamento tabelle di grandi dimensioni elenchi menu ecc possono non essere comprensibili da parte di alcune categorie di utenti Le linee guida 12 14 si occupano principalmente dei principi per rendere il contenuto navigabile e comprensibile 3 Organizzazione delle linee guida 278 Appendice D Questo documento comprende 14 linee guida o principi generali per una progettazione volta all acc
243. sito longdesc Bisogna quindi verificare che il valore dell attributo alt sia compreso tra i 10 e i 100 caratteri Questo per quanto riguarda le immagini che veicolano significato tutt altro discorso invece per le immagini decorative il cui attributo alt deve essere una stringa vuota in quanto offrire un alternativa testuale ad una immagine che serve solo per abbellimento sarebbe inutile e anzi metterebbe in difficolt chi utilizza i testi alternativi Individuare quali siano le immagini decorative e quali no pu essere un impresa molto ardua da far compiere alla macchina Si pu ipotizzare che le immagini che hanno come 149 Elaborazione dei test valore degli attributi width e height ovvero larghezza e altezza meno di 25 siano immagini decorative ma questo valore da solo non pu garantire la sicurezza del risultato Inoltre bisogna porre particolare attenzione alle immagini usate come link Per queste immagini sarebbe utile che il testo alternativo contenesse anche il link di destinazione ma non solo quello Pertanto l attributo alt di queste immagini deve contenere il valore dell attributo href che indica la destinazione del collegamento ma deve anche essere diverso da esso Infine un ulteriore controllo va effettuato per quelle immagini che contengono testo Va verificato che il loro attributo alt contenga anche tutto il testo compreso nell immagine a meno che non sia pres
244. soluzione ed una data grandezza dei caratteri con esclusione parziale o totale di tutti gli altri programmi utente e di tutte le altre possibili condizioni d uso Bisogna attuare il principio della progettazione universale secondo il quale ogni attivit di progettazione deve tenere conto della variet di esigenze di tutti i potenziali utilizzatori 37 Capitolo 2 CAPITOLO 2 2 1 1 criteri della legge Stanca All interno dello studio a cura dei gruppi di lavoro I Metodologia e II Regole tecniche della Segreteria tecnico scientifica della Commissione interministeriale permanente per l impiego delle ICT a favore delle categorie deboli o svantaggiate prevista una metodologia per lo svolgimento della verifica tecnica che comprende i seguenti passi 1 Verifica con sistemi di validazione automatica della rispondenza del linguaggio utilizzato alla sua definizione formale Utilizzo di strumenti semiautomatici di valutazione della accessibilit onde evidenziare problemi non riscontrabili dalle verifiche con sistemi di valutazione automatica Verifica dell esperto sull uso degli elementi e degli attributi secondo le specifiche del linguaggio 2 Con Information amp Communications Technology si intende la convergenza di informatica e telematica per nuovi modi di trasmettere l informzione http it wikipedia org wiki ICT 39 4 I criteri della legge Stanca
245. sono ancora molte limitazioni e avvertenze In special modo indispensabile che il contenuto letto in maniera lineare cio come lo leggerebbe un dispositivo di aiuto per non vedenti sia ancora comprensibile A tal fine il contenuto dovr essere esposto in forma testuale e impaginato in paragrafi successivi che seguano lo stesso ordine delle celle del documento d origine Le celle dovrebbero avere senso se lette di seguito e dovrebbero includere elementi strutturali che creino paragrafi titoli liste eccetera in modo che la pagina conservi il suo significato dopo la linearizzazione 96 Capitolo 3 La sequenza in cui gli elementi contenuti nella pagina vengono via via presentati fondamentale nella fase di impaginazione perch un non vedente comprenda con chiarezza gli argomenti trattati dato che il disabile della vista non pu avere una visione d assieme della pagina principale di un sito A Checker dispone di controlli atti a distinguere le TOOL UTILI E VOTI A Checker 2 Barra dell Accessibilit 2 tabelle di layout da quelle di Delorie Lynx Viewer 2 dati per la verifica della Firefox Web Developer 2 comprensibilit del contenuto rimane affidata all operatore umano e non potrebbe essere altrimenti La Barra dell Accessibilit ha un opzione per linearizzare le tabelle una per visualizzare l ordine di tabulazione e un altra per verificare l ordine delle celle in tabella ma si tratta sempre di cont
246. sse animate applet grafici statistici mappe sensibili bottoni cliccabili frecce direzionali eccetera dunque uno degli elementi fondamentali per la buona riuscita di un sito Web Ovviamente ci sono delle grosse insidie soprattutto per gli utenti disabili Sarebbe una scelta ingiusta creare pagine alternative testuali soltanto per gli utenti disabili che escludessero tutti gli elementi grafici significherebbe di fatto discriminare tali utenti da una completa fruizione di tutto ci che di positivo spesso riserva la Rete il contrario cio dell assicurare una piena accessibilit 3 Per testi alternativi si intendono tutte le descrizioni che devono essere fornite in alternativa a tutti gli elementi grafici immagini ma non solo contenuti nelle pagine html 73 Controllo incrociato requisito tool E importante fornire descrizioni di immagini riassunti di video trascrizioni di file audio ogni cosa che possa facilitare la comprensione del contenuto a chi non pu fruirne in modo completo sia per disabilit che per semplice impossibilit tecnologica Alcuni utenti quali gli ipovedenti non sono in grado di mettere a fuoco del tutto le immagini inserite nelle pagine Web i non vedenti sono del tutto esclusi anche da questa pur limitata possibilit altri ancora utilizzano browser che non supportano immagini e interpretano solamente i testi contenuti nelle pagine stesse Vi sono naviganti che dispongono di conness
247. ssistive possano identificarli interpretandone le funzionalit Section 508 1194 21 d Requisito n 4 Enunciato Nel caso di simboli grafici utilizzati per identificare controlli indicatori di stato o altri elementi di programma il significato assegnato a tali simboli deve essere coerente nell ambito dell intera applicazione ivi compresa l interfaccia utente Section 508 1194 21 e Requisito n 5 Enunciato Le informazioni di tipo testuale devono essere fornite utilizzando le funzionalit dell ambiente operativo previste per la visualizzazione del testo in particolare devono essere disponibili il contenuto testuale la locazione del punto di inserimento e gli attributi del testo 266 Appendice C Section 508 1194 21 f Requisito n 6 Enunciato L applicazione che utilizza segnalazioni audio deve prevedere una funzionalit equivalente di tipo visivo seguendo le eventuali convenzioni dell ambiente operativo Section 508 1194 31 c Requisito n 7 Enunciato Per fornire informazioni per indicare o per richiedere azioni non devono essere utilizzati unicamente animazioni elementi grafici o sonori e differenze di colori Section 508 1194 21 i h Requisito n 8 Enunciato Le applicazioni non devono sovrapporsi alle scelte effettuate dall utente riguardo a livelli di contrasto colori ed altri attributi di visualizzazione Section 508 1194 21 g Requisito n 9 Enunciato L interfaccia utente non d
248. sta strutturale Nel presentare l interfaccia definitiva faremo costante riferimento al primo prototipo per capire cosa cambiato ca INIPA Centro Nazionale per Informatic In due anni di attivit stato ultimato ll per realtzzazione di tutte le componenti dell SP Convegno il Siste Connettivit Figura 4 La versione definitiva di LUA Toolbar durante l uso Il primo cambiamento visibile sta proprio nella forma della toolbar che prima era una vera e propria barra sul browser mentre ora si presenta come una rotella che va a sovrapporsi 169 Interfaccia definitiva alla pagina Web che si sta visitando come si pu vedere in figura 4 Questa scelta stata effettuata perch la versione a barra risultava troppo invasiva per l utente dato che sottraeva un discreto ammontare di spazio alla visualizzazione della pagina ed inoltre risultava sempre visibile anche quando l utente non aveva bisogno di servirsene d P CNIPA Centro Nazionale per Informatica nella Centro Nazionale per l iniormatica nella Pubbl ca Amministrazione In due anni di attivit stato ultimato Il percorso tes II Centro Nazionale realizzazione di tutte le componenti dell SPC con Fer Chi siamo Convegno il Sistema Struttura Contatti Connettivit Scrivi al Cnipa ERI ask ai Nell ambito del cido ci convegri c Figura 5 LUA Toolbar nascosta Per farla riapparire basta cliccare su mostr
249. sto caso si tratta dell associazione di intestazioni a tabelle che hanno pi livelli logici di intestazione A tal fine si possono utilizzare alcuni elementi che devono trovarsi all interno delle tabelle In particolare occorre verificare che all interno degli elementi table siano presenti elementi colgroup e col quando si tratta di associare le colonne della tabella e thead tfoot e tbody per le righe rispettivamente per le intestazioni i piedi e altri gruppi di righe REQUISITO NUMERO 11 Questo requisito volto a verificare la presenza dei fogli di stile CSS e il loro uso per tutto quanto riguarda la formattazione e l aspetto visivo delle pagine di un sito Bisogna verificare che sia presente all interno della head della pagina la stringa text css come valore dell attributo 153 Elaborazione dei test type dell elemento style o link con attributo rel stilesheet Infatti esistono due modi di utilizzare un foglio di stile per una pagina Web il primo consiste nell inserire un collegamento nella pagina ad un foglio di stile esterno attraverso gli elementi link o style il secondo invece consiste nell immettere il foglio di stile direttamente all interno del codice della pagina sempre sfruttando il tag style In ogni caso i metodi hanno in comune il fatto di dover specificare che tipo di oggetto si stia trattando e quindi ne
250. ta e verificare che l indicazione riportata sia congruente col comando campo a cui associata che serva a spiegarne l utilizzo e lo scopo REQUISITO NUMERO 15 Riconoscimento oggetti WebXact Auto Conformit attributi A Checker Semi Auto Fruibilit in assenza di oggetti non presente Manuale 191 Elaborazione delle linee guida per l utente Alternativa testuale agli oggetti non presente Manuale Script applet e altri oggetti vengono facilmente riconosciuti dai tool automatici questo per solo il primo passo da compiere per verificare che l uso di questi oggetti sia accessibile Il secondo controllare che vengano usati i giusti attributi per creare alternative nei casi in cui gli oggetti non possano essere visualizzati noembed per gli oggetti incorporati e noscript per gli script come gi detto questi attributi devono contenere un alternativa che sia del tutto equivalente I tool in questo caso possono aiutare a verificare che l attributo sia utilizzato o meno ma poi l utente deve portare avanti questa ispezione per assicurarsi che il contenuto sia effettivamente fungibile rispetto a quello originariamente pensato Nei casi in cui non esistono attributi specifici per creare alternative ad esempio per le applet e comunque come regola generale per aumentare l accessibilit di questi elementi si deve provvedere a fornire ulteriori informazioni sull oggetto tramite l attributo alt che
251. tabelle dovrebbero essere usate per marcare informazioni realmente tabellari tabelle di dati Gli sviluppatori dovrebbero evitare di usarle per l impaginazione tabelle di impaginazione Le tabelle in qualsiasi modo siano usate presentano anche problemi particolari per gli utenti con lettori di schermo Alcuni interpreti consentono agli utenti di navigare fra le celle delle tabelle e di accedere alle intestazioni e ad altre informazioni nelle celle A meno che non sia stata realizzata una marcatura corretta queste tabelle non forniranno agli interpreti le informazioni appropriate I punti di controllo seguenti andranno a diretto beneficio delle persone che hanno accesso a una tabella con ausili audio ad es un lettore di schermo o un PC installato in un auto o che vedono soltanto una parte della pagina per volta ad es utenti con cecit o ipovedenti che usano sintesi vocali o display braille o altri utenti con sistemi con display piccoli ecc Punti di controllo 290 Appendice D 5 1 Per tabelle di dati identificare le intestazioni di righe e colonne Priorit 1 Per esempio in HTML usare TD per identificare le celle di dati e TH per identificare le intestazioni 5 2 Per tabelle di dati che hanno due o pi livelli logici di intestazioni di righe o colonne usare marcatori per associare le celle di dati e le celle di intestazione Priorit 1 Per esempio in HTML usare THEAD TFOOT e TBODY per raggruppare righe
252. te nell introduzione limitazioni che possono comprendere disabilit fisiche sensoriali e dell apprendimento limitazioni causate dal lavoro e barriere tecnologiche Di seguito vengono riportati alcuni principi chiave per la progettazione di pagine che si trasformano con eleganza 1 Separare la struttura dalla presentazione fare riferimento alla differenza che corre tra contenuto struttura presentazione 2 Fornire testo compresi gli equivalenti testuali Il testo pu essere riprodotto secondo modalit disponibili a quasi tutti i dispositivi di browsing e accessibili a quasi tutti gli utenti 3 Creare documenti funzionanti nonostante l utente non possa vedere e o sentire Fornire informazioni che abbiano lo stesso obiettivo o funzione di audio e video in maniera che sia adatta anche a canali sensoriali alternativi Questo non vuol dire creare una versione audio preregistrata dell intero sito per renderlo accessibile a utenti non vedenti Utenti non vedenti possono utilizzare le tecnologie dei lettori di schermi per riprodurre per intero l informazione testuale presente in una pagina 4 Creare documenti che non si basino su uno specifico hardware Le pagine dovrebbero essere utilizzabili senza mouse con piccoli schermi con schermi a bassa risoluzione in bianco e nero senza schermo solo con output di voce oppure di testo ecc 277 Le WCAG del WAI Le linee guida 1 11 si occupano principalmente di ci che riguarda la tra
253. ti automatici A Checker Semi Auto Individuazione servizi a tempo non presente Manuale A Checker scova con facilit tutte le pagine che sono create per aggiornarsi automaticamente ogni tot di tempo o che reindirizzano l utente a un altra pagina Tali pagine preferibilmente non dovrebbero essere presenti ma qualora ve ne fosse la necessit deve essere riportata esplicitamente l indicazione sulla natura della pagina e sul tempo che l utente ha a disposizione prima che la pagina si aggiorni automaticamente o venga reindirizzato bisogna dire tuttavia che in genere i reindirizzamenti sono immediati quindi non vi nemmeno la possibilit materiale di indicare il tempo all utente Oltre agli auto aggiornamenti e reindirizzamenti per vi sono anche ulteriori servizi a tempo cio quelli in cui gli utenti 198 Capitolo 6 hanno un tempo limitato per compiere una certa azione come per esempio confermare un ordine di acquisto prima che la pagina vada in time out e disconnetta l utente come misura di sicurezza per prevenire usi inappropriati In questi casi la situazione peggiore in quanto non vi sono tool che riconoscono tali servizi perci il controllo da effettuare completamente manuale 1 Visualizzare le pagine che si aggiornano automaticamente passato un periodo prestabilito di tempo con A Checker e verificare che sia presente preferibilmente in alto nella pagina e nella posizione pi visibile poss
254. tisce la conformit ai requisiti della verifica tecnica e l ulteriore livello di qualit raggiunto dal sito a seguito dell esito positivo della verifica soggettiva secondo quanto previsto nell Allegato B paragrafo 1 Tale livello di qualit indicato da uno due o tre asterischi riportati nella parte del logo raffigurante la tastiera del personal computer In particolare a Logo che riporta nella parte raffigurante la tastiera un solo asterisco corrisponde al livello di accessibilit che attesta il aL superamento della verifica tecnica e l attribuzione a conclusione della verifica soggettiva di un valore medio complessivo pari o maggiore di 2 e minore di 3 b Logo che riporta nella parte raffigurante la tastiera due asterischi corrisponde al livello di accessibilit che attesta il Pa superamento della verifica tecnica l attribuzione a conclusione della verifica soggettiva di un valore medio complessivo maggiore o uguale a 3 e minore di 4 c Logo che riporta nella parte raffigurante la tastiera tre asterischi 269 DM 8 Luglio 2005 corrisponde al livello di accessibilit che attesta il superamento della verifica tecnica l attribuzione a conclusione della verifica soggettiva di un valore medio complessivo maggiore o uguale a 4 ALLEGATO F Importi massimi dovuti dai soggetti privati come corrispettivo per l attivit svolta dai valutatori Gli importi massimi per l anno 2005 dovuti dai soggetti
255. to deve poter essere facilmente distinto dagli altri e compreso a prima vista Controllare che per ogni elemento che veicola il proprio significato tramite il colore per esempio un bottone verde per la conferma uno rosso per l annullamento sia presente un alternativa o che il suo significato sia trasportato anche mediante altri canali scritte suoni REQUISITO NUMERO 05 Individuazione oggetti lampeggianti Flicker Rate Test Auto 181 Elaborazione delle linee guida per l utente Questo controllo viene effettuato in maniera automatica pertanto non ci sarebbe bisogno di controlli ulteriori Flicker Rate Test un tool che svolge con piena soddisfazione la verifica del requisito in esame Per questo vale solo per le immagini Per ogni altro oggetto il controllo deve essere effettuato manualmente 1 Controllare che gli oggetti di programmazione usati all interno del sito script e applet non producano lampeggiamenti fastidiosi per chi soffre di epilessia fotosensibile e cio che non abbiano frequenze comprese tra i 2 e i 55 Hertz REQUISITO NUMERO 06 Controllo contrasto A Checker Auto Controllo contrasto per daltonici Color Contrast Analyser Semi Auto Presenza immagini con testi al loro interno non presente Manuale Per quanto riguarda il controllo del contrasto puro A Checker svolge il compito con massima efficacia individuando automaticamente le combinazioni di colore testo colore sfondo ade
256. tomatica della rispondenza alla sua definizione formale del linguaggio a marcatori utilizzato 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 esame della pagina con varie versioni di diversi browser grafici in vari sistemi operativi allo scopo di verificare che 246 Appendice C il contenuto informativo e le funzionalit presenti in una pagina siano gli stessi nei vari browser 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 il contenuto informativo e le funzionalit della pagina siano ancora fruibili in caso di disattivazione del caricamento delle immagini i contenuti informativi di eventuali file audio siano fruibili anche in forma testuale i contenuti della pagina siano fruibili in caso di utilizzo delle funzioni previste dai browser per definire la grandezza dei caratteri la pagina sia navigabile con il solo uso della tastiera e l impiego di una normale abilit 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 i contenuti
257. uali errori commessi ed annota i commenti dell utente e le osservazioni sul suo comportamento d Valutazione dei risultati ed elaborazione del rapporto conclusivo La verifica soggettiva si conclude con la predisposizione di un rapporto nel quale l esperto di fattori umani indica la valutazione su scale soggettive ricavata dalla simulazione cognitiva dallo stesso effettuata le proprie considerazioni sulle caratteristiche qualitative del sito i dati relativi alle prestazioni degli utenti in relazione ai compiti affidati performance commenti osservazioni comportamentali le risposte a questionari di valutazione compilati dagli utenti la valutazione complessiva del livello di qualit raggiunto secondo il seguente schema 1 valore medio complessivo minore di 2 assenza di qualit 2 valore medio complessivo maggiore o uguale a 2 e minore di 3 primo livello di qualit 261 DM 8 Luglio 2005 valore medio complessivo maggiore o uguale a 3 e minore di 4 secondo livello di qualit valore medio complessivo maggiore o uguale a 4 terzo livello di qualit 2 Criteri di valutazione I criteri essenziali su cui basare la verifica soggettiva dei siti Web e delle applicazioni realizzate con tecnologie Internet sono 1 2 3 4 5 6 7 percezione informazioni e comandi necessari per l esecuzione dell attivit devono essere sempre disponibili e percettibili comprensibilit informazioni e comandi n
258. udio www webaccessibile org css default asp data ultima consultazione 20 Febbraio 2007 Photosensitive Epilepsy Analysis Tool http trace wisc edu peat dataultima consultazione 3 Febbraio 2007 PubbliAccesso www pubbliaccesso it data ultima consultazione 18 Marzo 2007 Readability Index Calculator www standards schmandards com exhibits rix index php data ultima consultazione 4 Febbraio 2007 Tablin www w3 0rg WAI Resources Tablin data ultmia consultazione 30 Gennaio 2007 TAW Web Accessibility Test www tawdis net taw3 cms en data ultima consultazione 17 Febbraio 2007 Torquemada www webxtutti it testa htm data ultima consultazione 11 Gennaio 2007 315 Bibliografia e Webliografia TouchGraph www touchgraph com TGGoogleBrowser html data ultima consultazione 22 Dicembre 2006 TraceRoute http www traceroute org data ultimaconsultazione 20 Dicembre 2006 Usabile it Usabilit accessibilit e interaction design per il Web www usabile it data ultima consultazione 15 Marzo 2007 VisualRoute www visualroute com data ultima consultazione 18 Dicembre 2006 Wave Accessibility Tool http wave webaim org index jsp data ultima consultazione 13 Marzo 2007 Web Accessibility Initiative www w3 0rg WAI data ultima consultazione 19 Gennaio 2007 Web Accessibility Toolbar www visionaustralia org au ais toolbar data ultima consultazione 10 Marzo 2007 WebAccessibile org www webaccessibile or
259. uello che ci proponiamo allora di creare uno strumento completo che possa verificare la rispondenza di un qualunque sito a tutti i requisiti della legge Stanca o anche a uno solo alla volta Il tutto in modo semplice per l utente inesperto facendo riferimento ai vari controlli con i numeri progressivi dei requisiti di legge Per l utente pi esperto vengono predisposte delle possibilit pi approfondite in modo da avere accesso anche ai sotto controlli riferiti alle singole operazioni di verifica 161 Studio dell interfaccia I report forniti dall applicazione saranno strutturati secondo un modello a piramide inversa con tre livelli di profondit per utenti pi o meno esperti L interfaccia dell applicazione si presenter allora come una serie di bottoni numerati ad indicare i requisiti della legge 04 2004 In realt quanto detto all inizio del capitolo non corrisponde esattamente a verit l interfaccia sottoforma di toolbar solo uno specchietto per le allodole in altre parole i bottoni sulla barra servono solo per richiamare l apertura di una pagina che costituisce la cornice vera e propria dell applicazione nella quale vengono visualizzati i report Cliccando su uno di questi bottoni il responso dato sar semplicemente la conformit o meno del sito a quello specifico requisito e questo costituisce il primo livello di profondit Da notare che in questo primo livello all utente non vien
260. uesto attributo deve descrivere la destin azione del link REQUISITO NUMERO 20 Il pericolo che questo requisito cerca di evitare si traduce il pi delle volte nelle forme degli aggiornamenti e re indirizzamenti automatici senza che l utente lo sappia e senza che abbia la possibilit di intervenire Il modo per controllare che questi processi non si realizzino sostanzialmente lo stesso Si deve controllare ogni elemento meta all interno della head che contenga un attributo http equiv il cui valore sia refresh Una volta identificato questo elemento bisogna cercare se esso contiene anche un attributo content In tal caso bisogna stare attenti al suo valore che non deve cominciare per http in quanto in tal caso si tratterebbe di un re indirizzamento e non deve essere un qualunque valore numerico il che significherebbe che ci si trova davanti ad un aggiornamento automatico In ogni caso quando si fornisce una funzione a tempo bisogna sempre avvertire l utente REQUISITO NUMERO 21 Questo requisito chiede di rendere i link navigabili da tastiera I link infatti sono la parte pi importante di una 159 Elaborazione dei test pagina Web sono i nodi che consentono di passare da un documento all altro ed quindi necessario che si possa saltare da un link all altro anche solo con le frecce direzionali e che si possa attivare un collegamento col comando invio Ma a prescindere da
261. ui al comma 2 L utilizzazione del logo limitata al periodo di validit dell attestato I soggetti privati si rivolgono ad uno dei valutatori che svolta la sua attivit in caso di esito positivo rilascia attestato di accessibilit con validit non superiore a dodici mesi eventualmente indicante il livello di qualit raggiunto di cui all articolo 5 La Presidenza del Consiglio dei Ministri Dipartimento per l innovazione e le tecnologie ai fini dell adozione del provvedimento di cui al comma 1 si avvale tramite apposita convenzione del CNIPA 226 Appendice B 4 All attuazione del presente articolo si provvede nell ambito degli ordinari stanziamenti di bilancio senza nuovi o maggiori oneri per la finanza pubblica Art 5 Logo attestante il possesso del requisito di accessibilit 1 Il logo che attesta il superamento della sola verifica tecnica raffigura un personal computer di colore terra di Siena unito a tre figure umane stilizzate rispettivamente da sinistra di colore celeste azzurro e amaranto le quali fuoriescono dallo schermo a braccia levate all esito della verifica soggettiva il diverso livello di qualit raggiunto dal servizio indicato mediante asterischi da uno a tre riportati nella parte del logo raffigurante la tastiera del personal computer La corrispondenza tra il logo eventualmente corredato da asterischi ed il diverso livello di qualit dei servizi nonch il modello d
262. ultimi interagiscono Risulta opportuno e agevolmente attuabile per assicurare accessibilit ai non vedenti creare una pagina alternativa senza frame una procedura che d altronde parecchi Webmaster gi realizzano di norma per consentire agli utenti l esplorazione di un sito anche quando dispongano di un browser pi vecchio che non supporta i frame Inoltre vale la stessa raccomandazione data nel primo requisito usare i fogli di stile per definire le caratteristiche della pagina TOOL UTILI E VOTI A Checker risponde a questo A Checker 3 requisito in modo Barra dell Accessibilit 4 soddisfacente in quanto in Ceo grado di verificare la presenza Functional Accessibility Evaluator 2 3 Hera 3 ovviamente di controllare se a di frame e frame set e Juicy Studio 3 questi elementi associato un Wave 2 titolo La stessa operazione viene compiuta pure da Cynthia Says anche se in maniera meno efficiente Anche la Barra dell Accessibilit ha una funzione per controllare la presenza dei frame e il titolo loro associato e i suoi risultati sono presentati in modo pi semplice rispetto agli altri tool 71 Controllo incrociato requisito tool Hera presenta la possibilit di controllare se si usano frame e se vi dato un titolo ma rimane di livello inferiore ai concorrenti Wave invece solo in grado di capire se manca il titolo associato a un frame Functional Accessibility Evaluator ha una
263. una pagina conforme a tali requisiti recante informazioni e funzionalit equivalenti a quelle della pagina non accessibile ed aggiornata con la stessa frequenza evitando la creazione di pagine di solo testo il collegamento alla pagina conforme deve essere proposto in modo evidente all inizio della pagina non accessibile ANALISI E TEST In quest ultimo requisito si offre la possibilit a tutti i Webmaster di siti costruiti prima dell entrata in vigore della legge e che non rispettano i requisiti precedenti di non radere al suolo le pagine e ricostruirle ma semplicemente di affiancare ad esse delle pagine equivalenti magari meno complesse che siano conformi ai requisiti e che vengano aggiornate parallelamente alle pagine gemelle Si richiede che il collegamento alla pagina conforme sia reso ben visibile nella pagina non conforme Solo Cynthia Says ha cercato TOOL UTILI E VOTI i di sviluppare dei controlli e Cynthia Says 2 per individuare i link alle alternative ma tali controlli tuttavia non sono totalmente esaustivi In ogni caso non esiste alcun tool che pu controllare che il link alla pagina equivalente sia posto in alto in posizione visibile 114 Capitolo 3 I MIGLIORI Individuazione pagina equivalente Cynthia Says Semi Auto Posizione link alla pagina equivalente non presente Manuale 115 Capitolo 4 CAPITOLO 4 4 1 Test effettuati Scopo di questo capitolo quello di spiegar
264. uso delle mani e quelli che si collegano da ambienti particolarmente rumorosi Per questo tipo di utenti la cura dell accessibilit consiste nel realizzare pagine navigabili indipendentemente dal dispositivo di input utilizzato e dotate di contenuti alternativi al canale sensoriale principale a cui si rivolge il contenuto Indicizzatori automatici chiamati robot o in inglese spider provenienti dai motori di ricerca Dato lo sterminato numero di siti presente in Rete si pu ben dire che un sito esiste pubblicamente se facilmente reperibile tramite un motore di ricerca Questa considerazione dai chiari risvolti commerciali pu essere da sola un ottimo motivo per curare alcuni aspetti importanti dell accessibilit quanto pi infatti una pagina strutturata correttamente con la presenza di titoli e collegamenti significativi validi testi alternativi alle immagini metadati opportunamente compilati tanto pi salgono le sue possibilit di finire ai primi posti nelle classifiche continuamente 32 Capitolo 1 aggiornate dei motori di ricerca e di conseguenza le possibilit di veder crescere in misura notevole le visite di utenti interessati agli argomenti trattati nel sito Il termine accessibilit non va confuso con quello di usabilit i due concetti pur essendo relazionati tra loro non si sovrappongono L accessibilit Web per la maggior parte una questione che si basa in larga parte sui concetti di
265. vere la configurazione di un sito evidenziare e spiegare le caratteristiche di accessibilit che sono disponibili 13 4 Usare meccanismi di navigazione in modo coerente Priorit 2 13 5 Fornire barre di navigazione per evidenziare e dare accesso ai meccanismi di navigazione Priorit 3 13 6 Raggruppare i collegamenti correlati identificare i gruppi per gli interpreti e fino a quando gli interpreti non lo fanno fornire un modo per saltare il gruppo Priorit 3 13 7 Se sono fornite funzionalit di ricerca rendere possibili diversi tipi di ricerca per differenti livelli di abilit e per preferenze diverse Priorit 3 13 8 Posizionare l informazione pi significativa all inizio delle intestazioni dei paragrafi delle liste ecc Priorit 3 Nota Questo comunemente chiamato front loading ed di particolare aiuto per persone che accedono all informazione con dispositivi seriali come i sintetizzatori della voce 13 9 Fornire informazione sulle raccolte di documenti cio documenti composti da pi pagine Priorit 3 Per esempio in HTML specificare le raccolte di documenti con l elemento LINK e con gli attributi rel e rev Un altro modo di creare una raccolta quello di costruire un archivio per es con le utility zip tar e gzip stuffit ecc delle diverse pagine 305 Le WCAG del WAI Nota La crescita di prestazioni ottenuta con l elaborazione offline pu rendere la visualizzazione molto meno
266. vuti dai soggetti privati come corrispettivo per l attivit svolta dai valutatori di cui al comma 1 tenuto conto dei costi di organizzazione aziendale nella misura minima maggiorati del dieci per cento le somme dovute dai soggetti privati quale rimborso delle spese amministrative sostenute dalla Presidenza del Consiglio dei Ministri Dipartimento per l innovazione e le tecnologie per l attivit di cui all articolo 4 comma 1 nonch l entit della quota dovuta al CNIPA nei casi previsti dall articolo 7 comma 2 per l espletamento delle funzioni ispettive di cui al medesimo articolo 7 Il venire meno dei requisiti in base ai quali avvenuta l iscrizione determina la cancellazione dall elenco di cui al comma 1 la cancellazione altres disposta nel caso di violazione degli obblighi assunti dal valutatore ai sensi del comma 3 225 DPR 1 Marzo 2005 n 75 Nei casi di cui al comma 6 il CNIPA comunica al valutatore che intende procedere trascorsi trenta giorni alla cancellazione dello stesso dall elenco l interessato pu presentare proprie memorie al riguardo Il CNIPA provvede altres a dare adeguata pubblicit della avvenuta cancellazione sul proprio sito Internet Art 4 Modalit di richiesta della valutazione 1 I soggetti privati richiedono alla Presidenza del Consiglio dei Ministri Dipartimento per l innovazione e le tecnologie l autorizzazione ad utilizzare il logo allegando l attestato di c
267. watson addy com EvalAccess 1 auto 3 semi 9 semi 20 http sipt07 si ehu es evala ccess2 index html semi 21 semi Fg Bg Color Contrast Analyzer http tools cactusflower or g analyzer 6 semi Firefox Toolbar https addons mozilla org firefox 60 Web Developer 1 auto 3 semi 6 semi 11 semi 13 semi 14 semi 15 semi 16 semi 17 semi 19 semi Flicker Rate Test http www Webaccessibil e org test check aspx 5 auto 54 Capitolo 2 Functional Accessibility Evaluator http fae cita uiuc edu 1 auto 2 auto 3 semi Hera http www sidar org hera index php it 2 semi 7 auto 8 semi 11 auto 14 semi 16 auto 17 auto 18 semi 21 auto Hermish http www hermish com c heck_this cfm Non utile in quanto si limita a fornire avvertimenti senza compiere controlli automatici www Webaccessibile org c ss default asp HTMLSNIEx Incomprensibile in http html idena jp progra Giapponese m ShlEx html Juicy Studio 1 auto 2 auto 6 auto 11 semi Media Access Generator http ncam wgbh org Web Non utile per valutazione ma solo per progettazione http www standards schmandards com exhibits access magpie PEAT Photosensistive Non utile perch controlla Epilepsy Analysis Tool solo i file video http trace wisc edu peat Readability Index Non utile perch

Anno Accademico 2005-2006 Facoltà di Scienze della

Contents

Download Pdf Manuals

Related Search

Related Contents

Anno Accademico 2005-2006 Facolt&agrave; di Scienze della

Contents

Download Pdf Manuals

Related Search

Related Contents

Anno Accademico 2005-2006 Facoltà di Scienze della