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]

1. Barreres Solucions Encàrrecs
Com comunicar-nos de forma accessible?
1

2. Les barreres
2

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

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

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
5

6. Simbolisme
6

7. Colors
Blanc
Vermell
Europa Xina
7

8. Referències culturals
8

9. En xifres… (immigració)
9

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

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
11

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

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

14. Anglès i tecnicismes
No ho
entenc!
14

15. Sobrecàrrega
Uf!
15

16. En xifres… ara minoritari
16

17. En xifres… en el futur majoritari
17

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

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

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

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

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

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

24. Les solucions
24

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

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

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

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

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

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

31. Encàrrecs
31

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

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àsiques
33

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. Maduresa del proveïdor
o No té coneixement d'accessibilitat.
o És conscient de la necessitat de l'accessibilitat,
però no hi ha treballat. Parteix de zero.
o 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
35

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

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

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

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 “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 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 Older Users
Presentation, 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=a32cfb3a5bc
97310VgnVCM1000008d0c1e0aRCRD&vgnextchannel=a32cfb3a5bc97310VgnVCM1000008d0c1e0aRCRD&vgnextfmt=def
ault]
39

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=8cce73ee345f031
0VgnVCM2000009b0c1e0aRCRD&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 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 javier igjav, 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
40