PDF de programación - ACCESIBILIDAD WEB EN ECUADOR

ACCESIBILIDAD WEB EN ECUADOR

Mitos

MITO

El porcentaje de

personas con

discapacidad es muy

pequeño

361.511 (2013) / 15.960.887 (2014)



2,26%

Australia 1993

Canadá 1991

España 1986

361.511 (2013) / 15.960.887 (2014)



10-15%
2,26%

MITO

La accesibilidad es sólo

para las personas
con discapacidad

La accesibilidad web te puede ayudar a mejorar
el posicionamiento de un sitio web.

Tu usuario más importante es ciego. La mitad de las visitas a tu
sitio vienen de Google, y Google sólo ve lo que un ciego puede ver.
Si tu sitio no es accesible, tendrás menos visitas. Fin de la historia.

Fuente: Steven Pemberton (Chair of HTML and Forms Working
Groups, W3C)

MITO

Un sitio web tiene que
ser “feo y aburrido”, sin

imágenes ni colores,
para que sea accesible

¿Cómo utilizan el

ordenador las personas

con discapacidad?

Interruptor por aire
(Sip-Puff Switch)
Inspiración y expiración

Interruptor por agarre
(Grasp Switch)

Interruptor flexible
(Flex Switch)

¿Cómo se logra que un
sitio web sea accesible?

Las Pautas de Accesibilidad para el Contenido Web 2.0 definen cómo crear
contenido web más accesible para las personas con discapacidad. La
accesibilidad considera un amplio rango de discapacidades, tales como las
visuales, auditivas, físicas, del habla, cognitivas, del lenguaje, de aprendizaje y
neurológicas. Aunque estas pautas cubren un amplio rango de discapacidades, no
son suficientes para satisfacer las necesidades de personas con todos los tipos,
grados y combinaciones de discapacidad posibles. Estas pautas también ayudan a
que el contenido sea más usable para las personas mayores, que ven sus
habilidades reducidas a causa de la edad y, a menudo, mejoran la usabilidad para
los usuarios en general.

Principios

4

Directrices

12

Criterios de cumplimiento

60

Técnicas suficientes

Técnicas de asesoramiento

Principio 1: Perceptible: la información y los componentes de la interfaz de usuario deben ser
mostrados a los usuarios en formas que ellos puedan entender.

Directriz 1.1: Texto alternativo: Proporciona texto alternativo para el contenido que no sea
textual, así podrá ser transformado en otros formatos que la gente necesite, como
caracteres grandes, lenguaje braille, lenguaje oral, símbolos o lenguaje más simple.
Directriz 1.2: Contenido multimedia dependiente del tiempo: Proporcione alternativas
sincronizadas para contenidos multimedia sincronizados dependientes del tiempo.
Directriz 1.3: Adaptable: Crear contenido que pueda ser presentado de diferentes formas
sin perder ni información ni estructura.
Directriz 1.4: Distinguible: Facilitar a los usuarios ver y escuchar el contenido incluyendo la
distinción entre lo más y menos importante.

Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe ser
manejable.

Directriz 2.1: Teclado accesible: Poder controlar todas las funciones desde el teclado.
Directriz 2.2 Tiempo suficiente: Proporciona tiempo suficiente a los usuarios para leer y
utilizar el contenido.
Directriz 2.3: Ataques epilépticos: No diseñar contenido que pueda causar ataques
epilépticos.
Directriz 2.4: Navegación: Proporciona formas para ayudar a los usuarios a navegar, a
buscar contenido y a determinar donde están estos.

Principio 3: Comprensible. La información y las operaciones de usuarios deben ser
comprensibles

Directriz 3.1: Legible. Hacer contenido de texto legible y comprensible.
Directriz 3.2 Previsible: Hacer la apariencia y la forma de utilizar las páginas web
previsibles.
Directriz 3.3 Asistencia a la entrada de datos: los usuarios de ayuda evitarán y corregirán
errores.

Principio 4: Robustez: el contenido deber ser suficientemente robusto para que pueda ser bien
interpretado por una gran variedad de agentes de usuario, incluyendo tecnologías de
asistencia.

