3° Workshop Accessibilità: primi passi per un mondo fruibile da tutti TECNICHE E VALIDAZIONE dott. Dario Santarelli e-Lios s.r.l. (Area Sviluppo) Email:

Slides:



Advertisements
Presentazioni simili
TAV.1 Foto n.1 Foto n.2 SCALINATA DI ACCESSO ALL’EREMO DI SANTA CATERINA DEL SASSO DALLA CORTE DELLE CASCINE DEL QUIQUIO Foto n.3 Foto n.4.
Advertisements

Open Document Format for Office Applications Organization for the Advancement of Structured Information Standards Sergio Capone ITP.
A. FERRARI Alberto Ferrari. L'HyperText Markup Language (HTML) (traduzione letterale: linguaggio di marcatura per ipertesti) è un linguaggio usato per.
WSDL (Web Services Description Language) Laurea Magistrale in Informatica Reti 2 (2006/07) dott. Federico Paoloni
1 Processi e Thread Processi Thread Meccanismi di comunicazione fra processi (IPC) Problemi classici di IPC Scheduling Processi e thread in Unix Processi.
Il filmato digitale Lidia Falomo. Video Filmato: successione di frame.
Frontespizio Economia Monetaria Anno Accademico
E Windows SharePoint Services 2.0 Ivan Renesto Overview how to use Windows SharePoint Services.
HDM Information Design notation v.4. HDM Information Design.
2000 Prentice Hall, Inc. All rights reserved. 1 Capitolo 6: Classi e astrazione dati 1.Introduzione 2.Definizione delle strutture 3.Accedere ai membri.
ETEN – Re-Public – RePublic website 1\5 eTEN Progetto Re-Public – RePublic website Workshop finale Dott. Marco Sentinelli – Galgano International Roma,
1 © 2013 Cobra Italia SpA All rights reserved Cobra group website Gennaio 2013.
CORSO TECNICO R.C.A. ELABORATO PERITALE
Presentazione Finale Team 2 1. Decomposizione in sottosistemi 2.
Un esempio: Registrazione e lettura di dati in un file
Il sistema operativo Sistema operativo (in breve) –È costituito dai programmi di gestione delle operazioni più elementari del computer –… gestione di vari.
C aso di Studio Gruppo9: DAvino,Vetrano,Monda,Papa, Berardini,Schettino.
Sofia Postai - Luca Mascaro controllo di accessibilità i 22 requisiti della Legge Stanca punto per punto i 22 requisiti della Legge Stanca punto per punto.
Analisi Accessibilità L'accessibilità è un tema delicato, all'incrocio com'è di esigenze di diversi gruppi e di diverse discipline. Gli standard internazionali.
7 cose da sapere su Volume Activation con Windows 7 © 2009 Microsoft Corporation. Tutti i diritti riservati. Come professionista IT, devi sapere che l'attivazione.
JavaScript Lezione 5 Tipizzazione ed operazioni tra tipi diversi Istruzioni di input.
Lambiente operativo. 2 Per avviare e poter utilizzare il computer è necessario un particolare programma che si chiama sistema operativo. Windows è un.
PRIMI DISEGNI CON CABRI Realizzato da Daniel Bulgarini e Matteo Co CLASSE 2°C LICEO PASCAL MANERBIO.
Corso Office Automation e Legislazione per P.A. Ed.1 A cura del Dott. Domenico Giuseppe Bozza Presentazione moduli personali En.A.P. Lazio – 8 Gennaio.
Area Sviluppo WebForum Biblioteca Virtuale25/10/02 1 Progettazione e realizzazione di un sito accessibile 7° Forum Biblioteca Virtuale Moncalieri 25/26.
Gruppo 1 - Microseminario sulle Indicazioni per il Curricolo Sondrio – 8 aprile - 21 aprile – 12 maggio 2008 Il gruppo si è impegnato nellapprofondimento.
DISPOSITIVI ASIC Application Specific Integrated Circuit De Faveri Martina Classe 3 BET.
Nel primo esempio, pure rimpicciolendone i punti tipografici, il font di sinistra rimane molto più leggibile di quello destro.
La risoluzione determina il dettaglio dell'immagine, quindi le massime dimensioni di stampa che potete raggiungere mantenendo una buona qualità. La fotocamera.
Primi passi con Windows: Gestione del Desktop Barra Applicazioni Menu Avvio ISTITUTO COMPRENSIVO N.7 - VIA VIVALDI - IMOLA Via Vivaldi, Imola.
Sito IntergruppoParma.it Nuovo Intergruppo Parma.
C OME CREARE I FRAME. Dal pannello File fai doppio clic sul file default.html per aprire la pagina (figura 1.1). Figura 1.1 Il file default.html.
I mille volti della formazione dalle-learning allemployergame Novembre 2012 I mille volti della formazione: dalle-learning allemployergame 4° Release Novembre.
DA NATIVI DIGITALI A INTERNAUTI CONSAPEVOLI
Creare e gestire un sito Web scolastico P.O.N ITIS Marconi Nocera a.s
Presentazione del sito gruppofrattura.it Riepilogo dei principali servizi offerti: Registrazione gratuita; Archivio pubblicazioni.
PORTE APERTE SUL WEB L'officina del webmaster: strumenti, materiali, iniziative, fonti di informazione, e poi perché costruire siti scolastici ? Laura.
Il Booking Engine Html di HermesHotels è studiato per permettere I-Frame sui siti degli Hotels. Disponibile anche in modalità Pop- Up https, simile.
1 Web Design Internet Agency. 2 Web Design Internet Agency Qual è il valore aggiunto che può portare allimpresa ? Perché è fondamentale oggi avere un.
La Biblioteca del Polo biologico Brevi note per un utilizzo consapevole della nostra biblioteca.
Presenta Progetto Hyper-Club. Hyper-code Via Domenico Mercante 6, Verona (VR) – Tel Cell mail. Chi.
Analisi del video: Come può essere così difficile? Dopo aver visto il documentario, sul sito
OUTPUT FORMATTATO La funzione printf consente di effettuare la stampa a video formattata. Sintassi: printf ( stringa_formato, arg0, arg1, … ); La stringa.
Tutorial relativo al Mio EBSCOhost. Benvenuti al tutorial dedicato a Mio EBSCOhost, verranno fornite le istruzioni per la configurazione e lutilizzo ottimizzato.
Fare clic per modificare lo stile del titolo Fare clic per modificare stili del testo dello schema – Secondo livello Terzo livello – Quarto livello » Quinto.
Gli standard web W3C standard HTML CSS …a set of standardized best practices for building web sites, and a philosophy of web design and development that.
Modulo 1 bis Menù Incolla Esercitazione Un computer è quasi umano, a parte il fatto che non attribuisce i propri errori a un altro computer. (Anonimo)
SALA AUDIO-VIDEO. La Fondazione Christian Cappelluti Onlus ha realizzato allinterno della Biblioteca Multimediale Chris Cappell una sala per la visione.
Prof. Reale Nicola Stud. Manola Bauco
Innovazioni versione 4 Bari, 17 ottobre Innovazioni versione 4 Il menù dinamico secondo logica operativa Il ruolo dei Ruoli Facilitare la scelta.
Moduli o Form I Moduli permettono all'utente di immettere informazioni...
Istituto degli InnocentiRegione Molise C orso di formazione La comunicazione pubblica La redazione web Campobasso 12/13 Aprile 2004.
Fondamenti di Informatica Corsi di Laurea in Ingegneria Gestionale Canale AL ESERCITAZIONE 6 ARGOMENTI: LAVORARE CON CLASSI METODI DELLISTANZA, COSTRUTTORI.
CD-Easy Sito per la vendita on-line di CD audio. di Annunziato Tonnara Matr A.A. 2003/2004.
INTERNET Internet è una rete a livello mondiale che permette alle persone di comunicare ed ad accedere a banca dati da qualunque parte del mondo e su qualunque.
GENESOFT Il web multimediale per la terza età Relatore : Marco Casario Genesoft Srl
AgentGroup MEnSA Project - Future work Agent and Pervasive Computing Group Dipartimento di Ingegneria dellInformazione Università degli Studi di Modena.
Gruppo 4: Gelmi Martina, Morelato Francesca, Parisi Elisa La mia scuola ha un sito Web: modelli per la qualità dei siti (Ingegneria del Web)
Sistema Informativo Demanio Idrico marzo Per aumentare lefficienza del servizio abbiamo realizzato un sistema in grado di gestire in modo integrato.
Riccardo Ridi - Università Ca Foscari, Venezia Giornata di aggiornamento Le nuove frontiere dei mestieri del libro Venezia - 28 Ottobre 2013.
INTERNET Antonio Papa Classe 2^ beat I.S.I.S. G. Meroni a.s. 2007/2008.
La nascita di internet Luigi Di Chiara Arci Solidarietà Napoli.
AC mobile Versione 1.1 AC mobile Guida per l’utente
ISOIVA (LOCALE) TO ISOIVA (WEB) RIPARTIZIONE INFORMATICA UFFICIO APPLICATIVI AMMINISTRATIVI 13/04/2011 UNIVERSITÀ DEGLI STUDI DI FERRARA 1.
Scheda Ente Ente Privato Ente Pubblico. 2ROL - Richieste On Line.
Bando Arti Sceniche. Per poter procedere è indispensabile aprire il testo del Bando 2ROL - Richieste On Line.
Visual Studio Tools for Office: Developer Solutions Platform Fulvio Giaccari MCSD.NET / MCT Responsabile Usergroup ShareOffice Blog:
SUBQUERY Chi ha un salario maggiore di quello di Abel? Occorre scomporre la query in due sotto problemi: MAIN : quali impiegati hanno un salario maggiore.
Corso di Web Services A A Domenico Rosaci Patterns di E-Business D. RosaciPatterns per l'e-Business.
IL GIOCO DEL PORTIERE CASISTICA. Caso n. 1 Il portiere nella seguente azione NON commette infrazioni.
Transcript della presentazione:

