Com comunicar-nos de forma accessible per Internet

591 views
508 views

Published on

Conferència a Dixit "Com comunicar-nos de forma accessible per Internet". Accés al powerpoint original [http://bd.ub.edu/grups/adaptabit/dixit/DixitRiberaMaig2013.pptx] i a la versió web [http://bd.ub.edu/grups/adaptabit/dixit/html/index.htm]

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
591
On SlideShare
0
From Embeds
0
Number of Embeds
288
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Com comunicar-nos de forma accessible per Internet

  1. 1. Barreres Solucions EncàrrecsCom comunicar-nos de forma accessible?1
  2. 2. Les barreres2
  3. 3. Alguns tipus de barreres• Barreres culturals• Barreres per edat• Barreres per diversitat funcional3
  4. 4. Barreres culturals• Formats• Simbolisme• Colors• Referències culturals4
  5. 5. Formats• Dates:– 09/05/2013• Noms i cognoms:– Chang Wen Yun– Isa (bin) Aman• Altres:– adreces– números (4.5 o 7,8)– monedes5
  6. 6. Simbolisme6
  7. 7. ColorsBlancVermellEuropa Xina7
  8. 8. Referències culturals8
  9. 9. En xifres… (immigració)9
  10. 10. Barreres per l’edat• Actitud positiva• Motricitat fina• Visió• Anglès i tecnicismes• Sobrecàrrega10
  11. 11. Actitud positiva• Jo hi vull dir la meva…• Tinc tot el temps del món… m’ho prenctranquil.lament• Ara que el nét me n’ha ensenyat ho faré com ell11
  12. 12. Motricitat fina• Això del ratolí éscomplicat!12
  13. 13. Pèrdua visió• No ho veig gaire clar!13
  14. 14. Anglès i tecnicismesNo hoentenc!14
  15. 15. SobrecàrregaUf!15
  16. 16. En xifres… ara minoritari16
  17. 17. En xifres… en el futur majoritari17
  18. 18. Barreres perdiversitat funcional• Visió• Oïda• Motricitat• Dislèxia18
  19. 19. Visió• Si el nostre usuari fa servir…• Es pot trobar amb…19
  20. 20. • Si el nostre usuari fa servir…• Es pot trobar amb…Motricitat20
  21. 21. • El nostre usuari es pot trobar amb…Oïda21
  22. 22. • El nostre usuari es pot trobar amb…Dislèxia22
  23. 23. En xifres... (diversitat funcional)Font: Persones amb discapacitat a Catalunya 20116,3%població23
  24. 24. Les solucions24
  25. 25. Text clarMultimodalAdaptableRobustAccessibleSi la informació ésaccessible, tothomen pot gaudirL’equació de l’accessibilitat25
  26. 26. Text clar• Text enriquit• Llenguatge planer• Lectura fàcil• Comunicació augmentativa26
  27. 27. Multimodal• La informació ha de ser tramesa pero Texto Soo Imatge27
  28. 28. Adaptable• Diferents plataformes• Diferents pantalles• Diferents configuracions28
  29. 29. Robust• Compleix les normes• És compatible amb les ajudes tècniques• Permet transformacions29
  30. 30. Demostracions• ATBAR• Readability• Lectura adaptada PDF• Vídeos amb subtítols• Informació a gust de cadascú30
  31. 31. Encàrrecs31
  32. 32. Un bon plec de condicions• Ha d’incloureo El producte: un web amb uns contingutsinicialso L’eina per crear els contingutso Accions de formacióo Manteniment durant un any32
  33. 33. Com avaluar?• Qui avalua:o una unitat interna,o un consultor extern,o la pròpia entitat?• Revisió de normes i legislació• Ús amb ajudes tècniques• Tasques bàsiques33
  34. 34. Valoració del proveïdor• Feines prèvies• Formació dels treballadors• Treballadors amb discapacitats• Experiència en l’ús d’ajudes tècniques• Grau de maduresa (ACCENT)34
  35. 35. Maduresa del proveïdoro No té coneixement daccessibilitat.o És conscient de la necessitat de laccessibilitat,però no hi ha treballat. Parteix de zero.o En coneix les directrius, té experts. Accions adhoc. Té una unitat interna especialitzadaen accessibilitat. Compromís. Laccessibilitat és una de lesactivitats del proveïdor. Té una política dusabilitat iaccessibilitat establertes35
  36. 36. Valoració del procés• Accessibilitat tècnicao Avaluació automàtica + Avaluació manual• Accessibilitat usableo Observacions i entrevistes inicials +o Prototip amb avaluació heurística +o Avaluació per experts i usuaris36
  37. 37. Valoració de l’eina• ATAG 2.0• Grup d’interès dins l’eina• VPAT• Ha de permetreo Alternatives textuals a les imatges, vídeos i àudioo Indicar l’idiomao Alfabets i direcció del texto Ús de marcat semàntico Formularis i tauleso Eina de cercao Idealment: eina de validació accessibilitat + correctorortogràfic37
  38. 38. Preguntes?Moltes gràcies per la vostra atenció!Mireia Riberaribera@ub.edu, http://bd.ub.edu/adaptabit38Com comunicar-nos de forma accessible?
  39. 39. Referències (1 de 2)Moltes imatges tenen un vincle associat i en clicar-hi porten a l’orígen de la imatge. Aquí se citen les fonts de les imatges i text queno están vinculats.La icona del tema “encàrrec” està extreta de “FreelancersElite Graphics”[http://www.flickr.com/photos/freelancerselitegraphics/8149445184/sizes/z/in/photostream/]Les diapositives 3 a 8 estan inspirades i contenen imatges de Richard Ishida “Cultural issues” a “Designing for International Users:Practical Tips” [http://www.w3.org/2007/Talks/0706-atmedia/Overview.html]Les diapositives 32 a 37 estan inspirades en l’article Ribera, Mireia (2010). «Subcontractació de webs accessibles : què hem devigilar?». BiD: textos universitaris de biblioteconomia i documentació, desembre, núm. 25[http://www.ub.edu/bid/25/ribera1.htm].La notícia de la diapositiva 7 està extreta del Diari Ara, edició del 8 de maig 2013 [http://www.ara.cat/premium/cultura/Poesia-quatre-barres_0_915508493.html],i la definició està extreta del DIEC[http://dlc.iec.cat/results.asp?txtEntrada=barra&operEntrada=0]El gràfic de la diapositiva 9 està extret de “Estadística sobre la població estrangera a Catalunya 2012”. Generalitat de Catalunya:Institut d’Estadística de Catalunya, de 21 de febrer de 2013[http://premsa.gencat.cat/pres_fsvp/docs/2013/02/21/10/12/39cc79b6-2aeb-4635-abad-21a224c5c54d.pdf]Les diapositives 12 a 15 estan inspirades en, i el gràfic e la diapositiva 17 està extret de “Web Accessibility for Older UsersPresentation, A.M.J. Arch, ed. W3C (MIT, ERCIM, Keio”), October 2009. [www.w3.org/WAI/presentations/ageing/]Les fotos de les persones grans pertanyen a PremsaSantCugat, i están extretes de Flickr[http://www.flickr.com/photos/premsasantcugat/8056984059/sizes/l/in/photostream/ ] i[http://www.flickr.com/photos/premsasantcugat/8287851223/]La captura del mapa de la diapositiva 12 i de la fitxa de farmàcia de la diapositiva 14 estan extretes de FarmaGuia[http://www.farmaguia.net/desktop/]La imatge de la recepta de la diapositiva 13 correspon a [http://www.guardia.cat/cuina/index.html]La imatge del Twitter de la pàgina 14 està extreta de [http://www.amicsdelagentgran.org/], la de comencem a parlar ho està deComencem a parlar de[http://www20.gencat.cat/portal/site/Llengcat/menuitem.7146237d0006f0e7a129d410b0c0e1a0/?vgnextoid=a32cfb3a5bc97310VgnVCM1000008d0c1e0aRCRD&vgnextchannel=a32cfb3a5bc97310VgnVCM1000008d0c1e0aRCRD&vgnextfmt=default]39
  40. 40. Referències (2 de 2)Les imatges de la diapositiva 15 estan extretes respectivament de: Gent Gran, Generalitat[www.gencat.cat/benestarsocialifamilia/gentgran/ ] i gentgran.org [http://www.gentgran.org/]La imatge de la diapositiva 16 està extreta de: Observatorio Nacional de las Telecomunicaciones y de la SI “Perfil sociodemográficode los internautas” Análisis de datos INE 2012, Enero 2013[http://www.ontsi.red.es/ontsi/sites/default/files/perfil_sociodemografico_del_internauta_2012.pdf]El gràfic de la diapositiva 17, està extret de W3C (MIT, ERCIM, Keio) “Web accessibility for older users”, 22 september 2010[http://www.w3.org/WAI/presentations/ageing/waiage.ppt]La imatge de la diapositiva 20, correspon al registre d’usuaris de la Caixa d’Enginyers [www.caixa-enginyers.com/ca/web/portal/home]. Aquest registre permet també l’entrada de la clau per teclat, tot i que no ofereix elmateix grau de seguretat.La imatge de la diapositiva 21, correspon a una captura del web de Dixit[http://www20.gencat.cat/portal/site/dixit/menuitem.b5d35cd58fc2c314f2801d10b0c0e1a0/?vgnextoid=8cce73ee345f0310VgnVCM2000009b0c1e0aRCRD&vgnextchannel=8cce73ee345f0310VgnVCM2000009b0c1e0aRCRD&vgnextfmt=default]La imatge de la diapositiva 22, està extreta del conte “Les lletres i jo: un conte sobre la dislèxia” de Iraida Llucià i Bagüés i AliciaBailey Garrido https://itunes.apple.com/es/book/les-lletres-i-jo-conte-sobre/id569411537?mt=11El gràfic i dades de la pàgina 23 està extret de “Persones amb discapacitat a Catalunya 2011” Generalitat de Catalunya.Departament de Benestar Social i Família, juny 2012[http://www20.gencat.cat/docs/bsf/01Departament/08Publicacions/Ambits%20tematics/Discapacitat/14perdiscapacitat%202011/persones_discapacitat_2011.pdf]L’exemple de comunicació augmentativa de la diapositiva 27 està extreta de l’aplicacióLa imatge de paper de la diapositiva 32 està extreta de ”A stack of copy paper” de Jonathan Joseph Bondhus, 2011La imatge de la lupa de la diapositiva 33 està extreta de “Magnifying glass icon” de Ignacio javier igjav, 2009La imatge del proveïdor de la diapositiva 34 està extreta de “user, employee, office worker, knowledge worker, identitymanagement, role” de RRZEicons, 2008La imatge de la poma de la diapositiva 35, està extreta de “Apple” de [http://pixabay.com/en/red-green-apple-food-fruit-apples-29212/]La imatge de la maquineta de la diapositiva 37 està extreta de “sacapuntas metalico”, Av3kalula, 2012[http://commons.wikimedia.org/wiki/File:Sacapuntametalico.gif]Totes les fonts han estat consultades per darrer cop el 8 de maig de 201340

×