Directriz 4.1 Compatible: Maximiza la compatibilidad con los agentes de usuario actuales y
futuros, incluyendo tecnologías de asistencia.

Ejemplo

100

90

80

70

60

50

40

30

20

10

0

2011

2012

Eritrea

Ecuador

España

Islandia

Fuente: Internet users (per 100 people) / The World Bank

¿Cómo se puede hacer este gráfico más accesible?

100

90

80

70

60

50

40

30

20

10

0

2011

2012

Eritrea

Ecuador

España

Islandia

Fuente: Internet users (per 100 people) / The World Bank

Problemas de percepción de contraste
Aunque las pautas no lo dicen explícitamente, el gráfico transmite información y
puede ser que el texto o las propias barras no tengan contraste suficiente:
- Para el texto, lo normal es un contraste 4,5:1 mínimo.
- Para las barras se podría aceptar un contraste 3:1 mínimo porque su grosor es
bastante mayor que el de un texto.

100

90

80

70

60

50

40

30

20

10

0

2011

2012

Eritrea

Ecuador

España

Islandia

Daltonismo y problemas percepción de colores
Hay que asegurarse de que sin color la leyenda de las barras tiene sentido y se puede
saber cuál es cada dato. Por ejemplo:
- Terminar cada barra con un remate diferente (plano, circular, triangular).
- Bordes de distinto tipo.
- Contenido con rayados diferentes
- Un icono o letra al principio de cada barra.

100

90

80

70

60

50

40

30

20

10

0

2011

2012

Eritrea

Ecuador

España

Islandia

Discapacidad cognitiva / intelectual
Conviene indicar los valores de cada barra al final de las mismas, de forma
que no haya que calcular el valor de cada barra con una regla.

En realidad, ayuda a todo el mundo.

100

90

80

70

60

50

40

30

20

10

0

95

96

72

67,6

35,1

31,4

2011

2012

0,7

0,8

Eritrea

Ecuador

España

Islandia

100

90

80

70

60

50

40

30

20

10

0

95

96

72

67,6

35,1

31,4

2011

2012

0,7

0,8

Eritrea

Ecuador

España

Islandia

¿Cómo se puede hacer este gráfico más accesible?

¿Qué más se puede hacer?

Encabezado de columna

País
Eritrea

Ecuador

España

Islandia

2011
0,7

31,4

67,6

95

2012
0,8

35,1

72

96

Encabezado

de fila

<img src="internet.png"
alt="Índice de penetración de Internet por países



(gráfico de barras, datos disponibles en la
siguiente tabla)" />

filas: países; columnas: % de la población que dispone
de acceso a Internet">

<table class="oculto"
summary="Datos de penetración de Internet;


<caption>Índice de penetración de Internet por
países</caption>
<thead>
<tr>
<th scope="col">País</th>
<th scope="col">2011</th>
<th scope="col">2012</th>
</tr>
</thead>

<tbody>
<tr>
<th scope="row">Eritrea</th>
<td>0,7</td>
<td>0,8</td>
</tr>
<tr>
<th scope="row">Ecuador</th>
<td>31,4</td>
<td>35,1</td>
</tr>
...
</tbody>
</table>

.oculto {
position: absolute;
left: -9999em;
width: 1px;
height: 1px;
overflow: hidden;
}

Ejemplo

¿Cómo se puede comprobar la accesibilidad

de un sitio web?

¿Qué ocurre si mi sitio web no es accesible?

¿Accesibilidad web en Ecuador?

Reglamento

¿Quién?

¿Para quién?

¿Cómo?

¿Cuándo?

Escuela Politécnica Nacional



Universidad Politécnica Salesiana

Escuela Superior Politécnica de Chimborazo

…

http://accesibilidadweb.dlsi.ua.es/

http://accesibilidadenlaweb.blogspot.com/

https://twitter.com/sergiolujanmora

¡Muchas gracias!

Sergio Luján Mora



[email protected]
@sergiolujanmora
sergiolujanmora.es