3° Workshop Accessibilità: primi passi per un mondo fruibile da tutti TECNICHE E VALIDAZIONE dott. Dario Santarelli e-Lios s.r.l. (Area Sviluppo) Mobile: WeBlog: dott. Dario Santarelli e-Lios s.r.l. (Area Sviluppo) Mobile: WeBlog:

Sommario Introduzione Accessibilità: un fatto tecnico? Separazione tra presentazione e contenuto XHTML e CSS Il supporto dei browser WAI WCAG 1.0 Alcune Demo WAI WCAG 2.0 Confronto con il passato Validazione dell accessibilità I migliori strumenti Conclusioni Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

3 Introduzione

Accessibilità: un fatto tecnico? Schiacciante verità: un sito può essere tecnicamente accessibile, ma di fatto non fruibile per un disabile… La vera sfida del Web è l usabilità! Dovè il Problema? L'accessibilità, così come è concepita dalle attuali WCAG 1.0, rivolge le sue raccomandazioni al "content developer (Someone who authors Web pages or designs Web sites) Progettista/Web Designer Sviluppatore Lautore dei contenuti Alcune raccomandazioni delle WCAG 1.0 hanno a che vedere con lusabilità, ma non forniscono metodologie. Il primo passo per creare siti accessibili è creare siti che siano accessibili alle macchine. La migliore chance per ottenere ciò è usare linguaggi di markup standard. Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

