Antes de empezar

Os podéis bajar la

presentación de:

bit.ly/33seYUj

¡Hola!, soyVicent Sanchis

Doctor en Ciencias de la VisiónOptometrista clínicoProfesor asociado en la UVDesarrollador web

¿Cuántos visitantes de tu web la ven suficientemente bien?

Una charla sobre accesibilidad visual

Accesibilidad

discapacidad

accessibility

a11y

Accesibilidad

accesibilidad

accessibility

a11y

Accesibilidad

accesibilidad

accessibility

a11y

Accesibilidad

accesibilidad

accessibility

a11y

Accesibilidad

a11y

Accesibilidad

Usabilidada11y

Accesibilidad

ErgonomíaUsabilidad

a11y

Accesibilidad

ErgonomíaUsabilidad

a11y

Human Factors

“We are

after all!”

“We are human after all”

Accesibilidad

Respetar los estándares de código y las

buenas prácticas.

Hacer pruebas de usabilidad con

múltiples personas.

Accesibilidad

WordPress está comprometido en

respetar la WCAG 2.1

“The Accessibility Team works to make

WordPress accessible to as many people

as possible. This means making sure

people are not just able to read web

pages but also to maintain websites.”

https://make.wordpress.org/accessibility/

https://make.wordpress.org/accessibility/

Accesibilidad

No obstante, usar una herramienta

accesible y un tema accesible no

garantiza que el resultado sea accesible.

Podemos tomar malas decisiones que

dificulten la usabilidad.

El ojo

Córnea

Cristalino

Retina

Nervio ópticoPupila

El ojo

El ojo

R

Emetropía

Miopía

Hipermetropía

Acomodación

R P

Acomodación

R PIntervalo de visión nítida

Presbicia

Edad

Esf

uer

zo m

áxi

mo

para

enfo

car

(D)

Amplitude of accommodation

Edad

Amplitud de

Acomodación

(D)

Punto

próximo

(cm)

25 11 9

30 9,5 11

35 8 13

40 6,5 15

45 5 20

50 3,5 29

55 2 50

60 0,5 200

65 -1 -100

https://en.wikipedia.org/wiki/Amplitude_of_accommodation

Presbicia

Presbicia

> 40 años

< 40 años

Porcentaje población

Edad

populationpyramid.net

http://populationpyramid.net/es/espa%C3%B1a/2019/

Problemas para ver de cerca

Porcentaje

Edad

Emetropía Hipermetropía

Prevalencia refractiva en una población mediterránea, Santiago García-Lázaro

http://www.cgcoo.es/download.asp?file=media/gaceta/gaceta448/cientifico2.pdf

Perfiles

Grupo de edad Género

18 a 35 36 a 55 > 56 Hombre Mujer

Se revisan periódicamente 56% 70% 75% 66% 71%

Usan gafas 71% 79% 90% 79% 85%

Las reemplazan como mucho cada dos años 32% 45% 38% 29% 47%

Las han perdido/roto 34% 41% 24% 41% 29%

Usan lentes de contacto 33% 12% 4% 9% 17%

No usa nada 24% 15% 6% 15% 12%

Libro blanco de la salud visual en España, 2019, CGCOO

http://www.cgcoo.es/libro-blanco-salud-visual-en-espana-2019

Perfiles

Grupo de edad Género

18 a 35 36 a 55 > 56 Hombre Mujer

Se revisan periódicamente 56% 70% 75% 66% 71%

Usan gafas 71% 79% 90% 79% 85%

Las reemplazan como mucho cada dos años 32% 45% 38% 29% 47%

Las han perdido/roto 34% 41% 24% 41% 29%

Usan lentes de contacto 33% 12% 4% 9% 17%

No usa nada 24% 15% 6% 15% 12%

Perfiles

Grupo de edad Género

18 a 35 36 a 55 > 56 Hombre Mujer

Se revisan periódicamente 56% 70% 75% 66% 71%

Usan gafas 71% 79% 90% 79% 85%

Las reemplazan como mucho cada dos años 32% 45% 38% 29% 47%

Las han perdido/roto 34% 41% 24% 41% 29%

Usan lentes de contacto 33% 12% 4% 9% 17%

No usa nada 24% 15% 6% 15% 12%

Perfiles

Grupo de edad Género

18 a 35 36 a 55 > 56 Hombre Mujer

Se revisan periódicamente 56% 70% 75% 66% 71%

Usan gafas 71% 79% 90% 79% 85%

Las reemplazan como mucho cada dos años 32% 45% 38% 29% 47%

Las han perdido/roto 34% 41% 24% 41% 29%

Usan lentes de contacto 33% 12% 4% 9% 17%

No usa nada 24% 15% 6% 15% 12%

Perfiles

Grupo de edad Género

18 a 35 36 a 55 > 56 Hombre Mujer

Se revisan periódicamente 56% 70% 75% 66% 71%

Usan gafas 71% 79% 90% 79% 85%

Las reemplazan como mucho cada dos años 32% 45% 38% 29% 47%

Las han perdido/roto 34% 41% 24% 41% 29%

Usan lentes de contacto 33% 12% 4% 9% 17%

No usa nada 24% 15% 6% 15% 12%

Perfiles

Grupo de edad Género

18 a 35 36 a 55 > 56 Hombre Mujer

Se revisan periódicamente 56% 70% 75% 66% 71%

Usan gafas 71% 79% 90% 79% 85%

Las reemplazan como mucho cada dos años 32% 45% 38% 29% 47%

Las han perdido/roto 34% 41% 24% 41% 29%

Usan lentes de contacto 33% 12% 4% 9% 17%

No usa nada 24% 15% 6% 15% 12%

Perfiles

Grupo de edad Género

18 a 35 36 a 55 > 56 Hombre Mujer

Se revisan periódicamente 56% 70% 75% 66% 71%

Usan gafas 71% 79% 90% 79% 85%

Las reemplazan como mucho cada dos años 32% 45% 38% 29% 47%

Las han perdido/roto 34% 41% 24% 41% 29%

Usan lentes de contacto 33% 12% 4% 9% 17%

No usa nada 24% 15% 6% 15% 12%

Visión del color

Deficiencias congénitas:Hombres: entre 2 - 8% según etnicidad

Mujeres: < 0.5%

Deficiencias adquiridas:Exposición a sustancias químicas

Medicamentos

Enfermedades

Traumatismos

Envejecimiento

Tetracromatismo: personas que potencialmente son capaces de diferenciar mejor los colores

Perfiles

Joven Mediana Edad Mayor

Hombre

Más probable que vea mal los colores

Ve bien de cerca

No reemplaza frecuentemente sus gafas

Más probable que vea mal los colores

Empieza a ver mal de cerca

Poco cuidadoso con sus gafas

Más probable que vea mal los colores

Ve mal de cerca (+75%)

No reemplaza frecuentemente sus gafas

Mujer

Ve bien de cerca

Puede que use lentes de contacto

Empieza a ver mal de cerca

Reemplaza frecuentemente las gafas

Puede que tenga alteración en la visión del color

Ve mal de cerca (+75%)

Muy cuidadosa con sus gafas

Consejos de diseño

1Elige bien la tipografía y su tamaño (y

no, que tú lo leas no significa que todos

lo puedan leer)

Consejos de diseño

2Elige bien el contraste de color

(elementos más pequeños requieren más

contraste)

Consejos de diseño

3Evita que detrás de un texto haya una

imagen

3Evita que detrás de un texto haya una

imagen

Consejos de diseño

4Agrega referencias visuales

Consejos de diseño

5Evita cambios de contexto

VS @visanjuvicentsanchis.com