1

Barreres

Solucions

Encàrrecs

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

Blanc

Vermell

Europa Xina

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

• Si el nostre usuari fa servir…

• Es pot trobar amb…

Motricitat

21

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

22

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

23

En xifres... (diversitat funcional)

Font: Persones amb discapacitat a Catalunya 2011

6,3% població

24

Les solucions

25

Text clar

Multimodal

Adaptable

Robust

Accessible

Si la informació és accessible, tothom en pot gaudir

L’equació de l’accessibilitat

26

Text clar

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

27

Multimodal

• La informació ha de ser tramesa per o TextoSo o 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’incloureoEl producte: un web amb uns

continguts inicialso L’eina per crear els contingutsoAccions de formacióoManteniment durant un any

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

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

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

36

Valoració del procés

• Accessibilitat tècnicaoAvaluació automàtica + Avaluació

manual

• Accessibilitat usableoObservacions i entrevistes inicials +o Prototip amb avaluació heurística +oAvaluació per experts i usuaris

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 à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 + corrector

ortogràfic

38

Preguntes?Moltes gràcies per la vostra atenció!

Mireia Ribera ribera@ub.edu, http://bd.ub.edu/adaptabit

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=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 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,

2011La 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, 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 2013