Applicazioni Ajax Accessibili

1,423 views

Published on

Published in: Technology
1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total views
1,423
On SlideShare
0
From Embeds
0
Number of Embeds
24
Actions
Shares
0
Downloads
10
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

Applicazioni Ajax Accessibili

  1. 1. Applicazioni AJAX Accessibili - SMAU 2008 - Diego La Monica Page 1 of 19 Applicazioni AJAX accessibili URL: http://diegolamonica.info/smau-2008/ Autore: Diego La Monica http://diegolamonica.info/smau-2008/ 19/10/2008
  2. 2. Applicazioni AJAX Accessibili - SMAU 2008 - Diego La Monica Page 2 of 19 Cos’è IWA/HWG ( 1 di 2 ) IWA/HWG è un’Associazione professionale no profit riconosciuta leader mondiale nella fornitura dei principi e delle certificazioni di formazione per i professionisti della Rete Internet; è presente in 100 paesi, con 130 sedi ufficiali in rappresentanza di più di 165.000 associati. La sua missione. Fornire programmi formativi di qualità; Fornire agli associati supporto e collaborazione a livello regionale, nazionale e internazionale, nonché un marchio di affiliazione riconosciuto a livello mondiale; Promuovere i principi universali di etica e di pratica professionale per tutti i professionisti della Rete Internet; Fornire supporto per la definizione e lo studio di normative nei Paesi in cui è presente http://diegolamonica.info/smau-2008/ 19/10/2008
  3. 3. Applicazioni AJAX Accessibili - SMAU 2008 - Diego La Monica Page 3 of 19 Cos’è IWA/HWG ( 2 di 2 ) Partecipazioni e attività Network: http://www.iwa.it - http://webaccessibile.org - http://www.itlists.org - http://blog.iwa.it - http://www.skillprofiles.eu Contatti comunicazione@iwa.it http://diegolamonica.info/smau-2008/ 19/10/2008
  4. 4. Applicazioni AJAX Accessibili - SMAU 2008 - Diego La Monica Page 4 of 19 In principio... ...Dio creò il cielo e la terra. La terra era informe e deserta e le tenebre ricoprivano l'abisso e lo spirito di Dio aleggiava sulle acque. Dio disse: «Sia la luce!». E la luce fu. Dio vide che la luce era cosa buona e separò la luce dalle tenebre. (Genesi 1. Versi 1-4) Uh... Forse ho sbagliato il testo! http://diegolamonica.info/smau-2008/ 19/10/2008
  5. 5. Applicazioni AJAX Accessibili - SMAU 2008 - Diego La Monica Page 5 of 19 In principio... ... Tim Berners Lee pensò al World Wide Web, una rete capace di far condividere documentazione scientifica indipendente dalla piattaforma utilizzata. Sono passati ben 17 anni da allora e le cose si sono evolute... Si è partiti da un web informativo per giungere ad un web partecipativo poi a un web collaborativo per sfociare in un web sociale http://diegolamonica.info/smau-2008/ 19/10/2008
  6. 6. Applicazioni AJAX Accessibili - SMAU 2008 - Diego La Monica Page 6 of 19 ...In fine La nuova tendenza è il web applicativo. Evolvendosi, il web, ha fatto sì che i siti si siano trasformati in vere e proprie applicazioni. Grazie ad un massivo uso di JavaScript, si è trasportato nel web quelle che tipicamente erano pensate come applicazioni desktop. Alcuni esempi di applicazioni desktop sul web Google Apps Google Mail Google Calendar Queste applicazioni sono AJAX oriented. http://diegolamonica.info/smau-2008/ 19/10/2008
  7. 7. Applicazioni AJAX Accessibili - SMAU 2008 - Diego La Monica Page 7 of 19 Cos'è Ajax? Ajax è il nome di un'ottimo detersivo, sgrassatore, lavapavimenti che ha raggiunto l'apice delle vendite in Italia alla fine degli anni '80. La sua confezione era una bottiglia con un dosatore spray particolarmente comodo e maneggevole. Credo che dobbiate scusarmi. È l'emozione che mi fa confondere... http://diegolamonica.info/smau-2008/ 19/10/2008
  8. 8. Applicazioni AJAX Accessibili - SMAU 2008 - Diego La Monica Page 8 of 19 Cosa vuol dire AJAX? (tratto da wikipedia) AJAX, acronimo di Asynchronous JavaScript and XML, è una tecnica di sviluppo web per creare applicazioni web interattive. L'intento di tale tecnica è quello di ottenere pagine web che rispondono in maniera più rapida, grazie allo scambio in background di piccoli pacchetti di dati con il server, così che l'intera pagina web non debba essere ricaricata ogni volta che l'utente effettua una modifica. Questa tecnica riesce, quindi, a migliorare l'interattività, la velocità e l'usabilità di una pagina web. http://diegolamonica.info/smau-2008/ 19/10/2008
  9. 9. Applicazioni AJAX Accessibili - SMAU 2008 - Diego La Monica Page 9 of 19 ... AJAX è asincrono nel senso che i dati extra sono richiesti al server e caricati in background senza interferire con il comportamento della pagina esistente. Col tempo AJAX ha assunto un significato (impropriamente) più esteso: è AJAX tutto ciò che modifica il DOM. Quando si parla di AJAX immaginiamo: Caricamento di frammenti di pagina Animazione di oggetti sulla pagina Applicazione e modifica dello stile degli elementi sul documento Ma l'accessibilità è garantita? No! http://diegolamonica.info/smau-2008/ 19/10/2008
  10. 10. Applicazioni AJAX Accessibili - SMAU 2008 - Diego La Monica Page 10 of 19 Perchè no? Le tecnologie assistive non sono in grado di verificare quello che succede nella pagina, perchè per ciascun cambiamento che noi percepiamo a video, è cambiato qualcosa nel Document Object Model. Mantenere traccia di tutti i cambiamenti potrebbe portare ad una confusione totale delle tecnologie assistive che potrebbero quindi leggere le informazioni in modo disordinato e senza alcun criterio. http://diegolamonica.info/smau-2008/ 19/10/2008
  11. 11. Applicazioni AJAX Accessibili - SMAU 2008 - Diego La Monica Page 11 of 19 Un pratico esempio Leggi il testo che segue capirò disordinato non questo leggo in nulla modo testo Se! Chiaro? Se leggo questo testo in modo disordinato non capirò nulla! Ma allora non si può far nulla? È comunque possibile fare qualcosa per assicurare l'accessibilità delle applicazioni Web! http://diegolamonica.info/smau-2008/ 19/10/2008
  12. 12. Applicazioni AJAX Accessibili - SMAU 2008 - Diego La Monica Page 12 of 19 ARIA di cambiamento! Il gruppo di lavoro Protocols & Formats istituito dal W3C, sta lavorando ad una serie di documenti nel quale vengono definite delle specifiche che (se utilizzate nel modo corretto) possono consentire al miglioramento dell'accessibilità delle applicazioni Web. Il documeto principale prende il nome di: Accessible Rich Internet Applications (WAI-ARIA) Version 1.0. È inoltre corredato dei seguenti documenti: ARIA Primer: che indirizza gli sviluppatori ad una comprensione del problema nell'utilizzo di tecnologie miste (DHTML + AJAX) ARIA Best Practice: che descrive come implementare ARIA per esempi; ARIA Roadmap: che definisce le stime dei tempi di redazione, pubblicazione e possibile implementazione delle specifiche da parte dei vendor; In quei documenti sono indicate le regole e le modalità con le quali è possibile sviluppare applicazioni web comprensibili dalle tecnologie assistive. http://diegolamonica.info/smau-2008/ 19/10/2008
  13. 13. Applicazioni AJAX Accessibili - SMAU 2008 - Diego La Monica Page 13 of 19 Sei solo chiacchiere e distintivo, chiacchiere e distintivo! Robert De Niro in quot;Gli intoccabiliquot; ha usato questa frase alla fine del film per offendere un giovanissimo Harison Ford. ARIA è solo un piccolo ma importante passo per il conseguimento di un obiettivo più grande: la possibilità di avere un web realmente utilizzabile da tutti! quot;Non bisogna smettere di combattere... Qui finisce la lezione!quot;. http://diegolamonica.info/smau-2008/ 19/10/2008
  14. 14. Applicazioni AJAX Accessibili - SMAU 2008 - Diego La Monica Page 14 of 19 Ma in pratica? Un paio di esempi pratici potrebbero chiarire lo scopo delle specifiche indicate dal gruppo di lavoro Protocols & Formats Esempio Stazione meteo Link: http://jastegg.it/tests/weather6/ Nell'esempio è stato impostato su ogni riga della tabella l'attributo aria-live=quot;politequot; così da segnalare eventuali variazioni. Infatti, l'attributo aria-live , consente di indicare ad una tecnologia assistiva eventuali cambiamenti nella struttura del documento comportandosi secondo quanto indicato in questo valore. (Esempio tratto da un test di Gez Lemon ) Esempio Utenti online Link: http://jastegg.it/tests/im-users/index.html Oltre all'utilizzo dell'attributo aria-live in questo esempio è stato fatto uso dell' attributo aria- relevant che in congiunzione con il precedente attributo consente di indicare in che modo interpretare il cambiamento (al nostro scopo è bastato quot;additions removalsquot; ) http://diegolamonica.info/smau-2008/ 19/10/2008
  15. 15. Applicazioni AJAX Accessibili - SMAU 2008 - Diego La Monica Page 15 of 19 Ancora non siete soddisfatti? Fino ad oggi, per consentire alle tecnologie assistive di ottenere dei risultati quantomeno accettabili, sono state utilizzate delle soluzioni non troppo semplici da implementare, con una certa complessità nella manutenzione e un margine di successo abbastanza basso e vincoli progettuali abbastanza rigidi (che non sempre corrispondono alla realtà). Un form di login Link: http://soci.iwa.it/old.login.php Questo form fa uso di AJAX per autenticare l'utente ovviamente degradando in caso di assenza di JavaScript. Il difetto di questo script è che per consentire allo screen reader di leggerne il contenuto è di dare il focus al messaggio di notifica. Quanto è correta la cosa? Proviamo a vedere lo stesso form quot;ARIA Compliantquot; Link: http://soci.iwa.it/ http://diegolamonica.info/smau-2008/ 19/10/2008
  16. 16. Applicazioni AJAX Accessibili - SMAU 2008 - Diego La Monica Page 16 of 19 In conclusione La necessità di avere applicazioni accessibili, non pregiudica dall'avere caratteristiche avanzate. Molti Social Network attuali non supportano queste caratteristiche tagliando fuori un certo target di utenze. Facciamone una questione economica! Se questa utenza fosse solo il 5% del mercato internet, quanto traffico potrebbe generare? Le statistiche pubblicate da Nielsen//NetRatings indicano come utenza globale 360.985.492 utenti al 31 Dicembre 2000. 18 milioni di persone circa sono il 5% dell'utenza internet mondiale 2,906 miliardi di euro è il fatturato italiano online del 2006 (fonte La Repubblica.it) 145,3 milioni di euro è il 5% del fatturato italiano on-line. E se fosse solo l'1%? Butteresti via una fetta di mercato che vale 1,45 milioni di euro? Una piccola osservazione: il mercato elettronico italiano è tra quelli che in europa fatturano di meno (la media europea è oltre il 3.5%) (Rapporto Assinform anno 2007) http://diegolamonica.info/smau-2008/ 19/10/2008
  17. 17. Applicazioni AJAX Accessibili - SMAU 2008 - Diego La Monica Page 17 of 19 Non basta? Questa presentazione è stata ascoltata grazie all'utilizzo degli attributi definiti in ARIA. In alternativa lo screen reader sarebbe stato muto! Per maggiori dettagli sulla modalità di costruzione di questa presentazione per il web consultare i link di approfondimento. Ma chi supporta ARIA? L'elenco degli strumenti software che già implementano ARIA e delle tecnologie assistive che supportano o sono prossime al suo supporto, è molto lungo. Firefox (dalla versione 3) Internet Explorer 8 Jaws Opera (dalla versione 9.5) ... Mozilla Developer Center presenta un elenco costantemente aggiornato http://diegolamonica.info/smau-2008/ 19/10/2008
  18. 18. Applicazioni AJAX Accessibili - SMAU 2008 - Diego La Monica Page 18 of 19 Per approfondimenti sul tema. Accessible Rich Internet Applications (WAI-ARIA) Version 1.0; La tecnologia AJAX; L'accessibilità di AJAX (webaccessibile) JAST A Slide: l'evoluzione delle diapositive on-line! AJAX (su Wikipedia) http://diegolamonica.info/smau-2008/ 19/10/2008
  19. 19. Applicazioni AJAX Accessibili - SMAU 2008 - Diego La Monica Page 19 of 19 Termini e licenza del documento La presentazione appena letta e ascoltata è disponibile all'url: http://diegolamonica.info/smau- 2008/ Questa presentazione è stata possibile grazie a JAST-A-Slide (http://jastegg.it/jastASlide/) Chiunque è libero di riutilizzare questo strumento per produrre presentazioni web che siano supportate dalle tecnologie assistive. L'assenza delle presenti indicazioni alla fine della presentazione sarà ritenuta una violazione del diritto d'autore e potrà essere perseguibile secondo le normative vigenti. Quest'opera è stata rilasciata sotto la licenza Creative Commons Attribuzione-Non commerciale-Non opere derivate 3.0 Unported. Per leggere una copia della licenza visita il sito web http://creativecommons.org/licenses/by-nc-nd/3.0/ o spedisci una lettera a Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA. Diritti, marchi registrati e siti web riportati in immagini e url sono riservati e proprietà dei diretti interessati e relative aziende. IWA/HWG e l’associazione IWA Italy non sono direttamente o indirettamente responsabili dei contenuti riportati nel presente documento che sono ad esclusiva cura e responsabilità del relatore. http://diegolamonica.info/smau-2008/ 19/10/2008

×