5 Separazione tra Contenuto e Presentazione XHTML + CSS

Separare il contenuto dalla Presentazione Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile Il contenuto di un documento è ciò che questo comunica all'utente attraverso linguaggio naturale, immagini, suoni, filmati, animazioni, ecc. La presentazione di un documento è il modo in cui il documento è riprodotto (es. stampato, presentazione grafica bi-dimensionale, presentazione solo testuale, discorso riprodotto da un sintetizzatore, braille, ecc.) Tutti i possibili tipi di presentazione di un documento dovrebbero mostrare contenuti equivalenti Prevedere più canali sensoriali Non prevedere vincoli su parametri di utilizzo di un determinato user agent

Separare il contenuto dalla Presentazione Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile Primo passo da compiere : eliminare dal codice HTML gli elementi e gli attributi di presentazione. A partire dalla versione 4 delle specifiche HTML, l'uso di elementi e attributi di presentazione è stato disapprovato dal W3C in favore, appunto, dell'uso dei fogli di stile. Presentazione: Impatto dei CSS sul Web Riduzione del peso medio di una pagina del 50-60%. Possibilità di presentazioni alternative, ciascuna adatta alla riproduzione su una differente periferica (schermo, stampa, sintetizzatori vocali, ecc.) Ottenimento di un codice (x)HTML più lineare e pulito, senza il ricorso ad artifici sconsigliati per l'accessibilità

