Preview only show first 10 pages with watermark. For full document please download
Iii. Metodologie E Tecniche Di Applicazione
-
Rating
-
Date
March 2018 -
Size
3.8MB -
Views
9,534 -
Categories
Transcript
UNIVERSITÀ POLITECNICA DELLE MARCHE FACOLTÀ DI INGEGNERIA SEDE DI ANCONA NORMATIVE, METODOLOGIE E TECNICHE PROGETTUALI PER LA REALIZZAZIONE DI SITI WEB AD ELEVATA ACCESSIBILITÀ. TESI DI LAUREA TRIENNALE IN INGEGNERIA INFORMATICA ED AUTOMATICA. AUTORE RELATORE ANGELO MORESCHI PROF. ING. ALDO FRANCO DRAGONI REVISIONE 1.0 - MARZO 2007 A mia madre, a mio padre. ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE. SOMMARIO I. Introduzione ............................................................................................ 1 II. Scenario................................................................................................ 3 II.1 - Per una cultura dell’accessibilità ............................................................... 3 II.2 - Il concetto di accessibilità ........................................................................ 7 Beneficiari dell’accessibilità ...................................................................................... 8 Gli obiettivi dell’accessibilità ..................................................................................... 9 II.3 - Usabilità .............................................................................................. 12 Presentazione ....................................................................................................... 12 Accessibilità ed Usabilità ........................................................................................ 14 Normative ............................................................................................................ 16 II.4 - La disabilità ......................................................................................... 18 Definizione WHO ................................................................................................... 18 Disabilità in cifre ................................................................................................... 19 Tipologie della disabilità ......................................................................................... 20 II.5 - Il W3C ................................................................................................ 26 Gli obiettivi .......................................................................................................... 27 Le Raccomandazioni .............................................................................................. 27 La WAI ................................................................................................................ 29 III. Metodologie e tecniche di applicazione ............................................... 32 III.1 - Il linguaggio ....................................................................................... 32 HTML .................................................................................................................. 33 XHTML................................................................................................................. 43 CSS .................................................................................................................... 47 III.2 - L’accessibilità in 10 punti ...................................................................... 54 Suggerimenti rapidi. .............................................................................................. 54 Commento ........................................................................................................... 55 Circolare Bassanini ................................................................................................ 59 III.3 - Componenti essenziali dell’accessibilità .................................................. 61 Separazione tra contenuto e presentazione .............................................................. 63 Fogli di stile (CSS) ................................................................................................ 67 Utilizzo degli elementi strutturali ............................................................................. 77 Rispetto dell’aspetto semantico .............................................................................. 85 Il principio della multi-modalità .............................................................................. 87 - IV - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE. III.4 - Indipendenza dal dispositivo di presentazione ......................................... 88 III.5 - Trattamento delle immagini .................................................................. 91 Strumenti del linguaggio ........................................................................................ 91 Testi alternativi .................................................................................................... 95 Tipologie di immagini ............................................................................................ 98 Annotazioni conclusive ......................................................................................... 100 Ascii Art .............................................................................................................. 101 III.6 - Uso del colore ................................................................................... 102 Principi fisici ........................................................................................................ 103 Criteri di realizzazione .......................................................................................... 106 III.7 - Impaginazione e tabelle ..................................................................... 116 Uso delle tabelle .................................................................................................. 116 Tabelle dati ......................................................................................................... 117 Tabelle di impaginazione ....................................................................................... 120 Impaginazione ..................................................................................................... 125 III.8 - Contenuti multimediali ....................................................................... 129 Metodologie ........................................................................................................ 131 Tecniche e strumenti ............................................................................................ 135 Conclusioni ......................................................................................................... 139 III.9 - Tecniche specifiche ............................................................................ 140 Apertura nuove finestre ........................................................................................ 140 Auto aggiornamenti.............................................................................................. 141 Collegamenti ipertestuali ...................................................................................... 142 Grammatiche formali ............................................................................................ 144 Fogli di stile secondari .......................................................................................... 146 Fotosensibilità ..................................................................................................... 149 Frameset ............................................................................................................ 150 Linguaggi per rappresentazioni specifiche ............................................................... 153 Mappe immagine ................................................................................................. 159 Moduli ................................................................................................................ 162 Navigazione ........................................................................................................ 169 III.10 - Web dinamico ................................................................................. 179 Script ................................................................................................................. 181 Applet e plug-in ................................................................................................... 186 AJAX .................................................................................................................. 187 III.11 - Comprensibilità dei contenuti ............................................................ 189 Scrivere per farsi capire ........................................................................................ 190 -V- ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE. Suggerimenti in (X)HTML ...................................................................................... 193 Pubblica Amministrazione ..................................................................................... 196 III.12 - Riadattamento a posteriori................................................................ 198 III.13 - Compatibilità con le tecnologie obsolete ............................................. 200 Retro-compatiblità ............................................................................................... 201 Aderenza agli standard ......................................................................................... 202 III.14 - Validazione e controllo ..................................................................... 204 Metodologia di verifica .......................................................................................... 204 Validatori automatici ............................................................................................ 208 La cultura del bollino ............................................................................................ 215 III.15 - I costi dell’accessibilità ..................................................................... 216 L’accessibilità come punto di partenza .................................................................... 218 Costo zero .......................................................................................................... 218 IV. Analisi delle normative ..................................................................... 220 IV.1 - Normative internazionali ..................................................................... 220 IV.2 - WCAG 1.0 ......................................................................................... 223 Introduzione ....................................................................................................... 223 Organizzazione e conformità ................................................................................. 224 Linee guida e punti di controllo .............................................................................. 226 Critiche ed attuazione ........................................................................................... 238 IV.3 - Section 508....................................................................................... 242 Linee guida per le pagine Web ............................................................................... 243 Relazione con le direttive WAI ............................................................................... 248 Relazione con la legge italiana ............................................................................... 250 IV.4 - Legge Stanca .................................................................................... 252 Decreto legislativo 216/2003 ................................................................................. 254 Legge 04/2004 .................................................................................................... 255 Codice della Pubblica Amministrazione Digitale ........................................................ 262 Regolamento di attuazione .................................................................................... 263 Requisiti tecnici (Decreto Ministeriale 8 Luglio 2005) ................................................ 267 Valutazione requisiti Internet ................................................................................ 287 Verifica soggettiva ............................................................................................... 289 Comparazione con la Section 508 .......................................................................... 289 Secondo disegno di legge Campa Palmieri ............................................................... 293 Stato di attuazione ............................................................................................... 294 IV.5 - WCAG 2.0 ......................................................................................... 295 - VI - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE. Presentazione ...................................................................................................... 295 Organizzazione .................................................................................................... 303 Normativa ........................................................................................................... 306 Mappatura WCAG 1.0 e 2.0 ................................................................................... 309 Critiche............................................................................................................... 312 Relazione con il DM 8 Luglio 2005 .......................................................................... 319 IV.6 - Quadro sinottico ................................................................................ 320 IV.7 - ISO .................................................................................................. 325 Normative ........................................................................................................... 325 IV.8 - UAAG ............................................................................................... 327 IV.9 - ATAG ............................................................................................... 330 Versione 2.0........................................................................................................ 331 Contenuti ............................................................................................................ 333 Conformità .......................................................................................................... 334 IV.10 - ARIA .............................................................................................. 336 Web dinamico accessibile ...................................................................................... 337 Schema del progetto ............................................................................................ 337 V. L’accessibilità nella realtà ................................................................. 340 V.1 - Ausili informatici per i disabili ............................................................... 340 Strumenti per i non vedenti .................................................................................. 340 Strumenti per ipovedenti ...................................................................................... 343 Accorgimenti per audiolesi .................................................................................... 344 Strumenti per le disabilità motorie ......................................................................... 345 Gli strumenti per le disabilità cognitive. .................................................................. 346 Conclusioni ......................................................................................................... 347 V.2 - Programmi utente ............................................................................... 348 Screen-reader ..................................................................................................... 348 V.3 - Strumenti di sviluppo .......................................................................... 353 CMS ................................................................................................................... 354 V.4 - L’accessibilità nei sistemi operativi ........................................................ 360 Microsoft Windows ............................................................................................... 361 Linux .................................................................................................................. 369 Apple MAC OS X .................................................................................................. 371 DOS ................................................................................................................... 373 V.5 - Applicativi e formati proprietari ............................................................. 375 Microsoft Word .................................................................................................... 377 - VII - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE. Adobe PDF .......................................................................................................... 379 Adobe Flash ........................................................................................................ 385 V.6 - Interviste ........................................................................................... 389 Paolo de Cecco .................................................................................................... 389 VI. Un esempio reale .............................................................................. 402 VI.1 - Presentazione in XHTML...................................................................... 402 Progetto ............................................................................................................. 403 Codice XHTML ..................................................................................................... 403 Codice CSS ......................................................................................................... 409 VII. Appendice – Riferimenti alle normative ......................................... 414 VII.1 - WCAG 1.0 ........................................................................................ 414 Abstract.............................................................................................................. 414 Introduction ........................................................................................................ 415 Themes of Accessible Design ................................................................................. 417 How the Guidelines are Organized .......................................................................... 418 Priorities ............................................................................................................. 418 Conformance ....................................................................................................... 419 Web Content Accessibility Guidelines ...................................................................... 419 VII.2 - Section 508 ..................................................................................... 432 Table of Contents................................................................................................. 432 Subpart A -- General ............................................................................................ 432 Subpart B -- Technical Standards ........................................................................... 435 Subpart C -- Functional Performance Criteria ........................................................... 438 Subpart D -- Information, Documentation, and Support ............................................ 439 VII.3 - Legge Stanca ................................................................................... 440 Legge n. 4 del 9 gennaio 2004 .............................................................................. 440 Regolamento di attuazione della legge 9 gennaio 2004, n. 4 ..................................... 444 Requisiti tecnici e i diversi livelli per l'accessibilità agli strumenti informatici. ............... 445 Requisiti tecnici - Allegato A .................................................................................. 450 Requisiti tecnici - Allegato B .................................................................................. 456 VII.4 - WCAG 2.0 ........................................................................................ 459 Abstract.............................................................................................................. 459 Introduction ........................................................................................................ 460 Conformance ....................................................................................................... 462 WCAG 2.0 Guidelines ........................................................................................... 465 - VIII - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE. VIII. Glossario........................................................................................ 472 VIII.1 - Glossario generale ........................................................................... 472 VIII.2 - Glossario WCAG 1.0 ......................................................................... 478 IX. Riferimenti ........................................................................................ 485 IX.1 - Bibliografia........................................................................................ 485 IX.2 - Link Utili ........................................................................................... 485 - IX - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE. -X- ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR I. Introduzione Viviamo in una società basata sull’informazione e la conoscenza. In quest’età, successiva a quella industriale, l’informazione è sempre più un bisogno primario e la tecnologia, dal computer ai chioschi informativi, dai messaggi di posta elettronica alla ADSL, è sempre di più il mezzo per trasmettere, conservare e creare l’informazione. L’accesso alla tecnologia dell’informazione rappresenta perciò sempre più un’opportunità di conoscenza, istruzione e lavoro e acquisisce sempre maggior importanza nel modo di vivere, di lavorare e di apprendere. Si può in qualche modo equiparare l’accesso alle tecnologie ed il loro pieno utilizzo ad un diritto primario per tutti i cittadini, nessuno escluso. 1 La scelta di questo argomento per la tesi in Ingegneria Informatica ed Automatica è dovuta all’interesse ed alle funzionalità sempre maggiori ricoperte dai servizi Web nel mondo attuale. La mole di informazioni veicolate a questo moderno strumento informativo meritano che esso venga reso accessibile ed usabile per quanti più fruitori possibili. Il pubblico dominio dell’informazione ha come necessaria premessa la sua accessibilità, questa fa parte della natura intrinseca di internet e del Web la cui potenzialità è proprio quella di fornire a tutti le informazioni depositate. A questo proposito risulta illuminante il motto del W3C, il principale ente preposto alla guida dello sviluppo del Web di cui parleremo diffusamente in seguito. E’ un pensiero di Tim BernersLee, attuale direttore del W3C e padre del Web. Il motto, tradotto in italiano, recita: "La forza del Web sta nella sua universalità. L'accesso da parte di chiunque, indipendentemente dalle disabilità, ne è un aspetto essenziale" 2. Questo lavoro ha, quindi, come finalità quella di esporre le metodologie dell'accessibilità e fornire al lettore gli strumenti tecnici e culturali adatti per progettare e realizzare siti Web ad elevata accessibilità. Nella esposizione sono stati parzialmente tralasciati gli aspetti squisitamente tecnici ed operativi se non necessari per la trattazione, una impostazione eccessivamente puntuale esula infatti dagli scopi questo compendio e può venire più efficacemente acquisita da studi e da siti più specifici. 1 Tecnologie per la disabilità: Libro bianco. Introduzione. [http://www.innovazione.gov.it/librobianco/] “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect” - [http://www.w3.org/WAI/] 2 -1- ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR Data la natura compilativa della tesi sono stati riportati per intero molti pensieri di autori che ho trovato particolarmente illuminanti durante la stesura. Spesso ho ritenuto opportuno citare per intero il testo originale, o tradurlo nella maniera più fedele possibile, soprattutto quando il concetto era stato già espresso in maniera efficace e sintetica. Ovviamente non è mai stata mia intenzione appropriarmi delle idee e delle ricerche di altri. Tutti gli stralci sono corredati dalle opportune citazioni in nota. Per non appesantire la lettura, tuttavia, ho scelto di non virgolettare i concetti più lunghi, limitandomi a rientrarne il principio del paragrafo e riportando alla fine una nota di rimando a piè pagina. Per quanto riguarda l’esposizione della materia, ho deciso di organizzarla in pochi capitoli fondamentali: Scenario: presentazione degli elementi fondamentali della materia e delle problematiche attinenti; Metodologie e tecniche di applicazione: panoramica della metodologia generale e delle tecniche comuni di buona programmazione per siti Web alla base di tutte le normative seguenti; Analisi delle normative: analisi delle 4 normative fondamentali che sono considerate in questo momento come le più rilevanti in tema di accessibilità. In appendice sono riportati degli stralci essenziali; L’accessibilità nella realtà: un inquadramento del problema dal punto di vista dei fruitori dei servizi; Un esempio reale: una applicazione pratica in XHTML e CSS dei concetti esposti. Prima di iniziare la trattazione vorrei ricordare i miei genitori che mi sono stati sempre d’incitamento e di sprone nel portare a termine il mio corso di studi. Per questo e per molto altro ancora, a loro va il mio continuo ringraziamento. -2- ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR II. Scenario Il primo capitolo di questa trattazione presenta una panoramica dell’argomento. Molte delle problematiche dovute alla crescita disorganica del Web, prassi comune fino a qualche hanno fa, hanno fatto nascere con urgenza le motivazioni che portano allo studio e alla considerazione dell’accessibilità. Con questo sguardo d’insieme si vuole introdurre l’argomento di studio. E’ un capitolo preliminare per arrivare nella parte successiva alla disamina delle metodologie universalmente riconosciute per la migliore prassi in materia. II.1 - Per una cultura dell’accessibilità Il 2003 è stato l’Anno europeo delle persone con disabilità. Per quanto riguarda l'uso di Internet e in particolare del Web, ciò ha significato un'attenzione maggiore rivolta ai problemi che i disabili incontrano quotidianamente nel tentativo di utilizzare informazioni e servizi presenti in rete. 1 Preoccuparsi di rendere fruibile il contenuto di Internet dal punto di vista di queste categorie di utenti svantaggiati significa preoccuparsi di renderlo accessibile. Vale la pena ricordare a proposito, come affermato da Luca Mascaro in una conferenza dell’IWA 2, che il Web nasce in realtà accessibile, solo in seguito, soprattutto con il cattivo utilizzo degli elementi di impaginazione questo importante aspetto si è andato perdendo. Sino a qualche anno fa l’accessibilità era considerata un argomento di nicchia, un qualcosa utilizzato dai puristi del codice che non comprendevano le potenzialità grafiche offerte dalla rete. Grazie però a diverse iniziative, molte delle quali promosse in Italia dall'associazione IWA Italy (International Webmaster Association), si è cercato di creare una cultura dell'accessibilità e molti autori di pagine Web stanno comprendendo la necessità di sviluppare in modo bello e accessibile, ossia abbinando una grafica d'impatto alla possibilità di fornire l'accesso anche a chi non può fruire di tali effetti speciali a causa di disabilità, anche di solo tipo tecnologico. Nel Gennaio 2004, proprio sulla scorta di questa filosofia (“Disposizioni per favorire l'accesso dei soggetti disabili agli strumenti informatici” recita, infatti, il suo titolo), in Italia è stata concepita la Legge 04/2004, presentata dall’allora Ministro per l'innovazione tecnologica Lucio Stanca. 1 2 Roberto Scano: “Accessibilità, dalla teoria alla realtà”, capitolo 1 Roberto Ellero, Luca Mascaro - Seminario IWA/IWG – Arese, Maggio 2005 -3- ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR Una normativa che si prefigge l'obiettivo di rendere obbligatorio il rispetto delle regole di accessibilità quanto meno da parte di tutti i siti che appartengano alla Pubblica Amministrazione o che svolgano un servizio pubblico. Con questa normativa diventa indispensabile, per gli sviluppatori e gli editori di contenuti che dovranno applicare questa legge nel loro lavoro quotidiano, acquisire le competenze necessarie a rispettare le regole che essa stabilisce. 1 Il campo di applicazione è sostanzialmente rivolto alle Amministrazioni Pubbliche, ma il concetto base è volto ad orientare gli sviluppatori verso quello che potremmo definire un metodo di buon sviluppo: un modo di realizzare pagine Web e siti, basato sul rispetto dei linguaggi standard del W3C e delle linee guida sull'accessibilità. Un buon sviluppo si contrappone alla prassi diffusa di un cattivo sviluppo, che è il modo tradizionale di procedere fondato sull'uso puro e semplice degli editor visuali, sull'ignoranza del codice che vi sta dietro e sulla creazione di vincoli di presentazione inutili, che impediscono l'accesso ai contenuti a numerose categorie di utenti. Occorre ripensare dalle basi il modo di progettare la realizzazione di siti e pagine Web: la ricerca dell'accessibilità non deve intervenire alla fine, per tentare di mettere rattoppi alle falle create dal cattivo sviluppo; deve essere, invece, un obiettivo della progettazione. Una pagina nata male può essere resa in qualche modo accessibile, nel peggiore dei casi creando un documento alternativo più navigabile. Non sarà mai però una pagina ad elevata accessibilità e richiederà sempre una gran quantità di lavoro, ogni volta che sarà necessario aggiornare la veste grafica del sito o introdurre qualche cambiamento relativo all'accessibilità dei contenuti. Perseverare nel cattivo sviluppo non è perciò una scelta conveniente 2. Se i gestori di siti che rientreranno nell'ambito di applicazione della legge attuale vorranno rispettare le raccomandazioni di accessibilità e, allo stesso tempo, trovare un sistema di lavoro efficace ed economico, non potranno che indirizzarsi verso queste regole. Un sito ad elevata accessibilità non è altro che un sito pensato e costruito secondo le regole del buon sviluppo: è una struttura progettata secondo i migliori criteri di stabilità e di funzionalità. Quindi, scopo di questa e di molte altre trattazioni propedeutiche in materia è di creare una vera e propria cultura negli sviluppatori, qualcosa che arricchisca il bagaglio culturale e 1 Michele Diodati: “Guida all’accessibilità dei siti Web” “Attuare le linee guida sull'accessibilità comporta, e oltretutto solo nella fase iniziale, costi non di molto superiori a quelli che conseguirebbero alla loro mancata attuazione”- Documento economico correlato alla Comunicazione CE del 25 Settembre 2001. 2 -4- ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR tecnologico di chi progetta siti e induca a considerare una programmazione accessibile come l’unico modo di realizzare delle pagine Web. Si tratta di fare proprio un metodo di lavoro ed una competenza in materia, allo stesso modo con cui si sono appresi i rudimenti della programmazione in (X)HTML, aggiungendo di passo in passo nuova conoscenza: dalle basi a JavaScript, dalla gestione dei moduli alle interrogazioni delle basi di dati. L’accessibilità è semplicemente la successiva competenza da acquisire. 1 Per di più, non corrisponde per nulla al vero il fatto che questa tecnica vada a scapito di una gradevole presentazione visuale dei siti. A tal proposito vorrei ricordare alcune fondamentali considerazioni di uno dei maggiori esperti in materia, Joe Clark. Nel suo testo fondamentale sull’accessibilità l’autore ha premesso alla trattazione un’interessante lista di miti da sfatare. Ne riporto una sintesi essenziale e tradotta. Per la versione originale e completa ci si può riferire al testo citato in bibliografia. Mi si voglia perdonare l’approssimativa traduzione. L’accessibilità è debolmente compresa, e circondata una vasta gamma di luoghi comuni 2: L’accessibilità è costosa (“Access is expensive”): Lo è, per un sito vasto e se viene applicata in un secondo momento. Adattare a posteriori costa sempre molto. In tutti gli altri casi può costare ma non è necessariamente dispendiosa. In cambio si otterranno nuovi visitatori. L’accessibilità è utile a troppe poche persone (“Access serves too few people”): L’accessibilità serve per le minoranze. Ovviamente è utile a poca parte delle persone. Ma vanno ricordate le persone reali che stanno dietro le piccole percentuali. La numerosità di questi campioni ha comunque una sua rilevanza come vedremo in un punto successivo. Va in oltre considerato il fatto che qualsiasi persona non disabile ora potrebbe divenire una persona disabile in futuro. L’Accessibilità è troppo difficile. (“Accessibility is too hard”): In tutta onestà qualche aspetto della accessibilità può risultare eccessivamente difficoltoso. Tuttavia, rendere usabili i siti Web dalle persone disabili è generalmente semplice anche per sviluppatori alle prime armi. Il Web è visuale (“The Web is visual”): Con poche eccezioni il Web è un canale comunicativo visuale. Ma lo sono anche la 1 2 Joe Clark: “Accessibility, quite simply, is the next skill you have to learn”, (Building Accessible Websites) Joe Clark:”Building Accessible Websites” -5- ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR televisione e i film e diversi studi hanno ripetutamente dimostrato come i non vedenti e gli ipovedenti hanno lo stesso interesse nel guardare televisione e film. Vivono nello stesso mondo dei vedenti e comprendono che il Web è un utile veicolo di informazioni, intrattenimento, comunicazione e socializzazione. Non è il nostro mercato (“It’s not our market”): Risulta evidente da se che qualche prodotto Web è intrinsecamente inaccessibile per le persone lese nella vista, ad esempio siti di scuole di guida o enti militari. D’altra parte queste persone hanno amici e parenti. Un simile modo di ragionare può essere molto pericoloso per i siti di commercio elettronico. E guardiamolo da un punto di vista morale, se fosse tecnicamente possibile creare un sito Web che escludesse ebrei, donne o anziani, lo fareste? Lo stesso autore propone poi una valida lista di motivi per cui occuparsene: E’ un obbligo di legge (“It’s the law”): In Italia, con la legge 04/2004 è divenuto un obbligo per le Pubbliche Amministrazioni pubblicare dei siti Web Accessibili. Leggi analoghe sono in vigore negli Stati Uniti, in Canada, in Australia, nel Regno Unito ed in altre parti del mondo. La trattazione approfondita di questa materia è sviluppata in un capitolo dedicato di questa tesi; E’ un’altra freccia nel vostro arco (“Another arrow in your quiver”): Come accennato in precedenza l’accessibilità è semplicemente la successiva competenza che si deve apprendere, né più né meno di come si sono apprese le altre nozioni necessarie per produrre pagine Web; Ridondanza (“Redundancy”): Un principio basilare dell’accessibilità è quello di fornire alternative, dove si trova una immagine occorre dare anche il testo. Una forma di ridondanza utile. I progettisti Web con esperienza, scrivono già utilizzando questo principio ripetendo ad esempio i comandi di navigazione, i comandi di ricerca, gli ausili alla navigazione. L’accessibilità fornisce semplicemente un’altra forma di ridondanza; Arricchimento (“Richness”): Quando sono stati inventati i rollover in JavaScript hanno arricchito le pagine Web. Allo stesso modo l’accessibilità prosegue su questa linea. Una pagina accessibile fornisce testo a comparsa, funzionalità alternative e variazioni particolari che possono essere attivate solo quando la pagina viene pronunciata anziché visualizzata; Vale di più (“It’s worth more when you flip it”): Un sito Web costruito con i principi dell’accessibilità ha un valore maggiore di quanto non lo abbia un sito inaccessibile. L’accessibilità diventa uno dei tanti attributi a cui si può dare un prezzo al momento di venderlo; -6- Conformità agli standard (“Standards compliance”): ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR La tendenza attuale del Web è quella di livellarsi alle migliori qualità. Per metà decennio sono stati aggiunti estensioni non standard al Web. Questa linea è oramai al tramonto. Il vantaggio principale di adeguarsi agli standard è la realizzazione dell’obiettivo “scrivere una volta, leggere ovunque”1. Invece di codificare la pagina per tutte le differenti versioni dei browser, si scrive una sola pagina in accordo con le specifiche, ed ogni dispositivo la leggerà correttamente. La conformità agli standard è una forma di maturità nella programmazione; Maturità sociale (“Social maturity”): Progettare per l’accessibilità richiede progettare per persone che non sono esattamente come noi, e questo è vero sia che il progettista sia un disabile, sia che non lo sia. Per chiudere questa breve perorazione della causa della accessibilità vorrei riportare un pensiero di Jim Thatcher: “Quasi tutta la tecnologia Web può essere resa accessibile con nessuna conseguenza sull’aspetto visivo. Ed, in oltre, il procedimento è piuttosto agevole.”2. II.2 - Il concetto di accessibilità Per capire di cosa tratta l'accessibilità vorrei ricorrere ad alcune definizioni. La prima definizione è quella della parola inglese accessible ("accessibile", in italiano), contenuta nel glossario delle WCAG 1.0 allegato in appendice. Tradotto in italiano risulta: "Un contenuto è accessibile quando può essere usato da qualcuno con una disabilità"3. Questa lettura riporta direttamente il riferimento ai disabili come ai maggiori fruitori del servizio. La Legge 04/2004, dal canto suo, definisce come accessibilità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”. Il termine anche ci fa capire che potrebbe non essere sufficiente considerare solo le persone disabili nella progettazione di siti ad alta accessibilità. 1 “Write once, read anywhere.” “Almost all Web technology can be made accessible with no impact on the visual appearance. And, as we shall see, the process is fairly simple.” [http://www.jimthatcher.com/webcourse1.htm] 3 "Content is accessible when it may be used by someone with a disability" [http://www.w3.org/TR/WCAG10/] 4 Legge 04/2004, articolo 2, comma (a) 2 -7- ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR A questa lettura va sicuramente aggiunto quanto prima riportato come motto del W3C: "La forza del Web sta nella sua universalità. L'accesso da parte di chiunque, indipendentemente dalle disabilità, ne è un aspetto essenziale".1 Evidenzierei quindi due elementi fondamentali dell'accessibilità: L'attenzione ai problemi di accesso al Web dei disabili; L’attenzione a garantire l'universalità dell'accesso, in altre parole a non escludere nessuno: non solo i disabili in senso stretto, ma anche chi soffre di disabilità temporanee, chi ha attrezzature obsolete, chi usa sistemi poco comuni, chi dispone di connessioni particolarmente lente.2 In accordo con questo secondo punto tenderei a dare una definizione che includa anche gli utenti che non sono disabili in senso stretto. Di base, una tecnologia è accessibile se può essere usata con efficienza da persone con disabilità come da quelle senza. 3 Su questo punto di vista ci viene in aiuto anche la definizione4 degli obiettivi di accessibilità data nelle WCAG 2.0, il testo in lingua originale può essere reperito in appendice: “Seguire queste linee guida renderà anche i contenuti Web più usabili a molti altri utenti, inclusi le persone anziane. In oltre permetterà alle persone di accedere al web utilizzando dispositivi differenti, inclusa una vasta gamma di tecnologie assistive e tecnologie per apparecchiature portatili”. Beneficiari dell’accessibilità Come accennato, i disabili in senso stretto sono solo una parte, e neppure la più cospicua dei beneficiari dell’accessibilità. Le stesse linee guida WCAG 1.0 ne presentano una nutrita lista nel loro preambolo introduttivo. A questo proposito Michele Diodati5 ha sintetizzato accuratamente le categorie di utenti per i quali, per un campo di applicazione o per un altro, la realizzazione di siti accessibili può tornare utile. Ne riporto un elenco sintetico, un ulteriore approfondimento sulle considerazioni sulle tecnologie dei singoli casi può essere reperito nell’articolo originale: 1 “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.” - [http://www.w3.org/WAI/] 2 Michele Diodati: “Guida all’accessibilità dei siti Web” 3 “Basically, technology is accessible if it can be used as effectively by people with disabilities as by those without.” [http://www.jimthatcher.com/webcourse1.htm] 4 WCAG 2.0: Abstract 5 Michele Diodati: [http://diodati.org/scritti/2004/guida/ele_acc07.asp] -8- ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR Persone con normali problemi della vista quali miopia, presbiopia, astigmatismo, ipermetropia, cataratta, eccetera: sono milioni, soprattutto tra gli ultraquarantenni; Persone anziane e/o dotate di scarsa o nulla preparazione informatica; Persone di livello culturale basso o bassissimo; Persone che parlino un'altra lingua; Persone che usino software obsoleti; Persone che dispongano di hardware obsoleto e connessioni lente; Persone che usino sistemi e periferiche poco comuni. A cui vanno aggiunti gli utenti che navighino utilizzando: o Un normale televisore (webTV); o Telefoni cellulari di ultima generazione dotati di browser (Nokia, Eriksson, ecc.) e schermo da 160-172 pixel; o Computer palmari con schermi larghi mediamente 240 pixel; o Agendine elettroniche tipo Psion; o Monitor impostati a risoluzioni particolarmente elevate (2048x1536) o particolarmente basse (il "vecchio" standard 640x480); o Monitor monocromatici o con un numero di colori ridotto (16 o 256); o Chioschi multimediali con selezione tramite tatto; o Periferiche comandabili a voce; Persone che si colleghino in condizioni ambientali difficili; Indicizzatori automatici (chiamati "robot" o, in inglese, "spider") provenienti da motori di ricerca. Gli obiettivi dell’accessibilità Per quanto l’accessibilità si proponga degli obiettivi a vasto raggio, occorre tener presente che, proprio per la numerosità degli utenti coinvolti in questo processo, non sempre e non tutto può essere raggiunto. Un articolo introduttivo a questo proposito, illuminante per definizioni e chiarezza, è quello di Jim Byrne1. L'articolo analizza i numerosi problemi e le contraddizioni che sorgono quando si tenta di realizzare in concreto un'accessibilità veramente universale. Byrne parte dal concetto generico di accessibilità che non contempli a priori le direttive WAI e ne espone le possibili chiavi di lettura. In tal senso un sito accessibile potrebbe essere: 1 Jim Byrne “What is an accessible Website?” [http://www.mcu.org.uk/articles/whatisaw.html] -9- ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR Un sito che è accessibile a chiunque, Un sito che è accessibile ad un pubblico specifico, per quanto probabilmente non lo sia per tutti, Un sito che è accessibile alle persone disabili, Un sito che sia accessibile innanzi tutto alle macchine e di conseguenza alle persone. Il primo obiettivo, per quanto appaia in prima battuta il fine migliore da perseguire, rischia di condurre ad un progetto utopico, quantomeno se si deve tener conto dei problemi di linguaggio e di conoscenze1 di tutti i potenziali utenti. Per mirare invece ad ottenere il secondo tipo di accessibilità in senso lato occorrerebbe comunque essere a conoscenza delle capacità fisiche e cognitive del pubblico selezionato e progettare per tutte le tecnologie Web di questi utenti, browser, tecnologie assistive, ampiezza degli schermi ed altri accorgimenti, oltre che per tutte quelle future. Per quanto riguarda l’accessibilità per i disabili, non vi sono dubbi che progettare siti con queste caratteristiche sia uno degli obiettivi da perseguire. E tuttavia risulterebbe sicuramente inefficiente se dovessimo mirare a soddisfare l’utente finale specifico, rischiando di arrivare a delle soluzioni molto difficili da produrre ed aggiornare. In sostanza occorre spostare l’attenzione dal contenuto al modo di predisporlo. Gli accessi alle pagine Web sono ottenuti tutti mediante qualche tipo di tecnologia, e questo è vero sia per i disabili che per chiunque altro. Tecnologie assistive come display Braille, browser vocali, tastiere adattative non sono altro che dispositivi da aggiungere alla lista degli altri programmi utenti più conosciuti come PDA, smartphone ed altro. Il sistema per garantire a questa svariata mole di dispositivi il corretto funzionamento è semplicemente quello di utilizzare il linguaggio a marcatori del Web, l’HTML, nella maniera corretta. Se vogliamo rendere accessibile il contenuto Web per le persone, il primo passo è garantire che le nostre pagine siano accessibili alle tecnologie che le persone utilizzano, e questo è ottenibile impiegando gli standard dell’HTML 2. 1 Jim Byrne: “I'm inclined to think that not all Web documents will be made more accessible by re-writing them in short sentences and using simple words. Some will, but not all - and to satisfy this first definition we need to be accessible to everyone.” 2 Jim Byrne: “If we want to make our content accessible to real people and the first step to achieving this is to ensure that our pages are accessible to the technology that people will be using. The best chance we have of doing that is to create our pages using standard HTML.” - 10 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR Il passo immediatamente conseguente a questa lettura è quello della separazione del contenuto dalla sua presentazione che sarà poi a carico degli specifici programmi utente. Di questo aspetto parleremo meglio nel capitolo dedicato alle metodologie generali. Al termine della sua presentazione Byrne riassume i concetti esposti in alcuni punti fondamentali. Cercare di rendere i nostri contenuti accessibili a tutti indistintamente è pressoché impossibile. L'accessibilità è un concetto relativo: dipende dal proprio pubblico di riferimento, dalla conoscenza che si ha dei suoi bisogni e dalle risorse che si hanno a disposizione; Non è possibile controllare il modo in cui una pagina sarà presentata all'utente finale. La sola cosa su cui è possibile avere un controllo assoluto è il codice di marcatura usato nelle pagine; Tutti i contenuti arrivano all'utente attraverso un qualche tipo di computer e di browser; Il primo passo per creare siti accessibili è creare siti che siano accessibili alle macchine. La migliore opportunità per ottenere ciò è usare HTML standard; Quando il contenuto può essere diviso dalla presentazione, usando i fogli di stile, il medesimo contenuto può essere presentato in molti modi differenti. Non occorre pertanto preoccuparsi di creare molteplici versioni di una stessa pagina per venire incontro ai bisogni di un pubblico diversificato; Le linee guida del W3C sull'accessibilità possono essere usate per rendere i siti Web basati sugli standard più flessibili e più capaci di soddisfare i diversi bisogni degli utenti. Insomma, rendere una pagina Web accessibile alle macchine (computer e browser) e flessibile nella struttura sono gli obiettivi principali a cui evidentemente puntano le raccomandazioni di accessibilità.1 In ciò la differenza con l'usabilità è grande: quest'ultima infatti lavora essenzialmente sull'interazione tra la pagina e gli utenti, anzi le specifiche categorie di utenti considerate come pubblico di riferimento dei siti da testare. La differenza fra queste due finalità viene trattata in un capitolo a parte. 1 Michele Diodati: [http://diodati.org/scritti/2004/guida/ele_acc06.asp] - 11 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR II.3 - Usabilità Penso che sia importante distinguere le definizioni delle due discipline. In questa breve discussione vorrei distinguere i due concetti di accessibilità ed usabilità delimitandone, per quanto possibile, i campi di utilizzo. Molto del materiale qui esposto è tratto da alcune lezioni su internet di professionisti competenti, tra cui Michele Diodati1, Maurizio Boscarol2 e Dario Violi3, ai cui articoli citati rimando per una lettura più completa. Presentazione Prima di passare a chiarire quali sono le relazioni con l’accessibilità presento una breve premessa sull’usabilità, necessaria, a mio avviso, a chiarirne meglio la definizione e gli scopi. Definizione Una definizione data da Roberto Scano in una intervista ne definisce meglio gli aspetti. L'usabilità è la possibilità di accedere ad informazioni e servizi in modo semplice ed intuitivo, garantendo ad un elevato numero di persone di poter raggiungere un obiettivo in pochi e semplici passi. L'usabilità nel Web è un argomento altamente dibattuto e, a differenza dell'accessibilità, non vi sono degli standard internazionalmente riconosciuti ma ad oggi esistono solo delle raccomandazioni di esperti che consentono di valutare l'usabilità di un sito Web.4 Vediamo le definizioni ISO del termine usabilità. Si rintraccia in due norme: Secondo la definizione data dalla norma ISO 9241, l'usabilità è il "grado in cui un prodotto può essere usato da particolari utenti per raggiungere certi obiettivi con efficacia, efficienza e soddisfazione in uno specifico contesto d'uso.”5 Secondo la definizione data dalla norma ISO 9126, l’usabilità è una qualità del software, in particolare “la capacità di essere compreso, appreso, usato con soddisfazione dall’utente in determinate condizioni d’uso”. Trasportata in ambito Web, questa definizione ci dice che lo scopo dell'usabilità è quello di 1 Michele Diodati: [http://diodati.org/scritti/2004/guida/ele_acc06.asp] Maurizio Boscarol: [http://www.usabile.it/012000.htm] 3 Dario Violi: [http://webdesign.html.it/articoli/leggi/1672/usabilita-e-accessibilita/] 4 [http://www.scarichiamoli.org/main.php?page=interviste/scano] 5 "[Usability refers to] the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of user." - ISO 9241-11 [http://www.usability.gov/basics/whatusa.html] 2 - 12 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR studiare l'interazione tra l'utente e il sito, o tra l'utente e la singola pagina Web, con l'obiettivo di mettere in luce gli ostacoli che di volta in volta si frappongono ad un uso efficace, efficiente e soddisfacente delle informazioni e dei servizi contenuti nel sito o nella pagina. 1 Storia dell’usabilità La normativa ISO 9241 è del 1993 e si riferisce ai prodotti informatici in genere. Tuttavia l'usabilità è un concetto precedente e più esteso: nasce negli anni 60 nell'ambito dell'ergonomia in relazione a qualunque interazione uomo-artefatto. Compito degli studi di usabilità è fare in modo che il modello mentale di chi ha progettato il software (design model), da cui deriva il suo reale funzionamento, corrisponda il più possibile al modello mentale del funzionamento del software così come se lo costruisce l'utente finale (user model). L'usabilità nasce dunque soprattutto come ausilio alla progettazione, e si applica in particolare alle interfacce. E' con l'interfaccia di un software, infatti, che l'utente si relaziona. Va sottolineato che l'usabilità ha senso solo in presenza di un utente e di una relazione d'uso, e non esiste nel prodotto in sé. Le tecniche di usabilità tentano dunque di porre al centro dell'attenzione progettuale proprio l'utente. Può sembrare un dettaglio scontato, sembra ovvio che il prodotto venga progettato per chi lo usa. Invece, dato che fino a tutti gli anni 70 il computer non era un prodotto di massa, i principali utilizzatori dei prodotti software finivano per essere gli stessi progettisti o persone esperte con una formazione mentale simile ai progettisti. Di conseguenza l'usabilità era un problema implicito, sapendo progettare il software, si sapeva anche usarlo. Lo schema mentale del progettista e quello dell’utente erano gli stessi. Tale problema è invece emerso dapprima negli anni 80, con la diffusione delle tecnologie informatiche a livello di ufficio e di famiglia, ed è esploso negli anni 90, con la diffusione del personal computer. Gli utenti finali del software e dell’hardware non erano più i progettisti. Macintosh è stato il primo computer con un sistema operativo completamente visuale, basato sulla metafora della scrivania e dello spostamento intuitivo degli oggetti. Si trattava di un cambiamento radicale. Macintosh si propose come computer orientato all'uso da parte di persone completamente a digiuno di informatica. Poco dopo Windows riutilizzò la stessa struttura diffondendosi rapidamente e tutti i programmi utilizzati presentano un'interfaccia di tipo visuale. Non serve essere esperti per farli funzionare ed il problema della usabilità si pone con urgenza. 1 Michele Diodati: [http://diodati.org/scritti/2004/guida/ele_acc06.asp] - 13 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR Con l'avvento di Internet e la proliferazione dei siti Web, il problema si sposta sul nuovo dominio, dove naturalmente dovrà tener conto delle caratteristiche dell'interazione, in qualche caso anche molto diverse da quelle tipiche del software. Se nel caso di un software questo viene normalmente usato dopo esser stato acquistato, un sito Web invece viene prima usato, e solo se l'uso risulta soddisfacente può dar vita ad una transazione ed eventualmente ad un guadagno. L’usabilità deve essere immediata ed efficace. Accessibilità ed Usabilità I termini accessibilità ed usabilità sono spesso utilizzati in modo confuso, in effetti le loro reciproche sfere di influenza tendono in certi casi a sovrapporsi visto che sono effettivamente materie affini. Entrambe hanno come scopo, nel nostro specifico, il miglioramento delle interfacce Web. Entrambe, inoltre, partono dal presupposto che i siti dovrebbero essere fruiti attraverso qualunque browser, e che la correttezza formale del codice, da sola, non rende un sito accessibile né usabile. Può capitare che l'esperto di accessibilità, una volta soddisfatti i requisiti di compatibilità tra browser, si convinca di aver realizzato un sito usabile, o che un esperto di usabilità cada nello stesso sbaglio pensando di aver realizzato un sito accessibile una volta completato il suo lavoro. Una distinzione è dunque necessaria per una buona progettazione dei siti Web. Sovrapposizioni e differenze La sovrapposizione tra gli obiettivi dell'usabilità e quelli dell'accessibilità si verifica per quelle raccomandazioni che puntano a migliorare l'accessibilità dei contenuti. Rendere l'uso di una risorsa più semplice e soddisfacente nella fruizione è appunto anche lo scopo dell'usabilità. A questo proposito, durante il seminario IWA sulla legge Stanca1 di cui si parlerà diffusamente in seguito, Luca Mascaro ha espresso il concetto che l’usabilità, applicata su una base di una già raggiunta accessibilità del sito consente di ottenere la fruibilità completa dei contenuti. Le due discipline presentano sostanziali differenze sia a livello concettuale sia, soprattutto, a livello metodologico. Innanzitutto, mentre nell’accessibilità la priorità è data all'accesso ai contenuti, nell’usabilità la priorità è data alla loro comprensione. Nel primo caso la progettazione è orientata alle caratteristiche del sito, nel secondo al processo produttivo. 1 Roberto Ellero, Luca Mascaro - Seminario IWA/IWG – Arese, Maggio 2005 - 14 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR L'accessibilità rivolge le sue raccomandazioni allo sviluppatore tralasciando più o meno completamente di occuparsi del rapporto tra il risultato e l'utente finale: rendere una pagina Web accessibile alle macchine e flessibile nella struttura sono gli obiettivi principali a cui puntano le raccomandazioni di accessibilità. L’usabilità invece lavora essenzialmente sull'interazione tra la pagina e gli utenti, anzi le specifiche categorie di utenti considerate come pubblico di riferimento dei siti, dal momento che l'usabilità va intesa relativamente ad una specifica categoria di utenti finali. La differenza si riscontra anche osservandone i metodi. La realizzazione di un sito accessibile passa attraverso il rispetto di determinate norme come ad esempio le 14 linee guida delle WCAG 1.0 o i 22 requisiti della Legge Stanca, e la valutazione dell'accessibilità può essere svolta con strumenti automatici o semiautomatici per una sostanziosa parte del lavoro. La realizzazione di un sito usabile, invece, avviene attraverso l'interpretazione di modelli più che il rispetto di regole e, soprattutto, la valutazione dell'usabilità vede coinvolti in prima persona i potenziali utenti piuttosto chele macchine. Usabilità al servizio dell'accessibilità Pensare all'accessibilità, quindi, non significa soltanto progettare affinché un sito possa essere letto attraverso qualunque dispositivo, ma anche generare strutture chiare e contenuti comprensibili. In questo caso i metodi dell'usabilità, possono aiutare nella progettazione di un sito accessibile intervenendo ai livelli in cui l'applicazione di specifiche tecniche non è sufficiente, e nel progetto dell'architettura dell'informazione. In assenza di un progetto di usabilità, infatti, l'applicazione dei soli requisiti tecnici può essere insufficiente a garantire la comprensione di un ipertesto e talvolta può perfino nuocere alla navigazione. Per esempio, le regole dell'accessibilità insegnano ad agevolare la lettura tramite uno screen-reader sostituendo i collegamenti ipertestuali troppo generici clicca qui con dei collegamenti contestualizzati, ma la scelta di quale testo utilizzare implica i metodi di progettazione e valutazione dell'usabilità. Sempre a proposito di screen-reader, le WCAG chiedono di specificare la lingua del documento e di indicare il cambiamento di lingua per ogni parola straniera, al fine di migliorare la lettura con uno strumento in grado di accedere a vocabolari multi-lingua. Un cambiamento nella lingua del sintetizzatore, però, produce anche variazioni nel timbro della voce e altera il ritmo della lettura, senza contare che alcuni vecchi applicativi spesso perdono molto tempo nel caricare il dizionario di lettura opportuno. Tutto questo può risultare più fastidioso dell'ascoltare una parola straniera letta con una pronuncia sbagliata e non va incontro all’usabilità del sito. Ma anche le teorie alla base dell'accessibilità si rivelano estremamente utili ai fin della progettazione di un sito usabile. Molti dei problemi di usabilità sono infatti legati alla scarsa accessibilità dei contenuti. - 15 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR Se gli utenti del sito sono persone con problemi di vista, un testo scritto a caratteri troppo piccoli risulterà poco leggibile, così come dei collegamenti troppo ravvicinati rischiano di generare problemi di navigazione anche a persone senza limitazioni nei movimenti. La ricerca dell'accessibilità ha permesso di comprendere al meglio i limiti di tutti gli utenti e, soprattutto, di progettare e realizzare siti che tengano conto di tali limiti. A questo proposito vorrei ricordare un passo di una intervista di Jim Thatcher, secondo cui l’accessibilità Web deve essere vista come parte dell’usabilità. Per una persona disabile usabilità è quello che altri chiamano accessibilità, poiché deve utilizzare il sito con software come gli screen-reader.1 Normative Vediamo come le normative considerate hanno trattato il tema dell’usabilità. Nell’elenco non viene riportata la normativa americana in quanto non si occupa direttamente del tema nella sezione considerata. WCAG 1.0 Le ultime tre raccomandazioni2 delle WCAG 1.0 mirano agli aspetti cognitivi dell'interazione dell'utente con la pagina. L'usabilità ha anche questi scopi. L'appendice A delle WCAG 1.0 propone una serie di metodi che consistono principalmente nella validazione automatica del codice della pagina per mezzo di appositi software. Ma ai punti 9 e 10 dell'appendice si fa un riferimento a possibili test con utenti umani, pur senza suggerire specificamente il ricorso ai metodi sviluppati in questo campo dall'usabilità. Nella stessa definizione di accessibilità poi si dice che un contenuto è accessibile quando può essere usato da qualcuno con una disabilità; questa definizione rende l'usabilità parte integrante dell'accessibilità. L'accessibilità diventa quindi requisito per l'usabilità nel momento in cui sono stati focalizzati gli utenti di riferimento. Se, in teoria, l'accessibilità di un sito ne prevede l'usabilità, le WCAG 1.0 non sono un ottimo strumento per la realizzazione di un sito usabile. Pur raccomandando la chiarezza dei contenuti e della struttura ipertestuale (punti 12, 13 e 14) le WCAG nascono come strumento per gli sviluppatori, professionisti del processo produttivo di un sito Web che spesso hanno poca dimestichezza con i meccanismi dell'usabilità. 1 [http://www.fucinaweb.com/fw/jimthatcher/] 12: "Fornire informazione per la contestualizzazione e l'orientamento", 13: "Fornire chiari meccanismi di navigazione" e 14: "Assicurarsi che i documenti siano chiari e semplici" 2 - 16 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR Per le WCAG l'usabilità è parte della definizione di accessibilità, ma non è parte del metodo. Legge 04/2004 La legge 04/2004 riprende una sostanziale differenziazione dei due concetti distinguendo tra un primo ed un secondo livello di accessibilità. Il Decreto Ministeriale 8 luglio 2005 allegato alla legge Stanca recante i requisiti tecnici è parzialmente riportato in appendice. Il legislatore italiano suddivide la verifica soggettiva e la verifica oggettiva, deputando alla prima, previo esito corretto della verifica tecnica, il conseguimento degli obbiettivi di accessibilità dei contenuti e alla seconda la qualità delle informazioni fornite e dei servizi erogati dal sito Ai 22 requisiti tecnici derivati dalle linee guida delle WCAG 1.0, sufficienti per ottenere il requisito di accessibilità dei contenuti, si affianca, con il nome di verifica soggettiva, la valutazione dell'usabilità. In questo secondo caso la metodologia prevede infatti l'analisi del sito da parte di uno o più esperti di fattori umani, la definizione di scenari d'uso per simulare il comportamento dell'utente e, soprattutto, il coinvolgimento diretto di utenti disabili. Si tratta quindi di un vero e proprio test di usabilità, richiamati per altro anche nei criteri di valutazione: dove troviamo, ad esempio, la comprensibilità, l'operabilità, la coerenza, la tolleranza agli errori e la gradevolezza, elementi che fanno da componenti essenziali al concetto di usabilità. WCAG 2.0 Anche il gruppo di lavoro che sta elaborando le WCAG 2.0 ha deciso di assumere, fin dal documento normativo principale, una posizione esplicita nella suddivisione delle finalità e di più netto orientamento verso l’accessibilità. Nel paragrafo Abstract della bozza di lavoro delle WCAG 2.0 si afferma che seguire queste linee guida renderà anche il contenuto Web più usabile a molti altri utenti, incluse le persone anziane. Si ribadisce però che le linee guida non includono raccomandazioni standard di usabilità a meno che esse non abbiano uno specifico impatto sull’accessibilità 1. Di fatto molte delle raccomandazioni contenute nei tre ultimi principi delle linee guida 1.0, proprio quelle più vicine al tema dell’accessibilità, vengono tenute in una considerazione molto minore nella versione 2.0. Il terzo principio, quello della comprensibilità, che più dovrebbe riassumerne gli aspetti, non contiene, infatti, riferimenti espliciti ai concetti dell’usabilità. Con questo non si vuole certo dire 1 “The guidelines do not include standard usability recommendations except where they have specific impact on accessibility.” - 17 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR che le WCAG 2.0 siano un passo indietro, semplicemente hanno invece voluto maggiormente distinguere le due discipline e focalizzarsi meglio sui compiti specifici dell’accessibilità. II.4 - La disabilità Per capire meglio a quali problematiche va incontro l’accessibilità, vorrei dare un inquadramento più preciso al concetto di disabilità, fornendone definizioni e caratteristiche dei problemi inerenti la fruizione dei servizi Web. Definizione WHO Secondo la definizione data nel 1980 dall’Organizzazione Mondiale della Sanità 1, nota come International Classification of Impairments, Disabilities and Handicaps (ICIDH-1), sono definiti i termini: Menomazione (impairment): qualsiasi perdita o anormalità a carico di una struttura o una funzione psicologica, fisiologica, anatomica. Disabilità (disability): limitazione o perdita (conseguente a menomazione) della capacità di compiere una attività nel modo e nell’ampiezza considerati normali. Handicap (handicap): condizione di svantaggio conseguente a una menomazione o a una disabilità che limita o impedisce l’adempimento del ruolo normale per tale soggetto,in relazione all’età, al sesso, ai fattori socio-culturali. Questa definizione, sia pure non recente, è, di fatto, più corretta rispetto al modo comune di parlare e affrontare il problema degli handicap. Essa, infatti, evidenzia come alcune persone, a seguito di una menomazione, possano avere delle limitazioni nella capacità di svolgere certe azioni, e siano poste in una condizione di svantaggio, che potrebbe spesso essere ridotta adottando opportune azioni o accorgimenti.2 Così, ad esempio, una persona su sedia a rotelle è sicuramente disabile, ma potrebbe potenzialmente non essere handicappata se al mondo fossero eliminate tutte le barriere architettoniche, cosicché non gli verrebbe precluso l’accesso a nessun settore della vita sociale. È evidente che, in tale accezione, si può contare il numero delle persone con disabilità, ma non di handicappati; la condizione di handicap è prettamente soggettiva e dipende dalle aspettative di vita e esigenze della persona disabile.3 Ancora più ampia è la International Classification of Functioning, Disability and Health (ICF 1 2 3 World Health Organization [http://www.who.int] Oreste Signore: “Handimatica 2004” [http://www.disabilitaincifre.it/] - 18 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR ICIDH-2) data, sempre dalla Organizzazione Mondiale della Sanità (WHO), nel 2001. 1 Questa nuova classificazione relativa alla salute e ai domini legati alla salute permette di descrivere le modifiche nelle funzioni e strutture corporee, e quindi ciò che le persone possono fare in un ambiente standard (livello di capacità) e nel loro ambiente abituale (livello di performance). I domini vengono classificati dal punto di vista corporeo, individuale e di relazione per mezzo di due liste: la lista delle funzioni e strutture corporee, e quella dei domini di attività e partecipazione. Nella classificazione ICF, il termine funzionamento (functioning) fa riferimento a tutte le funzioni corporee, mentre disabilità (disability) è un termine generico per riferirsi a menomazioni, limitazioni delle attività e restrizioni alla partecipazione. Questa nuova classificazione si differenzia quindi dalla precedente perché parla di funzionamento umano in generale (functioning) e non puramente di disabilità, e fornisce un modello universale, che non riguarda solo una minoranza. Proprio perché pone l’enfasi sul funzionamento umano, essa integra gli aspetti medici e quelli sociali, e non fa riferimento esplicito a eventuali menomazioni, né costringe a esplicitare il tipo di disabilità. Per le sue caratteristiche, copre l’intero arco della vita, e considera anche le caratteristiche dei bambini e degli anziani. In altri termini, si passa da definire le conseguenze di un disturbo ad analizzare i componenti della salute. Disabilità in cifre Penso che sia opportuno dare un quadro delle persone in Italia che sono interessate ad ottenere siti accessibili. Per questo mi rifaccio al sito dell’ISTAT (Istituto Nazionale di Statistica) sulla disabilità2. Dati completi ed informazioni aggiornate possono essere direttamente reperiti sul sito originale. La principale fonte di dati utilizzata per stimare il numero delle persone con disabilità presenti in Italia è l'indagine ISTAT sulle Condizioni di salute e il ricorso ai servizi sanitari. Essa è però parziale, e va quindi integrata per giungere a una stima complessiva. 3 In base alle stime ottenute dall’indagine sulla salute e il ricorso ai servizi sanitari, emerge che in Italia le persone con disabilità sono circa 2.615.000, pari al 5% della popolazione di 6 anni e più che vive in famiglia. La stima si basa su un criterio molto restrittivo di disabilità, quello secondo cui vengono considerate persone con disabilità unicamente quelle che nel corso dell'intervista hanno riferito 1 2 3 Oreste Signore: “Handimatica 2004” [http://www.disabilitaincifre.it/] [http://www.disabilitaincifre.it/prehome/stima_numerodisabili.asp] - 19 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR una totale mancanza di autonomia per almeno una funzione essenziale della vita quotidiana. Se consideriamo in generale le persone che hanno manifestato una apprezzabile difficoltà nello svolgimento di queste funzioni la stima allora sale a 6.980.000, pari al 13% della popolazione, che vive in famiglia, età superiore ai 6 anni. Tale dato è in linea con quello rilevato nei principali paesi industrializzati. Sfuggono tuttavia le persone che, soffrendo di una qualche forma di disabilità non fisica ma mentale, sono in grado di svolgere tali attività essenziali. Considerando il numero di persone che vivono in famiglia, la stima del numero di bambini sotto i 6 anni e le persone residenti nei presidi socio-sanitari si giunge ad una stima complessiva di poco più di 2.800.000 persone con disabilità. E' bene chiarire ancora che si tratta di stime, che presumibilmente distorcono verso il basso il reale numero di persone con disabilità in Italia. Poiché, infatti, le persone con disabilità in famiglia vengono rilevate tramite indagine campionaria col metodo dell'intervista diretta alla disabile o a un suo familiare, non si può escludere che vi sia una sottostima, dipendente dal tipo di disabilità, dovuta alla mancata dichiarazione della presenza di tali persone in famiglia. Tipologie della disabilità Le tipologie della disabilità, per quanto attinente l’argomento di questa trattazione, possono essere sostanzialmente riassunte in tre categorie fondamentali, come avviene soprattutto in autori italiani1: Disabilità sensoriali; in cui ricadono le varie disfunzioni della vista e dell’udito, le più rilevanti da un punto di vista di accesso al Web; Disabilità motorie; Disabilità cognitive. Le disabilità sensoriali sono di una tale rilevanza che questa categoria potrebbe anche essere ulteriormente scissa in una suddivisione ulteriore dei gruppi, come avviene spesso in molti autori anglo americani2: Sordi (Deaf, hard-of-hearing, hearing-impaired); Ciechi (Blind, visually-impaired, low-vision); Menomazioni motorie (Mobility-impaired); Disabili nell’apprendimento (Learning-disabled, cognitive disabilities). 1 Luca Mascaro, Conferenza IWA del 16 maggio 2005 ad Arese. Marco Calvo, Accessibilità dei siti internet. [http://www.e-text.it/servizi/internet/accessibilita/accessibilita.htm] 2 Joe Clark: “Building Accessible Websites” [http://joeclark.org/book/] - 20 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR Vediamo adesso alcune brevi informazioni riassuntive sulle disabilità menzionate. La fonte è quella ministeriale1. Disabilità sensoriali Come esposto in precedenza nelle disabilità sensoriali riassumo: Disabilità della vista; o Non vedenti; o Ipovedenti; Disabilità dell’udito. La disabilità della vista comprende tipicamente due classi di utenti in quanto i modi di accesso al computer sono diversi nei due casi. Infatti i non vedenti devono utilizzare dispositivi di output fisicamente diversi dal monitor, basati o su un'uscita audio, come un sintetizzatore vocale, o su un'uscita tattile, come il display Braille. Le persone ipovedenti, invece, utilizzano il monitor come dispositivo d’uscita dell'informazione, anche se con opportune modifiche. Disabilità sensoriali: i non vedenti Il problema che limita l'accesso delle persone non vedenti ai contenuti delle pagine Web consiste nel seguire e comprendere la strutturazione di un'interfaccia utente di tipo grafico, come Windows. Per i non vedenti, passare da un sistema conosciuto, relativamente semplice da usare, come il DOS, ad un sistema operativo complesso come Windows, non è assolutamente facile. Per questo motivo, molti di loro preferiscono lavorare ancora in DOS, utilizzando un browser di tipo testuale per accedere al Web, come Lynx. Attualmente, però, la maggior parte della progettazione relativa ai contenuti del Web è indirizzata ad una modalità di fruizione di tipo visivo. Per consentire alle persone non vedenti di accedere ai contenuti così organizzati, è necessario che questi stessi vengano interpretati in una forma alternativa: sonora o tattile. Per realizzare l'interpretazione dei contenuti in forma alternativa esistono degli strumenti, tra i quali lo screen-reader. Strumenti come questi compiono l'analisi e la rilettura degli elementi 1 [http://www.pubbliaccesso.gov.it/biblioteca/manualistica/accessibilita_siti/introduzione/ profili.htm] - 21 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR grafici dello schermo e la loro opportuna traduzione o descrizione testuale mediante dispositivi di uscita, come la barra Braille o il sintetizzatore vocale. ll grado di efficienza di questi strumenti dipende dalla complessità della struttura dell'informazione presentata sullo schermo. In ogni caso, questi strumenti non riescono, in modo completo, a riprodurre in forma alternativa l'aspetto completo dell’interfaccia utente. La complessità e la struttura delle pagine Web influenzano direttamente l’accessibilità per chi utilizza strumenti particolari. A questo punto entra in gioco la figura dell'autore di pagine Web. Attraverso un'oculata e studiata progettazione della pagina, lo sviluppatore potrà realizzare pagine che rendano più facile la conversione dei contenuti da parte dei programmi degli screen-reader. Disabilità sensoriali: gli ipovedenti Gli ipovedenti sono persone con capacità visiva gravemente ridotta. Essi non hanno bisogno di periferiche particolari, oltre che di un monitor di grandi dimensioni. Gli ipovedenti devono, però, praticare adattamenti alla propria postazione di lavoro: impostare una definizione molto bassa, scegliere una combinazione di desktop con caratteri grandi e colori ben marcati; usare dei puntatori del mouse più grandi del normale e possibilmente colorati. Disabilità sensoriali: cecità ai colori Una descrizione più approfondita merita il concetto di cecità totale o parziale ai colori. Il motivo è dovuto all’utilizzo del colore come veicolo di informazioni, il quale, come conseguenza a questa menomazione, deve necessariamente essere considerato dalle normative sull’accessibilità. Uno studio molto accurato di questa disfunzione fisica lo si può trovare sul testo di Joe Clark1 a cui rimando senza dubbio per un approfondimento completo. In questa sede espongo solamente gli elementi essenziali, rimandi utili possono essere consultati anche sul sito ufficiale dell’Associazione Acromati Italiani 2. Nella retina dell'occhio normale ci sono due tipi di cellule sensibili alla luce (fotorecettori): i coni e i bastoncelli: Coni (circa 6 milioni) sono prevalentemente concentrati al centro della retina, nella regione denominata macula, e sono specializzati per la visione diurna: permettono di 1 2 Joe Clark: “Building Accessible websites”, chapter 9 [http://www.acromatopsia.it/] - 22 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR adattarsi alla luce, percepire i colori e distinguere i dettagli fini. Sono di tre tipi: i coni rossi (sensibili a onde lunghe), i coni verdi (sensibili a onde medie) e i coni blu (sensibili a onde corte), funzionano con livelli di luce più intensi. Le loro differenti risposte, secondo la lunghezza delle onde, ci rendono possibile la vista dei colori durante il giorno; Bastoncelli (circa 100 milioni) sono prevalentemente alla periferia della retina e sono specializzati per la visione notturna: sono molto più sensibili alla luce dei coni ma si saturano rapidamente quando essa aumenta e non permettono di percepire i colori né di distinguere bene i dettagli. Nell'occhio normale i coni e i bastoncelli si integrano tra loro e permettono di vedere in qualunque condizione d'illuminazione. Nella retina delle persone affette da acromatopsia (acromati), invece, tutti i coni funzionano molto poco o non funzionano per niente. Queste persone, perciò, devono affidarsi unicamente ai bastoncelli per vedere: di conseguenza sono parzialmente o totalmente cieche ai colori, hanno una scarsa acuità visiva e i loro occhi non sono in grado di adattarsi in modo normale a una luce più intensa di quella del crepuscolo. Accanto alla acromatopsia, piuttosto rara, ci sono le cecità parziali ai colori, invece più diffuse. Il difetto deriva da alterazioni dei geni che decodificano i pigmenti dei coni, due dei quali, i pigmenti dei coni rossi e verdi, sono legati al sesso; da qui la maggior incidenza negli uomini piuttosto che nelle donne. La perdita di funzione di uno dei pigmenti dei coni, e quindi del corrispondente tipo di coni, riduce la visione dei colori, che in genere è tridimensionale o tricromatica con una dimensione corrispondente a ciascuna delle sensibilità spettrali dei coni, e la modifica da tridimensionale a bidimensionale o bicromatica. Le relative malattie sono: La protanopia: indica la mancanza del pigmento dei coni rossi; La deuteranopia: indica la mancanza dei coni verdi; La tritanopia: indica la mancanza dei coni blu. I primi due difetti (protanopia e deuteranopia) sono associati alla cecità per il rosso e per il verde, o per la confusione del verde e giallo, e del giallo e rosso tra loro. Differiscono principalmente nel fatto che i rossi appaiono relativamente più scuri ai pronatopi piuttosto che ai deuteranopi, perché il pigmento dei coni verdi dei deuteranopi assorbe la luce rossa con meno efficacia del pigmento dei coni rossi. La tritanopia è, invece, associata con la cecità per il giallo e il blu o la confusione del viola, del blu e del blu-verde tra loro. Il termine cecità per il giallo-blu è un termine ingannevole, in - 23 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR quanto, se i dicromatici rossi-verdi confondono il rosso con il verde, le persone affette da tritanopia non confondono mai il giallo con il blu. Più frequenti, ma meno gravi, forme di cecità parziale per i colori, note come tricromatismo anomalo, sono causate dalla sostituzione dei pigmenti dei coni rossi o verdi con un pigmento anomalo codificato da un gene ibrido rosso-verde o verde-rosso: La protanomalia è la funzione deviante dei pigmenti dei coni rossi; La deuteranomalia è la funzione deviante dei pigmenti dei coni verdi. Per dare un'idea di come la cecità ai colori influenzi la percezione di una pagina Web, si possono utilizzare degli opportuni i filtri software disponibili sul sito Colorblind Web Page Filter1. Le pagine Web generate possono mostrare le visioni osservate da persone con cecità ai colori. Disabilità sensoriali: gli audiolesi Attualmente le informazioni nell'ambito dei siti Web vengono trasmesse anche con l'impiego di elementi audio. Quando questi diventano parte consistente e significativa dell'informazione, comportano problemi di accessibilità per le categorie di utenti con problemi all'udito, che devono forzatamente rinunciare all'informazione trasmessa con l'audio. Per questo motivo, l'informazione audio, se rilevante, deve essere trasformata in una forma alternativa efficace e comprensibile per tutti gli utenti. Le disabilità dell'udito si suddividono in: Sordità pre-verbale: riguarda le persone sorde dalla nascita. Queste non riescono a sviluppare il linguaggio in modo normale senza una terapia riabilitativa; Sordità peri-verbale: riguarda le persone diventate sorde verso i 3/4 anni. Esse perdono quasi completamente l'uso della parola se non si utilizzano apposite protesi; Sordità post-verbale: riguarda le persone diventate sorde dopo la completa acquisizione della parola. Benché conservino pressoché inalterato il proprio patrimonio linguistico, spesso viene compromessa la comunicazione verbale. Disabilità motorie L'arco delle disabilità di tipo fisico è piuttosto ampio. 1 [http://colorfilter.wickline.org/] - 24 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR Si va da una modesta paralisi su un arto, all'incapacità di controllare i propri movimenti a causa di spasmi nervosi. Nel peggiore dei casi la mobilità residua è quasi nulla, tanto che l'interazione col computer può avvenire solo mediante l'invio di un comando d'assenso, come il battito dell'occhio, il movimento del capo 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 al mondo del Web riguarda l'utilizzo dei dispositivi d'ingresso con cui l'utente invia i comandi. La difficoltà di accesso al mondo del Web, da parte dei disabili motori, riguarda l'utilizzo dei dispositivi d'ingresso con cui l'utente invia i comandi, in particolare del mouse e della tastiera. Nello specifico, il principale problema da superare è l'uso del mouse. E' indispensabile, quindi, che l'utilizzo del mouse non sia mai essenziale per interagire con i programmi, fornendo per ogni comando almeno un’alternativa via tastiera. Principio esposto per altro molto chiaramente nelle WCAG 2.0 1. La gestione della tastiera diventa, quindi, un aspetto essenziale per poter utilizzare un computer. Si pensi alla necessità di: Ottenere tutti i caratteri con un solo dito o con la leva del caschetto, utilizzato da alcune categorie di disabili motori; Ridurre al minimo gli errori involontari, dovuti a tremolio della mano o alla pressione troppo prolungata del tasto; Offrire un punto di appoggio al braccio o alla mano, in modo da aumentarne stabilità e precisione. La tecnologia ha dato risposte molto valide per ridurre i problemi di accesso dei disabili motori al Web. Una delle modifiche più semplici e comuni da apportare alla tastiera è l'applicazione di una mascherina, una griglia copri-tastiera fissa, di plexiglas o metallo, con dei fori in corrispondenza dei vari tasti. In questo modo sarà possibile appoggiare la mano sulla tastiera ed infilare nei fori le dita per premere solo i tasti che interessano. 1 Guideline 2.1: “Make all functionality operable via a keyboard interface” - 25 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR Disabilità cognitive Le disabilità cognitive sono molteplici e comprendono una numerosa serie di varianti che possono anche dipendere da altre disabilità fisiche dell’individuo. Riguardano una vasta varietà di problemi. Si può sommariamente dividerli in: Deficit di linguaggio primari o secondari; Deficit cognitivi primari o conseguenti a patologie neurologiche o genetiche; Disturbi specifici di apprendimento come le dislessia o la disgrafia. Si può tentare di evidenziare, con molta prudenza, alcuni aspetti comuni relativi alle disabilità cognitive. L'utente affetto da tale disabilità farà fatica ad accedere, cioè a capire pagine Web troppo complesse, o in cui le componenti in movimento siano troppo veloci. Questo perché le sue capacità residue potrebbero non consentirgli di cogliere fino in fondo tutti gli aspetti dell'informazione introdotta nella pagina. Ad esempio, per un disabile cognitivo, un'immagine al posto di una lunga scritta è un modo migliore e più sintetico per seguire un certo itinerario di navigazione in rete. Gli effetti lampeggianti, invece, aumentano la difficoltà di comprensione dell'informazione contenuta nella pagina. Per quanto riguarda lo sviluppo di contenuti Web, è necessario fare comunque presente che è spesso impossibile fornire contenuti fruibili da tutti gli utenti con disabilità cognitive, alcune di queste disabilità sono talmente gravi da non consentire la comprensione neppure di contenuti chiari e semplici: l'uso delle immagini, per esempio, può risultare utile per talune categorie di disabilità cognitive, mentre per altre può portare a confusione e problemi nell'apprendimento. II.5 - Il W3C Il World Wide Web Consortium (W3C) è un consorzio internazionale, neutrale rispetto ai venditori, che, grazie al contributo dei suoi membri, guida l’evoluzione del Web, definendo protocolli comuni che ne favoriscano l’ evoluzione e ne assicurino l’interoperabilità.1 Il W3C, per sua stessa espressione è stato creato “Per guidare il World Wide Web al suo pieno potenziale sviluppando protocolli e linee guida che garantiscano una crescita a lungo termine per il Web”2. 1 Oreste Signore: “Handimatica 2004” “To lead the World Wide Web to its full potential by developing protocols and guidelines that ensure longterm growth for the Web” - [http://www.w3.org/Consortium/about-w3c.html] 2 - 26 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR La sua fondazione risale al 1994, ad opera di Tim Berners-Lee, attuale direttore del W3C e artefice del World Wide Web (WWW). Gli obiettivi Il World Wide Web Consortium (W3C) crea gli standard Web. 1 Per portare il Web al suo massimo potenziale definisce lo sviluppo di tecnologie, specifiche, linee guida, software e strumenti che possano creare un punto di incontro per informazioni, commercio, ispirazioni, pensiero indipendente e comprensione collettiva. Tra i punti cardine che scaturiscono da quest’impostazione c’e quello dell’Accesso Universale. Il W3C definisce il Web come l'universo delle informazioni accessibili in rete (disponibili attraverso il computer, il telefono, la televisione, o il frigorifero telematico eccetera). Oggigiorno questo universo permette alla società di fruire di nuove forme di comunicazione umana e offre nuove opportunità di condividere la conoscenza. Uno degli scopi principali del W3C è quello di rendere queste opportunità fruibili a tutti, indipendentemente da eventuali limitazioni determinate da hardware, software, supporto di rete a disposizione, lingua madre, cultura, posizione geografica, capacità fisiche e mentali. L'impegno del Consorzio per l'accesso universale è dimostrato da varie attività come: Internationalization Activity; Device Independence Activity; Voice Browser Activity; Web Accessibility Iniziative (WAI). Le Raccomandazioni Il funzionamento del consorzio è regolato da un insieme di regole contenute nel Process Document (W3CPD), che viene periodicamente verificato e adeguato, dietro accettazione da parte dei membri, alle esigenze emergenti. Un aspetto essenziale è che le decisioni vengono prese a seguito di un processo che prevede il raggiungimento del consenso dei partner. Questo significa che, anche se non sempre è possibile raggiungere l'unanimità, si ha comunque cura di non prendere decisioni su cui non ci sia accordo da parte di una vasta maggioranza. Tutte le osservazioni vengono valutate dal punto di vista tecnico. 2 1 2 [http://www.w3c.it/w3cin7punti.html] Oreste Signore: “Handimatica 2004” - 27 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR Il prodotto più visibile dell’attività del Consorzio sono le Recommendation, documenti tecnici stabili, sui quali si può fare affidamento per sviluppare tecnologie o applicazioni che costituiscono la base per la realizzazione di sistemi interoperabili. Le W3C Recommendation sono il risultato di un processo cooperativo, regolato dal Process Document, che prevede una serie di passi e di rendiconti prodotti. Alcuni documenti sono riservati ai partecipanti ai gruppi di lavoro, altri sono disponibili per i membri, che votano per approvarli o modificarli, altri sono pubblici. Schematicamente possiamo riassumere il processo 1 che porta alla pubblicazione di una Recommendation, il cosiddetto maturity level di un documento, con una strutturazione a fasi di questo tipo: Working Draft (WD): Un documento pubblicato specificatamente per essere valutato dalla comunità, inclusi i membri del W3C, il pubblico e le altre organizzazioni tecniche. Generalmente vengono pubblicati diversi Working Draft prima di arrivare all’ultimo richiamo. La pubblicazione di un Working Draft non indica nessun impegno del W3C a farlo diventare una Recommendation. I Working Draft sono bozze in fase di sviluppo, soggetti a discussione e modifica in ogni momento da parte dei membri del gruppo di lavoro. Last Call working Draft: Quando il gruppo di lavoro ritiene che siano stati considerati tutti i commenti e i requisiti tecnici, viene predisposto il documento completo per la revisione della comunità e viene annunciato l’ultimo richiamo. Va notato che dopo la scadenza del periodo per l’ultimo richiamo possono passare settimane o mesi prima che il gruppo di lavoro consideri tutti i documenti e faccia i cambiamenti necessari. Se ci sono sostanziali modifiche è possibile che i resoconti tecnici vengano considerati in un ulteriore ultimo richiamo successivo; Candidate Recommendation (CR): Lo scopo principale di una Candidate Recommendation è garantire che tutti i resoconti tecnici possano essere implementati. Il W3C incoraggia gli sviluppatori a utilizzare i resoconti tecnici nei loro progetti. Questo è un periodo durante il quale la specifica viene revisionata ed implementata; Proposed Recommendation (PR): Se ci sono sufficienti implementazioni di ogni aspetto dei resoconti tecnici, allora il W3C li presenta come Proposed Recommendation. Si tratta di un resoconto tecnico completo ottenuto dopo una attenta valutazione della stabilità e delle implementazioni; 1 [http://www.w3.org/WAI/intro/w3c-process] - 28 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR Recommendation (REC): Il W3C invia la Proposed Recommendation al comitato consultivo per la ratificazione finale. Dopo una fase di tempo di almeno quattro settimane si vota per ratificarla come Recommendation . Un mancato consenso può riportare il documento allo stato di Working Draft. Una raccomandazione W3C è uno specifico insieme di linee guida che, dopo il raggiungimento di un ampio consenso, ha ricevuto la ratifica dei membri del W3C e del direttore. Le raccomandazioni sono simili agli standard pubblicati da altre organizzazioni. Nello schema precedente si deve tener conto, come accennato, della possibilità che un documento possa ritornare ad uno stato precedente in caso di necessità. Il passaggio da uno stato all’ altro avviene mediante votazione da parte dei membri. Il passaggio dallo stato di Last Call Working Draft a quello di Candidate Recommendation comporta una Call for implementations, e il livello di Proposed Recommendation viene raggiunto solo dopo aver maturato una soddisfacente esperienza implementativa. Le W3C Recommendation, quindi, hanno sia una verifica teorica (proof of the concept) che una verifica pratica (proof of implementation), per questo non sono dei meri documenti cartacei, ma specifiche di cui è stata dimostrata l’efficacia e che sono implementabili con uno sforzo ragionevole. Il W3C non è formalmente un organo di standardizzazione, ma una comunità di membri che cooperano spontaneamente per definire le linee guida e le specifiche, e mantiene stretti contatti con gli organi di standardizzazione. Le W3C Recommendation non possono quindi essere definite degli standard in senso proprio, ma vengono spesso citate come standard di fatto. E’ però importante sottolineare che non sono originate da posizioni dominanti del mercato, ma sono specifiche tecniche sulle quali è stato raggiunto, da parte di tutta la comunità del Web, un pieno accordo. La WAI WAI1 è l'acronimo di Web Accessibility Initiative, ovvero "Iniziativa per l'Accessibilità del Web". Si tratta di una sezione del World Wide Web Consortium. I gruppi di lavoro creati all'interno del WAI hanno prodotto negli anni una serie di raccomandazioni tecniche, mirate a dare agli sviluppatori gli strumenti per rendere accessibili non solo i contenuti del Web, ma anche i programmi per navigare in rete nonché quelli 1 [http://www.w3.org/WAI/] - 29 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR utilizzati per produrre e pubblicare contenuti.1 Su queste direttrici, la Web Accessibility Initiative ha sviluppato i 3 principali gruppi di linee guida, relative ai 3 diversi aspetti che giocano un ruolo critico nel rendere accessibile il Web, contenuti, strumenti di sviluppo e programmi utente: Web Content Accessibility Guidelines (WCAG), che spiegano agli autori come creare contenuti Web accessibili alle persone con disabilità. Per contenuto Web in genere si intendono le informazioni presenti nella pagina Web, incluso il testo, le immagini, i moduli, i suoni ed altro2. Queste linee guida sono il cuore di questo lavoro e di loro si parlerà diffusamente in seguito. Attualmente è in Working Draft la versione 2.0 (27 Aprile 2006) Authoring Tool Accessibility Guidelines (ATAG), che spiegano come gli strumenti di sviluppo dovrebbero aiutare i creatori delle pagine Web a produrre dei contenuti che siano conformi alle WCAG. In oltre le ATAG spiegano come rendere accessibili gli stessi strumenti di sviluppo in modo che possano essere utilizzati dalle persone disabili 3. Sono divenute una W3C Recommendation il 3 Febbraio 2000. Attualmente è in Working Draft la versione 2.0 (7 Dicembre 2006). User Agent Accessibility Guidelines (UAAG), divenute Recommendation il 17 dicembre 2002, spiegano come rendere i programmi utente (user agent) accessibili per le persone disabili, in special modo per accrescere l’accessibilità ai contenuti del Web. I programmi utente includono Web Browser, riproduttori di contenuti multimediali e tecnologie assistive, cioè il software che alcune persone disabili utilizzano per interagire con il computer4. Nel Settembre del 2006 si è aggiunto anche il progetto ARIA per la considerazione delle caratteristiche dinamiche del Web: 1 Michele Diodati: “Guida all’accessibilità dei siti Web” “The Web Content Accessibility Guidelines (WCAG) documents explain how to make Web content accessible to people with disabilities. Web "content" generally refers to the information in a Web page or Web application, including text, images, forms, sounds, and such”. [http://www.w3.org/WAI/intro/wcag.php] 3 “The Authoring Tool Accessibility Guidelines (ATAG) documents define how authoring tools should help Web developers produce Web content that is accessible and conforms to the Web Content Accessibility Guidelines. The ATAG documents also explain how to make authoring tools accessible so that people with disabilities can use the tools.” – [http://www.w3.org/WAI/intro/atag.php] 4 “The User Agent Accessibility Guidelines (UAAG) documents explain how to make user agents accessible to people with disabilities, particularly to increase accessibility to Web content. User agents include Web browsers, media players, and assistive technologies, which are software that some people with disabilities use in interacting with computers.” – [http://www.w3.org/WAI/intro/uaag.php] 2 - 30 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR Accessible Rich Internet Applications (ARIA) Suite, annunciate come progetto il 26 Settembre 2006. Le WAI-ARIA definiscono come rendere accessibili anche per le persone con disabilità le caratteristiche avanzate del Web dinamico ad esempio per strumenti come AJAX e DHTML1. L’obiettivo primario delle ARIA è quello di fornire alla tecnologia assistiva le informazioni necessarie sui controlli dell’interfaccia, come ad esempio l’espansione delle barre di navigazione.2. Le raccomandazioni che più ci interessano in questa sede sono sicuramente le Web Content Accessibility Guidelines, in italiano "Linee guida per l'accessibilità dei contenuti Web", più brevemente conosciute come WCAG e giunte attualmente alla versione 1.0, rilasciata dal WAIW3C come documento ufficiale con valore normativo in data 5 maggio 1999. Da molto tempo è in fase di avanzata fase di elaborazione la versione 2.0 delle WCAG, tuttavia il loro rilascio definitivo come Recommendation non è ancora avvenuto al momento di redigere questa tesi. 1 [http://www.w3.org/WAI/intro/aria.php] “WAI-ARIA defines how to make more advanced features of dynamic content and rich Internet applications accessible to people with disabilities. A primary focus of WAI-ARIA is providing information about user interface controls—such as expanding navigation bars—to assistive technology.” – [http://www.w3.org/WAI/intro/aria.php] 2 - 31 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR III. Metodologie e tecniche di applicazione Questo capitolo è il cuore dell’intero lavoro. In esso, più che fornire le specifiche istruzioni di programmazione per migliorare l’accessibilità del codice, si descrivono le linee guida e le strategie di progetto comuni a tutte le normative in materia. Ho deciso di presentare le tecniche universalmente impiegate prima dell’esposizione delle normative stesse in quanto ne sono, per tutte, il riconosciuto principio ispiratore. Nel resto di questa esposizione sono stati riportati a titolo esemplificativo alcune porzioni di codice (X)HTML o CSS. Per il controllo della loro validità sintattica e del loro funzionamento questi parti sono state testate in Amaya versione 9.53, il browser/editor ufficiale del W3C. A meno di modifiche dell’ultimo momento dovrebbero essere quindi esenti da errori, per quanto l’errore umano sia sempre possibile. In tal caso mi scuso in anticipo per eventuali possibili imprecisioni, e vi invito a segnalarmele. III.1 - Il linguaggio Per capire meglio il resto della trattazione è opportuno dare prima almeno i rudimenti fondamentali dello strumento essenziale con cui ci troviamo a trattare, il linguaggio HTML (Hyper Text MarkUp Language) il suo successore, l’XHTML (eXtensible HyperText Markup Language) e i CSS (Cascading Style Sheet), elementi base per costruzione delle pagine Web. Non essendo questo un manuale di programmazione HTML mi limiterò a fornire gli elementi essenziali per comprendere il suo corretto utilizzo ai fini di produrre delle pagine ad elevata accessibilità. Per chi volesse approfondire la materia sono in commercio numerosissimi testi di istruzione. Riferimento base è sempre il consorzio W3C per quanto riguarda la definizione del linguaggio sia HTML1 che XHTML2. Esistono anche delle versioni in italiano della documentazione ufficiale W3C a cura di Michele Diodati per l’HTML3, e a cura di Patrizia Andronico per l’XHTML4, per quanto questa non mi sembri in prima lettura una traduzione particolarmente efficace. 1 2 3 4 [http://www.w3.org/TR/html401/] [http://www.w3.org/TR/xhtml11/] [http://www.diodati.org/w3c/html401/cover.html] [http://www.w3c.it/traduzioni/xhtml1-it.html] - 32 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR HTML L’HTML (acronimo per Hyper Text Mark-Up Language) è un linguaggio usato per descrivere i documenti ipertestuali disponibili nel Web. Non è un linguaggio di programmazione, ma un linguaggio di marcatori, ossia descrive il contenuto di una pagina Web tramite degli appositi elementi definiti, appunto, marcatori. È stato sviluppato da Tim Berners-Lee al CERN di Ginevra. HTML è un linguaggio di pubblico dominio la cui sintassi è stabilita dal World Wide Web Consortium (W3C), e che è basato su un altro linguaggio avente scopi più generici, l'SGML (Standard General Markup Language), uno standard per la descrizione logica dei documenti. Una importante caratteristica di HTML è che esso è stato concepito per definire il contenuto logico e non l'aspetto finale del documento. Gli sviluppatori di HTML hanno optato per un linguaggio che descrivesse il contenuto dei documenti dal punto di vista logico, piuttosto che grafico, demandando poi ai programmi utente il compito di rendere, di trasformare il documento in maniera opportuna. Questo significa che non esiste alcuna garanzia che uno stesso documento venga visualizzato in ugual modo usando due programmi utente differenti o semplicemente su due elaboratori differenti. Con il passare del tempo però gli elementi del linguaggio incaricati di indicare una presentazione ai browser si sono via via moltiplicati fino a deviare l’HTML dall’originale progetto di marcatore di contenuti. Questo è avvenuto anche per il fatto che in realtà pochi sviluppatori si occupano di scrivere una pagina Web con un editor direttamente nel linguaggio HTML. Questo compito è invece spesso delegato ad un ambiente grafico che permette allo sviluppatore di occuparsi dell'aspetto finale della pagina senza interagire direttamente con il codice. La filosofia originale del progetto tuttavia è rinata in questi ultimi anni con l’avvento dei fogli di stile e con i problemi sollevati dall’accessibilità dei contenuti prodotti da questi strumenti automatici. Durante gli anni l'HTML ha subito molte revisioni e miglioramenti. Attualmente l'ultima versione disponibile è la versione 4.01, resa pubblica il 24 dicembre 1999. Da allora fino ai giorni nostri non è stata manifestata alcuna intenzione da parte del W3C di apportare ulteriori modifiche all'HTML, poiché verrà presto sostituito dai nuovi linguaggi XHTML derivati da XML. Recentemente tuttavia si è incominciato a sentir parlare della versione HTML 5 il cui nome - 33 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR ufficiale è Web Applications1 1.0 che non è, almeno per ora, una specifica del W3C ma del WHATWG. Lo scopo di questo progetto è quello di integrare le applicazioni Web all’interno del linguaggio. Dato lo stato ancora embrionale della specifica non verrà fatta oggetto di trattazione in questo lavoro. Struttura Ogni documento ipertestuale scritto in HTML deve essere contenuto in un file, la cui estensione deve essere .htm o .html. Il componente principale della sintassi di questo linguaggio è l'elemento. Gli elementi sono le strutture del linguaggio a cui è delegata la funzione di formattare i dati o indicare al Web browser delle informazioni. Ogni elemento è racchiuso all'interno di tag, uno di apertura ed uno di chiusura. Quest'ultimo, per certi elementi, è opzionale. I tag sono dei marcatori (markup) costituiti da una sequenza di caratteri racchiusa da due parentesi angolari. Spesso le informazioni su cui agisce il tag devono essere racchiuse fra un tag di apertura ed uno di chiusura, quest'ultimo indicato apponendo il carattere slash (/) dopo la parentesi angolare aperta. Ad esempio: testo testo testo. In questo caso, il testo compreso tra questi due tag verrà considerato dai browser come più significativo. Un documento HTML comincia con l'indicazione della DTD (Document Type Definition), la quale dice al browser l'indirizzo delle specifiche HTML che si vogliono dichiarare per il documento, indicando quindi, implicitamente, quali elementi, attributi ed entità si possono utilizzare. Tutte le informazioni contenute nel documento devono essere indicate tra i tag e . All'interno di questi due tag la sintassi HTML prevede 2 sezioni racchiuse fra i tag: e , dove sono indicate le informazioni generali riguardanti l’intero documento e che non vengono visualizzate dal browser; e , dove sono indicate tute le informazioni effettivamente presenti nel documento da rendere. Fanno eccezione le strutture costituite a FRAME che non prevedono gli elementi BODY. Gli elementi Un elemento HTML deve soddisfare le specifiche della DTD dichiarata. Gli elementi HTML consistono generalmente di quattro parti: 1 [http://www.whatwg.org/specs/web-apps/current-work/] - 34 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR Un tag di apertura che definisce l'inizio di un elemento; I suoi attributi e i relativi valori; Dei contenuti; Un tag di chiusura, in HTML il tag di chiusura è opzionale per molti elementi, gli elementi XHTML invece vanno sempre chiusi. Gli elementi possono rappresentare intestazioni, paragrafi, collegamenti ipertestuali, elenchi, oggetti multimediali incorporati e diverse altre strutture. Purtroppo ci sono alcuni elementi che non sono parte di nessun DTD ufficiale, ma sono nativi di alcuni browser e vengono utilizzati al meglio solo da questi. Tali elementi possono essere ignorati o visualizzati impropriamente da browser che non li supportano. Si consiglia di non utilizzare questi elementi a cui cercherò di non fare nemmeno cenno durante la successiva breve spiegazione. Molti elementi HTML possono essere nidificati. Si possono nidificare gli elementi fin quando si vuole ma i tag devono essere chiusi nell'ordine inverso nel quale sono stati aperti. La possibilità di nidificare è regolamentata dal fatto che un elemento sia di blocco (block-level) o di testo (inline). La distinzione è importante: Un elemento a livello di blocco provoca una interruzione del flusso, può contenere altri elementi dello stesso tipo o di tipo inline. Esempi di elementi block-level sono paragrafi, moduli, liste, tabelle, intestazioni, le citazioni con BLOCKQUOTE e il contenitore generale;
Un elemento inline è a livello di carattere e stringhe di testo. Non provoca interruzioni nel flusso e può contenere solo altri elementi inline. Esempi di elementi inline sono quelli per definire caratteristiche del testo come il contenitore e gli elementi .
Con una forzatura del lessico, gli elementi HTML sono qualche volta chiamati impropriamente tag. Elementi Head ... Delimita un documento HTML. I due tag sono opzionali in HTML ma alcuni browser e altre utility possono non riconoscere il documento senza la loro presenza. ...
- 35 -
ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR Delimita la sezione d’intestazione (header) del documento che contiene informazioni sulla pagina. I tag sono opzionali in HTML; se omessi l'esistenza dell'header può essere dedotto in altri modi. ... Delimita il corpo del documento che contiene i contenuti visualizzati nella pagina. Non sono necessari se il documento è in HTML. ... Indica il titolo della pagina. Questo elemento è richiesto in ogni documento HTML e XHTML. Sistemi operativi e programmi utente differenti visualizzano il titolo in maniera differente. Può essere il nome predefinito quando si salva la pagina o altro. Al contrario degli altri tag, l'elemento TITLE non permette di contenere altri tag. ... Delimita i metadata e può essere utilizzato per specificare la descrizione della pagina, parole chiave e impostazioni. Specifica qualsiasi tipo di collegamento per un documento, come: collegamenti precedenti e successivi o versioni di fogli di stile alternative. Il suo uso più comune è quello di collegare un foglio di stile esterno alla pagina. Utilizzato per includere JavaScript o altri script nel documento. Specifica una definizione di stile interna per il documento. Elementi Body Intestazioni fino a Intestazioni a diversi livelli. Si utilizza per il livello massimo di intestazione, la sezione principale,
... Crea un termine di definizione. ... Crea un testo esteso per la definizione. ... Crea un oggetto dell'elenco in liste ordinate o non ordinate. Tabelle ...
Crea una tabella ... Crea una riga in una tabella ... Crea una cella d'intestazione all'interno di una riga, il contenuto è visualizzato di solito in grassetto e centrato. ... Crea una cella dati all'interno di una tabella. ... Specifica un gruppo di colonne in una tabella. (in XHTML) Specifica gli attributi per una colonna. ... Specifica un titolo per l'intera tabella. ... Specifica l'intestazione della tabella. Questa sezione può essere ripetuta se la tabella è divisa in più pagine nella stampa o in altri possibili tipi di resa. ... Specifica la parte principale della tabella. - 38 -
ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR
... Specifica la parte bassa della tabella. Come , questa sezione può essere ripetuta se la tabella è divisa in più pagine nella stampa o in altri possibili tipi di resa. Moduli L'HTML può solo definire il formato del modulo, in valori immessi dagli utenti vengono trasferiti e processati lato server. Definisce il corpo di un modulo. Crea un menu ad elenco dal quale l'utente può scegliere una sola voce. Può essere visualizzato come un menu a cascata. Crea una voce nel menu. Crea una casella di spunta (checkbox). Crea un pulsante di opzione; se più pulsanti di opzione hanno lo stesso nome, l'utente potrà selezionarne solo uno. Crea un pulsante d'invio. Crea un pulsante di reset che ripristina i valori del modulo a quelli iniziali. Crea una casella di testo a linea singola. Crea un'area di testo multi-linea, definita dagli attributi COLS per le colonne e ROWS per le righe. Il testo tra i tag apparirà nell'area di testo al caricamento della pagina.
- 39 -
ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR Altri elementi ... Crea una separazione logica sulla riga. Permette di assegnare a porzioni di testo un ID o una classe, utilizzabili con i CSS.
(in XHTML) Inserisce una linea orizzontale. Include un oggetto nella pagina del tipo specificato dall'attributo TYPE. Può essere qualsiasi oggetto MIME che il browser riconosce, un plug-in come Flash, o un file audio. ... (in XHTML) Questo tag appare solamente all'interno dell'elemento OBJECT e imposta i parametri per l'oggetto per esempio larghezza, altezza o URL del contenuto. Formattazione (sconsigliati) ... Utilizza il grassetto. Esiste un equivalente CSS: {font-weight: bold;} ... Usa il corsivo. Esiste un equivalente CSS: {font-style: italic;} ... Crea testo più grande. Esiste un equivalente CSS: {font-size: larger;}. ... Crea testo più piccolo. Esiste un equivalente CSS: {font-size: smaller;} Collegamenti ed ancore ... - 40 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR Crea un collegamento ipertestuale con l'attributo HREF impostato su un URL; inoltre l'attributo TITLE può essere impostato per avere un suggerimento a comparsa (tooltip) d'informazioni sul collegamento. Quando il puntatore è sul collegamento, di solito si trasforma in una mano con il dito indice disteso, e il testo in aiuto appare come un suggerimento a comparsa che sparisce quando il cursore si sposta. Alcuni browser visualizzano il testo alternativo allo stesso modo, ma è un errore tecnico. Alternativamente, l'elemento crea un segnalibro interno usando l'attributo NAME o l’attributo ID in XHTML, utilizzabile con una chiamata preceduta dal simbolo '#' nell'URL. Questa tecnica a segnalibro crea dei problemi di compatibilità all’indietro in XHTML dove l’attributo NAME è proibito. Immagini (in XHTML) Include un'immagine con l'attributo SRC, l’attributo ALT fornisce testo alternativo. ALT è obbligatorio nelle ultime versioni del linguaggio ed è inteso come testo alternativo, sebbene alcuni browser lo visualizzano come un suggerimento, l'attributo TITLE dovrebbe fungere da suggerimento. Vari
(in XHTML) Specifica un'interruzione di linea. Il comportamento può essere modificato anche con i CSS: {break: left|right|all}. Specifica una mappa lato client. (in XHTML) Specifica un'area in una mappa. Racchiude un commento. Questo è un tag SGML e non limitato a HTML, quindi può apparire ovunque nel documento, anche prima del DTD o dopo
per il livello massimo di intestazione, la sezione principale, per il successivo livello sottostante come una sottosezione, per un livello al di sotto del precedente e così via. Il livello più basso d'intestazione è . La maggior parte dei browser Web mostrerà come un testo grande con un font differente e come testo piccolo in grassetto ma questo comportamento può - 36 -
ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR essere modificato con i fogli di stile CSS. Gli elementi d'intestazione non vanno utilizzati per creare testo grande o in grassetto: il loro scopo è descrivere la struttura del documento e l'organizzazione. Alcuni programmi li utilizzano per generare indici e sommari. Testo strutturato Molti elementi HTML sono realizzati per cambiare la struttura o il significato del testo. Alcuni sono block-level ma la maggior parte sono inline e possono essere inclusi nel normale flusso del testo.
per un livello al di sotto del precedente e così via. Il livello più basso d'intestazione è . La maggior parte dei browser Web mostrerà come un testo grande con un font differente e come testo piccolo in grassetto ma questo comportamento può - 36 -
ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR essere modificato con i fogli di stile CSS. Gli elementi d'intestazione non vanno utilizzati per creare testo grande o in grassetto: il loro scopo è descrivere la struttura del documento e l'organizzazione. Alcuni programmi li utilizzano per generare indici e sommari. Testo strutturato Molti elementi HTML sono realizzati per cambiare la struttura o il significato del testo. Alcuni sono block-level ma la maggior parte sono inline e possono essere inclusi nel normale flusso del testo.
come un testo grande con un font differente e come testo piccolo in grassetto ma questo comportamento può - 36 -
ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR essere modificato con i fogli di stile CSS. Gli elementi d'intestazione non vanno utilizzati per creare testo grande o in grassetto: il loro scopo è descrivere la struttura del documento e l'organizzazione. Alcuni programmi li utilizzano per generare indici e sommari. Testo strutturato Molti elementi HTML sono realizzati per cambiare la struttura o il significato del testo. Alcuni sono block-level ma la maggior parte sono inline e possono essere inclusi nel normale flusso del testo.
...
(block Level) Crea un paragrafo. In HTML il tag di chiusura è opzionale....(block Level) Crea una citazione, convenzionalmente visualizzata indentata. L’elemento non è stato progettato per indentare il testo. Può automaticamente aggiungere delle virgolette. L'attributo CITE Può fornire la fonte e deve essere un URL completo.
...(block Level) Crea testo pre-formattato. Il testo è visualizzato con un font non proporzionato, esattamente come è stato scritto nel file. ... (inline) Enfasi, convenzionalmente visualizzato in corsivo. ... (inline) Enfasi forte, convenzionalmente visualizzato in grassetto.
...(inline) Una breve citazione. Può essere visualizzata con virgolette. Le citazioni possono essere nidificate. L'attributo CITE Può fornire la fonte e deve essere un URL completo.
...
(inline) Una porzione di codice. Convenzionalmente viene visualizzato con un font monospaziato. Liste - ...
- ...
- ...
...
Crea un blocco logico di tipo block-level. Viene usato soprattutto per l’impiego congiunto di una definizione corrispondente nel CSS. (in XHTML) Inserisce una linea orizzontale. Include un oggetto nella pagina del tipo specificato dall'attributo TYPE. Può essere qualsiasi oggetto MIME che il browser riconosce, un plug-in come Flash, o un file audio. ... (in XHTML) Questo tag appare solamente all'interno dell'elemento OBJECT e imposta i parametri per l'oggetto per esempio larghezza, altezza o URL del contenuto. Formattazione (sconsigliati) ... Utilizza il grassetto. Esiste un equivalente CSS: {font-weight: bold;} ... Usa il corsivo. Esiste un equivalente CSS: {font-style: italic;} ... Crea testo più grande. Esiste un equivalente CSS: {font-size: larger;}. ... Crea testo più piccolo. Esiste un equivalente CSS: {font-size: smaller;} Collegamenti ed ancore ... - 40 - ERROR! USE THE HOME TAB TO APPLY TITOLO 1 TO THE TEXT THAT YOU WANT TO APPEAR HERE.ERROR! USE THE HOME TAB TO APPLY TITOLO 2 TO THE TEXT THAT YOU WANT TO APPEAR Crea un collegamento ipertestuale con l'attributo HREF impostato su un URL; inoltre l'attributo TITLE può essere impostato per avere un suggerimento a comparsa (tooltip) d'informazioni sul collegamento. Quando il puntatore è sul collegamento, di solito si trasforma in una mano con il dito indice disteso, e il testo in aiuto appare come un suggerimento a comparsa che sparisce quando il cursore si sposta. Alcuni browser visualizzano il testo alternativo allo stesso modo, ma è un errore tecnico. Alternativamente, l'elemento crea un segnalibro interno usando l'attributo NAME o l’attributo ID in XHTML, utilizzabile con una chiamata preceduta dal simbolo '#' nell'URL. Questa tecnica a segnalibro crea dei problemi di compatibilità all’indietro in XHTML dove l’attributo NAME è proibito. Immagini
(in XHTML) Specifica un'interruzione di linea. Il comportamento può essere modificato anche con i CSS: {break: left|right|all}. Specifica una mappa lato client. (in XHTML) Specifica un'area in una mappa. Racchiude un commento. Questo è un tag SGML e non limitato a HTML, quindi può apparire ovunque nel documento, anche prima del DTD o dopo