Com comunicar-nos de forma accessible?

1. Com comunicar-nos de forma accessible?

2. Les barreres

3. Alguns tipus de barreres • Barreres culturals • Barreres per edat • Barreres per diversitat funcional

4. Barreres culturals • Formats • Simbolisme • Colors • Referències culturals

5. Formats • Dates: • 09/05/2013 • Noms i cognoms: • Chang Wen Yun • Isa (bin) Aman • Altres: • adreces • números (4.5 o 7,8) • monedes

6. Simbolisme

7. Colors Europa Xina Blanc Vermell

8. Referències culturals

9. En xifres… (immigració)

10. Barreres per l’edat • Actitud positiva • Motricitat fina • Visió • Anglès i tecnicismes • Sobrecàrrega

11. Actitud positiva • Jo hi vull dir la meva… • Tinc tot el temps del món… m’ho prenc tranquil.lament • Ara que el nét me n’ha ensenyat ho faré com ell

12. Motricitat fina • Això del ratolí és complicat!

13. Pèrdua visió • No ho veig gaire clar!

14. Anglès i tecnicismes No ho entenc!

15. Sobrecàrrega Uf!

16. En xifres… ara minoritari

17. En xifres… en el futur majoritari

18. Barreres per diversitat funcional • Visió • Oïda • Motricitat • Dislèxia

19. Visió • Si el nostre usuari fa servir… • Es pot trobar amb…

20. Motricitat • Si el nostre usuari fa servir… • Es pot trobar amb…

21. Oïda • El nostre usuari es pot trobar amb…

22. Dislèxia • El nostre usuari es pot trobar amb…

23. En xifres... (diversitat funcional) 6,3% població Font: Persones amb discapacitat a Catalunya 2011

24. Les solucions

25. L’equació de l’accessibilitat Text clar Multimodal Adaptable Robust Si la informació és accessible, tothom en pot gaudir Accessible

26. Text clar • Text enriquit • Llenguatge planer • Lectura fàcil • Comunicació augmentativa

27. Multimodal • La informació ha de ser tramesa per • Text • So • Imatge

28. Adaptable • Diferents plataformes • Diferents pantalles • Diferents configuracions

29. Robust • Compleix les normes • És compatible amb les ajudes tècniques • Permet transformacions

30. Demostracions • ATBAR • Readability • Lectura adaptada PDF • Vídeos amb subtítols • Informació a gust de cadascú

31. Encàrrecs

32. Un bon plec de condicions • Ha d’incloure • El producte: un web amb uns continguts inicials • L’eina per crear els continguts • Accions de formació • Manteniment durant un any

33. Com avaluar? • Qui avalua: • una unitat interna, • un consultor extern, • la pròpia entitat? • Revisió de normes i legislació • Ús amb ajudes tècniques • Tasques bàsiques

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)

35. Maduresa del proveïdor • No té coneixement d'accessibilitat. • És conscient de la necessitat de l'accessibilitat, però no hi ha treballat. Parteix de zero. • En coneix les directrius, té experts. Accions ad hoc. • Té una unitat interna especialitzada en accessibilitat. Compromís. • L'accessibilitat és una de les activitats del proveïdor. • Té una política d'usabilitat i accessibilitat establertes

36. Valoració del procés • Accessibilitat tècnica • Avaluació automàtica + Avaluació manual • Accessibilitat usable • Observacions i entrevistes inicials + • Prototip amb avaluació heurística + • Avaluació per experts i usuaris

37. Valoració de l’eina • ATAG 2.0 • Grup d’interès dins l’eina • VPAT • Ha de permetre • Alternatives textuals a les imatges, vídeos i àudio • Indicar l’idioma • Alfabets i direcció del text • Ús de marcat semàntic • Formularis i taules • Eina de cerca • Idealment: eina de validació accessibilitat + corrector ortogràfic

38. Com comunicar-nos de forma accessible? Preguntes? Moltes gràcies per la vostra atenció! Mireia Ribera ribera@ub.edu, http://bd.ub.edu/adaptabit

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 que no están vinculats. La icona del tema “encàrrec” està extreta de “FreelancersEliteGraphics” [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 estaninspirades en l’articleRibera, Mireia (2010). «Subcontractació de webs accessibles : què hem de vigilar?». 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 OlderUsersPresentation, 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à de Comencem a parlar de [http://www20.gencat.cat/portal/site/Llengcat/menuitem.7146237d0006f0e7a129d410b0c0e1a0/?vgnextoid=a32cfb3a5bc97310VgnVCM1000008d0c1e0aRCRD&vgnextchannel=a32cfb3a5bc97310VgnVCM1000008d0c1e0aRCRD&vgnextfmt=default]

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áfico de 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 el mateix 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 IraidaLlucià i Bagüés i Alicia Bailey Garrido https://itunes.apple.com/es/book/les-lletres-i-jo-conte-sobre/id569411537?mt=11 El 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, 2011 La imatge de la lupa de la diapositiva 33 està extreta de “Magnifying glass icon” de Ignacio javierigjav, 2009 La imatge del proveïdor de la diapositiva 34 està extreta de “user, employee, office worker, knowledge worker, identity management, role” de RRZEicons, 2008 La 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 2013