Presentazioni alternative Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile Più dispositivi = Più presentazioni I browser non offrono un supporto uniforme ed universale al cambio automatico del foglio di stile a seconda del tipo di media.. Si deve spesso ricorrere a Tecniche di Style Switching Terminali / Telescriventi / Palmari (media="tty o media=handheld) Impossibile trovare un foglio di stile universalmente adatto Braille (media=braille) Sono realmente supportati dai CSS? Uno sviluppatore vedente possiede le competenze per generare un tale foglio di stile? Sintetizzatori vocali (media=aural) Praticamente nessuno sviluppatore conosce le esigenze di ascolto dellutente finale.. all CSS 2 Media Types aural braille embossed handheld print projection screen tty tv

XHTML (eXtensible HyperText Markup Language) XHTML è il successore di HTML XHTML 1.0 = riformulazione di HTML 4.01 in XML 1.0 Obiettivi Separazione tra la struttura del documento e la presentazione utilizzare CSS preferibilmente esterni Riformulare HTML come XML Versioni XHTML 1.0 Transitional XHTML 1.0 Strict XHTML 1.0 Frameset XHTML 1.1 XHTML 2.0 Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

Creazione di pagine XHTML (1/3) Specificare un XHTML DOCTYPE valido Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile XHTML 1.0 Transitional (default in ASP.NET 2.0) XHTML 1.0 Strict XHTML 1.0 Frameset XHTML 1.1 XHTML 2.0

Creazione di pagine XHTML (2/3) Lelemento root deve referenziare un namespace XHTML Tutti gli elementi e gli attributi devono essere lowercase I valori degli attributi devono essere compresi tra quotation marks Gli elementi non vuoti che possiedono un tag di apertura devono avere un corrispondente tag di chiusura. Es. o (meglio!) No tag overlapping No attribute minimization (NO) Usare lattributo id invece dellattributo name Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

Creazione di pagine XHTML (3/3) Il contenuto di e allinterno di una pagina deve essere compreso nella sezione CDATA Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile <![CDATA[ function isLess(a, b) { if (a < b) return true; else return false; } ]]> /* <![CDATA[ */ function isLess(a, b) { if (a < b) return true; else return false;} /* ]]> */

XHTML e MIME (Content) Types W3C specifica un MIME Type per i documenti XHTML Come presentare contenuti XHTML IE6+ non supporta application/xhtml+xml Firefox e Opera supportano application/xhtml+xml Possibili Rendering Workarounds per IE6+: Utilizzare il MIME Type text/html (ASP.NET default) Utilizzare application/xml o text/xml (XML + XSL) Negoziazione: MIME Types differenti in base al Browser ASP.NET: evento Application_PreSendRequestHeaders Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile application/xhtml+xml

QUIRKS MODE QUIRKS MODE DOCTYPE Sniffing (Switching) Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile ALMOST STANDARDS MODE ALMOST STANDARDS MODE STANDARDS MODE STANDARDS MODE FULL STANDARDS MODE FULL STANDARDS MODE Javascript Property document.compatMode BackCompat/QuirksMode CSS1Compat (Standards) Usato dai browser per effettuare il corretto rendering di siti Web sia standard-compliant che legacy

Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile WAI WCAG 1.0

Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile W3C WAI (Web Accessibility Initiative) Web Content Accessibility Guidelines WCAG 1.0 (1999) come creare contenuti accessibili WCAG 2.0 Working Draft Candidate Recommendation (aprile 2007) Authoring Tool Accessibility Guidelines ATAG 1.0 (2000) come progettare strumenti di authoring, utilizzabili da autori disabili, che producano contenuti accessibili ATAG 2.0 Working Draft User Agent Accessibility Guidelines UAAG 1.0 (2002) cosa devono fare gli sviluppatori di software per migliorare l' accessibilità di: browser multimedia player

Web Content Accessibility Guidelines 1.0 Priorità Ogni checkpoint (65 in totale) ha un livello di priorità a seconda dellimpatto che esso possiede a livello di accessibilità Priorità 1: must (requisiti di base) Priorità 2: should (rimozione di barriere per laccessibilità) Priorità 3: may (miglioramenti per laccessibilità) Conformità Tutti i checkpoints con priorità 1 sono soddisfatti Tutti i checkpoints con priorità 1 e 2 sono soddisfatti Tutti i checkpoints con priorità 1,2 e 3 sono soddisfatti Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile La dichiarazione di conformità è responsabilità del webmaster o del content provider. Lo spirito è quello di dimostrare l' impegno e testimoniare i risultati conseguiti.

Web Content Accessibility Guidelines Fornire alternative equivalenti 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. Considerazioni La versione testuale 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. 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. Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

Web Captioning Caption = versione testuale di una parola pronunciata Sincronizzazione: il testo dovrebbe apparire approssimativamente nello stesso istante in cui laudio diventa disponibile Equivalenza: il contenuto fornito nella versione testuale dovrebbe essere equivalente a quello pronunciato Accessibilità: la versione testuale deve essere leggibile da un qualunque dispositivo Tecnologie SMIL (Synchronized Multimedia Integration Language) Quicktime e RealPlayer SAMI (Synchronized Accessible Media Interchange) Windows Media Player Text Track Quicktime MAGpie Creazione di caption files Hi-Caption Creazione di caption files Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

Web Content Accessibility Guidelines Non fare affidamento sul solo colore Assicurarsi che il testo e la parte grafica siano comprensibili se consultati senza il colore. 2.2 [Priorità 2 per le immagini, Priorità 3 per il testo] (Sbagliato?) Assicurarsi che le combinazioni fra colori dello sfondo e del primo piano forniscano un sufficiente contrasto se visti da qualcuno con deficit percettivi sul colore o se visti su uno schermo in bianco e nero. Considerazioni Tra primo piano e sfondo ci dovrebbe essere il massimo contrasto possibile, privilegiando la luminosità e non il tono (frequenza). Per gli ipovedenti, usare colori non eccessivamente luminosi e saturi, altrimenti possono verificarsi fastidiosi fenomeni di abbagliamento. Evitare sia Texture sotto il testo che il movimento disaccoppiato del testo rispetto allimmagine sullo sfondo Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

Web Content Accessibility Guidelines 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. Considerazioni Un titolo = un contenuto Non saltare livelli logici nell'uso delle intestazioni (H1…H6) Scegliere bene gli elementi strutturali Quando esiste un linguaggio di marcatori adatto, per veicolare informazione usare un marcatore piuttosto che le immagini (es. MathML – Mathematical Markup Language). Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

Web Content Accessibility Guidelines Chiarire l'uso di linguaggi naturali Utilizzare marcatori che facilitino la pronuncia o l'interpretazione di testi stranieri o abbreviati. Considerazioni Contrassegnare i cambiamenti di linguaggio naturale: gli screen reader 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 (mediante marcatori o intestazioni HTTP).… anche per i motori di ricerca! quando una stessa sigla ricorre più volte, viene definita da un elemento ABBR o ACRONYM solo la prima volta che appare nel testo Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

Web Content Accessibility Guidelines 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. Considerazioni Le tabelle, in qualsiasi modo siano usate, presentano 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. Due tipi: tabelle dati e tabelle di impaginazione, distinguibili tramite relazioni semantiche (orizzontali/verticali) tra celle nella versione linearizzata Caso critico: tabelle di impaginazione contenenti tabelle dati. Le tabelle dati possono essere rese accessibili, o più accessibili, utilizzando un apposito codice di marcatura strutturale ASP.NET AJAX v1.0 Beta dott. Dario Santarelli - Domenica 29 Ottobre

Web Content Accessibility Guidelines 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. Considerazioni Comunicare la struttura logica unicamente per mezzo della presentazione visuale non è una soluzione accessibile! 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. Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

Web Content Accessibility Guidelines 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. 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. In genere, le pagine che permettono di interagire tramite tastiera sono accessibili anche tramite input vocale o interfaccia a linea di comando. Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

Javascript e Accessibilità Questioni Critiche Navigazione, Contenuti Nascosti, Controllo da parte dellutente, Disorientamento Soluzioni Usare Gestori di eventi indipendenti dal dispositivo (ad esempio, quelli che non richiedono l'uso del solo mouse) Pagine web che utilizzano gli script devono essere completamente navigabili da tastiera Javascript non dovrebbe modificare o ridefinire le normali funzionalità del browser Nel caso in cui javascript non possa essere reso direttamente accessibile, deve essere predisposta un'alternativa accessibile Contenuti e funzionalità devono comunque essere accessibili Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

Web Content Accessibility Guidelines Usare soluzioni provvisorie. Usare soluzioni provvisorie in modo che le tecnologie assistive e i browser più vecchi possano operare correttamente. 11. Usare le tecnologie e le raccomandazioni del W3C. Usare le tecnologie del W3C (in conformità con le specifiche) e seguire le raccomandazioni 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. 12. Fornire informazione per la contestualizzazione e l'orientamento. Fornire informazione per la contestualizzazione e l'orientamento, per aiutare gli utenti a comprendere pagine od elementi complessi. Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

Web Content Accessibility Guidelines Fornire chiari meccanismi di navigazione. Identificare con chiarezza l'obiettivo di ogni collegamento Creare una Mappa oppure un indice del sito Usare meccanismi di navigazione in modo coerente. Fornire barre di navigazione Raggruppare i collegamenti correlati, identificare i gruppi (per gli interpreti) e, fornire un modo per saltare il gruppo. Se sono fornite funzionalità di ricerca, rendere possibili diversi tipi di ricerca per differenti livelli di abilità e per preferenze diverse. 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. Usare il linguaggio più chiaro e semplice possibile che sia adatto al contenuto di un sito. Integrare il testo con presentazioni grafiche o uditive nei casi in cui esse possano facilitare la comprensione della pagina. Creare uno stile di presentazione coerente fra le pagine. Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile WAI WCAG 2.0

Web Content Accessibility Guidelines 2.0 Evoluzione delle WCAG 1.0 Stessi principi ispiratori Struttura diversa Si considerano anche aspetti di qualità del sito: usabilità rispetto delle specifiche tecniche. Concetti generali da applicare ai contenuti web Principi di progettazione non specifici per HTML, XML, o altre tecnologie Principi da applicare a una varietà di situazioni e tecnologie, anche non ancora esistenti Attualmente a livello di Working Draft (aprile 2007: Candidate Recommendation) Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

Web Content Accessibility Guidelines 2.0 La struttura Quattro principi di progettazione Percezione: il contenuto deve essere percettibile Operabilità: gli elementi dell' interfaccia presenti nel contenuto devono essere azionabili Comprensibilità: contenuto e controlli devono essere comprensibili Robustezza: il contenuto deve essere abbastanza robusto da poter operare con le tecnologie presenti e future Per ogni principio, delle linee guida (13 in tutto) definiscono come si applica il principio in un' area specifica Per ogni linea guida, tre livelli di criteri di successo (success criteria), verificabili, per definire meglio le linee guida e determinare la conformità Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

Confronto tra WCAG 1.0 e WCAG 2.0 Stato del documento WCAG 1.0: unico documento stabile e referenziabile (Recommendation) WCAG 2.0: documento ancora in fase di raffinamento (Working Draft) Conformità WCAG 1.0: guideline con checkpoint. Conformità basata su checkpoint. WCAG 2.0: principi, guideline e success criteria. Conformità basata su success criteria. Tecniche WCAG 1.0: un documento contenente i link alle varie tecniche, un documento ("Core") generale, e due documenti specifici (HTML e CSS) WCAG 2.0: un documento generale, contenente link e tecniche generali, e vari documenti specifici (già disponibili HTML, CSS, client-side scripting, etc.) Checklist WCAG 1.0: lista di checkpoint raggruppati per priorità WCAG 2.0: lista di proposizioni verificabili che specificano cosa è richiesto per essere conformi alle WCAG 2.0 in quella specifica tecnologia Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile ValidazioneAccessibilità

Validare XHTML Un documento XHTML, come HTML è valido se Al suo inizio è dichiarata la DTD utilizzata nel documento; Gli elementi e gli attributi adoperati rispettano alla lettera la sintassi per loro definita nella DTD dichiarata all'inizio Markup Validator Service ( Errori comuni: Elementi aperti e non chiusi o viceversa Elementi incastrati invece che annidati (p.es...., invece di... ) Uso di elementi e attributi non consentiti dalla Dtd adoperata Uso del carattere & ' in una stringa di query invece di & ' Uso di valori di attributo non consentiti Il testo di deve essere incluso in un elemento strutturale lang invece di xml:lang Lattributo language non può essere usato per e Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

Validare CSS CSS Validator ( CSS Check ( Errori Comuni Mancanza del punto e virgola finale che chiude la dichiarazione di una proprietà Mancanza della parentesi graffa che chiude un elenco di proprietà Un colore dichiarato in valori esadecimali non preceduti dal simbolo #' Sans-serif' scritto senza il trattino separatore Nomi di classe e id non validi Un commento (/*... */) aperto e non chiuso, o viceversa Risolvere gli avvertimenti (warning) Mancata indicazione di una famiglia di caratteri generica (Sans-Serif) Mancata definizione del colore di primo piano se è stato definito il colore di sfondo, e viceversa Uso di dimensionamenti fissi in luogo di quelli relativi e percentuali Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

Validazione dellaccessibilità (W3C) WCAG 1.0 – Appendice A Verificate l'accessibilità per mezzo di strumenti automatici e della revisione umana. I metodi automatici sono in genere rapidi e convenienti ma non possono identificare tutti i problemi di accessibilità. La revisione umana può aiutare a garantire la chiarezza del linguaggio e la semplicità della navigazione Consigli W3C Controllare con strumenti automatici la validità della sintassi (x)HTML e CSS, nonché le misure prese per favorire l'accessibilità. Nessun controllo automatico è in grado di valutare al 100% l'accessibilità di una pagina web Verificare la percepibilità dei contenuti per mezzo della vista e dell'udito nelle più disparate condizioni d'uso Controllare lortografia e valutare la leggibilità, eventualmente con strumenti automatici Ricorrere al giudizio possibilmente di persone con disabilità Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile

Dichiarare la conformità alle WCAG 1.0 Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile La guerra dei bollini Una pretesa di conformità spesso senza certificazione Di fatto è una truffa per lutente che non ha bisogno di bollini, ma di accessibilità Senza revisori umani laccessibilità non esiste Esporre soltanto le dichiarazioni di conformità di cui si è assolutamente sicuri e che possono essere verificate dall'utente Predisporre nel sito una pagina, in cui dichiarate quali controlli di revisione umana sono stati effettuati in aggiunta ai test automatici, e quando e come sono stati eseguiti l'ultima volta. Portale Spazio Europa della regione Emilia RomagnaSpazio Europa della regione Emilia Romagna Conformità ad HTML 4.01, CSS 2.0, Bobby AAA e Bobby Section 508, WCAG 1.0 AAA … NOOOO! Diffidare di siti con abbondanza di bollini, soprattutto se sono teoricamente incompatibili

I migliori strumenti automatici Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile AIS (Web Accessibility Toolbar) IE Web Developer (Firefox) Internet Explorer Developer Toolbar IE Lynx Browser/Viewer Fang (Firefox) HTML Tidy strumento a linea di comando molto potente: è in grado di individuare e correggere errori di sintassi (X)HTML e di fornire utili suggerimenti per il miglioramento dell'accessibilità. Ora su Source Forge A-Prompt Un valutatore dell'accessibilità sviluppato dall'Università di Toronto, da scaricare in locale: è in grado di fornire indicazioni di conformità sia alla Section 508 sia alle WCAG 1.0. Wikipedia (Paragone tra Screen Reader) ( )

I migliori strumenti automatici Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile WebXact ( Strumento di validazione on line della Watchfire, la stessa casa produttrice di Bobby. Offre all'incirca le stesse informazioni di Bobby, ma in un modo più organizzato ed usabile. Cynthia Says portal ( Consente una valutazione dell'accessibilità che si estende in qualche misura anche alla proprietà dei testi alternativi: valuta per esempio la lunghezza dei testi ALT e se questi ripetono il nome dell'immagine a cui si riferiscono. Torquemada ( Valutatore automatico dell'accessibilità tutto italiano, sviluppato dalla Fondazione Ugo Bordoni. WAVE 3.5 Accessibility Tool (development version) ( I risultati della validazione sono rappresentati graficamente e gli avvertimenti sono contestuali alla posizione di rilevamento. Web Accessibility Checker ( Supporto alla Legge Stanca

Conclusioni Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile Consigli Finali per una buona accessibilità Separare SEMPRE la presentazione dal contenuto Usare DTD rigorose (es. XHTML 1.1 o XHTML 1.0 Strict) Mai basarsi sul colore per fornire informazioni Evidenziare la struttura logica dei contenuti testuali H1,H2,H3 etc. Realizzare moduli accessibili FIELDSET, LEGEND, LABEL etc. + CSS Massima attenzione alle tabelle dati TH, SUMMARY, CAPTION etc. Occhio alla linearizzazione dei contenuti (sostituire le tabelle usate a scopo di impaginazione con soluzioni basate sui CSS) Scrivere testi accessibili e non dipendenti da un ambito

Conclusioni Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile Consigli Finali per una buona accessibilità Non usare i FRAME Assicurarsi di scrivere XHTML e CSS validi Usare revisione automatiche per gli errori di accessibilità legati al codice Usare la revisione umana Porsi come obiettivo il raggiungimento di un'accessibilità reale

Grazie per lattenzione… Accessibilità: primi passi per un mondo fruibile da tutti – Tecniche e validazione dott. Dario Santarelli – Martedì 17 Aprile FINE