Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su...

89
Edición de textos accesibles [SESIÓN I] Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected] Accesibilidad en la Web El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto esencial.Tim Berners-Lee 1

Transcript of Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su...

Page 1: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

Accesibilidad en la Web

“El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto esencial.”

Tim Berners-Lee

1

Page 2: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

Índice

1. Introducción a la Accesibilidad Web.

2. Tipos de discapacidad y productos de apoyo.

3. ¿Qué es Accesibilidad Web?.

4. Directrices de accesibilidad: Pautas de accesibilidad al contenido web (WCAG).

5. Legislación española.

6. Ventajas.

2

Page 3: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

1. Introducción a la Accesibilidad Web

Diferentes situaciones a las que se enfrentan día a día muchos usuarios de Internet.

3

Page 4: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

1. Introducción a la Accesibilidad Web

Pueden no ser capaces de ver, escuchar, moverse o pueden no ser capaces de procesar algunos tipos de información fácilmente o en absoluto.

Pueden tener dificultad en la lectura o comprensión de un texto.

No tienen por qué tener o ser capaces de usar un teclado o un ratón.

Pueden tener una pantalla que sólo presenta texto, una pantalla pequeña o una conexión lenta a Internet.

4

Page 5: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

1. Introducción a la Accesibilidad Web

Pueden no hablar o comprender con fluidez el idioma en que esté redactado el documento.

Pueden encontrarse en una situación en la que sus ojos, oídos o manos estén ocupados u obstaculizados.

Pueden tener una versión anterior del navegador, un navegador completamente diferente, un navegador de voz o un sistema operativo distinto.

5

Page 6: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

1. Introducción a la Accesibilidad Web

6

Niños y personas mayores (personas inexpertas).

Personas con discapacidad: Físicas, psíquicas, sensoriales.

Cognitivas y de lenguaje (incluidos usuarios no dominan el idioma).

Personas en ambientes ruidoso, mala iluminación, etc..

Personas con dispositivos lentos o antiguos (bajo poder

adquisitivo).

Personas que no puedan acceder a la banda ancha.

Personas con dispositivos de tecnología punta.

¿Qué usuarios hay detrás de esas situaciones?

Page 7: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad

Discapacidades relacionadas con la salud, tanto crónicas como transitorias. Discapacidades visuales.

Discapacidades auditivas.

Discapacidades motrices.

Discapacidades neurológicas o cognitivas.

Discapacidades relacionadas con el envejecimiento.

Limitaciones derivadas de una situación desfavorable.

7

Page 8: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad

8

Ceguera: La OMS considera ceguera a una visión < 20/400.

DISCAPACIDADES VISUALES

Baja visión: Falta de agudeza visual, distrofia macular o visión borrosa.

Daltonismo: Alteración congénita que dificulta la percepción de ciertos colores.

Page 9: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad

9

¿Cómo acceden e interactúan estos usuarios con nuestros contenidos web?

DISCAPACIDADES VISUALES

PRODUCTOS DE APOYO

Los productos de apoyo son dispositivos diseñados para ayudar a las personas con discapacidad a realizar las tareas comunes de la actividad diaria que de otra manera no podrían realizar fácilmente.

Page 10: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad

10

¿Cómo acceden e interactúan estos usuarios con nuestros contenidos web?

DISCAPACIDADES VISUALES

PRODUCTOS DE APOYO

En informática, son aplicaciones software, dispositivos hardware o una combinación de ambos.

Page 11: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad - Visual: Ceguera

11

DISCAPACIDADES VISUALES

PRODUCTOS DE APOYO

Braille y líneas de braille

• Braille es el código de lectura a través del cual las personas invidentes tienen acceso a la información a través de las yemas de los dedos

• Línea braille, es un dispositivo que presenta los caracteres braille mediante puntos o clavijas que suben y bajan dinámicamente.

Page 12: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad - Visual: Ceguera

12

DISCAPACIDADES VISUALES

PRODUCTOS DE APOYO Lector de pantallaSoftware que interpreta el texto que aparece en pantalla y lo dirige a un dispositivo de salida como:

Información táctilInformación sonora

Lector de pantalla + línea braille

Lectores de pantalla:• Jaws for Windows• NVDAEmulador:• Claws (sólo Firefox)

Page 13: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

DISCAPACIDADES VISUALES

2. Tipos de discapacidad - Visual: Ceguera

13

PRODUCTOS DE APOYO

Navegadores de texto

+ Sintetizador de voz

Navegadores texto:• Lynx, • WebbIE, • MozBraille, etc.

+

Page 14: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

DISCAPACIDADES VISUALES

2. Tipos de discapacidad - Visual: Ceguera

14

¿Qué método utilizan para encontrar información en una Web larga?

Encuesta realizada por WebAIM:Realizada a los usuarios de lector de pantalla sobre el método que usan para encontrar la información en una página web.

• El 65.6% de los encuestados prefiere navegar a través de los encabezados de la página.

• El 15,2% prefiere utilizar el comando buscar.

• El 9.8 % navega a través de los enlaces de la página.

• El 6,7% lee la página.

Page 15: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

DISCAPACIDADES VISUALES

2. Tipos de discapacidad - Visual: Ceguera

15

¿Qué método utilizan para encontrar información en una Web larga?

• Estrategias de interacción:• Utilizar los encabezados, listas, tablas, etc.. para saltar entre

elementos.• Navegar con el tabulador para recorrer los enlaces o utilizar las

opciones de los lectores de pantalla para extraer la lista de enlaces.

• Uso de las teclas de acceso rápido.

Page 16: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad - Visual: Ceguera

16

DISCAPACIDADES VISUALES

Imágenes sin un texto alternativo que describa su contenido.

¿Con qué barreras de acceso se encuentran algunos usuarios con ceguera?

Page 17: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad - Visual: Ceguera

17

DISCAPACIDADES VISUALES

Imágenes complejas como gráficos de barras o estadísticas, sin una descripción detallada.

¿Con qué barreras de acceso se encuentran algunos usuarios con ceguera?

Page 18: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad - Visual: Ceguera

18

Texto alternativo: Número de empleados públicos por comunidades.

Descripción larga:Número de empleados por comunidadesGalicia:

Población: 2.796.089Empleados públicos: 153.580Habitantes por cada empleado

público: 18,21Asturias:

Población:…Empleados públicos:…Habitantes por cada empleado

público:…+

Page 19: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad - Visual: Ceguera

19

DISCAPACIDADES VISUALES

Elementos multimedia (vídeos, animaciones, …) sin transcripción textual o sonora. Ejemplo

¿Con qué barreras de acceso se encuentran algunos usuarios con ceguera?

Page 20: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad - Visual: Ceguera

20

DISCAPACIDADES VISUALES

Tablas cuyo contenido resulta incomprensible cuando se lee de forma secuencial.

¿Con qué barreras de acceso se encuentran algunos usuarios con ceguera?

Page 21: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected] 21

Sin programación específica

2. Tipos de discapacidad - Visual: Ceguera

Page 22: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected] 22

Caption: Visitantes de rrrr.com por países Summary: Visitantes que hemos tenido en rrrr.com clasificados por países y meses. De cada país se indica que número de usuarios hablan español y cuales no. España , Si, Enero = 10, España , No, Enero = 0, México , Si, Enero = 15, México , No, Enero = 5, EEUU, Si, Enero = 5, EEUU, No, Enero = 25 España , Si, Febrero = 11, España , No, Febrero = 0, México , Si, Febrero = 20, México , No, Febrero = 2, EEUU, Si, Febrero = 3, EEUU, No, Febrero = 30 ….

Con programación específica

2. Tipos de discapacidad - Visual: Ceguera

Page 23: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad - Visual: Ceguera

23

DISCAPACIDADES VISUALES

Formatos no accesibles de documentos que pueden ser problemáticos para un lector de pantalla (Ej. Documentos PDF).

Ausencia de encabezados, listas, párrafos, etc. que les permite ojear el documento.

Enlaces que no describan el contenido de su destino o cambien de ventana sin avisar al usuario. (Ejemplo)

No pueden de leer el texto con la pronunciación y acento apropiados sino está declarado idioma principal del documento y el idioma de las partes, es decir, cada vez que se produzca un cambio de idioma dentro del documento.

¿Con qué barreras de acceso se encuentran algunos usuarios con ceguera?

Page 24: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad - Visual: Baja visión

24

DISCAPACIDADES VISUALES

PRODUCTOS DE APOYO Pantallas grandes + Ampliadores de pantalla

+

Page 25: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad - Visual: Baja visión

25

DISCAPACIDADES VISUALES

ESTRATEGIAS ADAPTACIÓN 1. Combinaciones específicas de colores de texto y fondo con tamaños de letra más legibles.

2. Uso de sus propias hojas de estilo u hojas de estilos ya predefinidas.

BLANCO SOBRE NEGRO

Estilos alto contraste

NEGRO SOBRE BLANCO

Page 26: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad – Visual: Baja visión

26

Page 27: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad - Visual: Baja visión

27

DISCAPACIDADES VISUALES

Tamaño de letra pequeño o con medidas absolutas (fijas) que no permiten redefinirlo. Ejemplo: Facultad Económicas. Doble grado turismo

Diseño de páginas que, al modificar el tamaño de fuente, estropea la maquetación y hace difícil la navegación.

¿Con qué barreras de acceso se encuentran algunos usuarios de baja visión?

Page 28: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad - Visual: Baja visión

28

Page 29: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad - Visual: Baja visión

29

DISCAPACIDADES VISUALES

Texto añadido mediante imágenes que dificulta su lectura al aumentar el tamaño.

¿Significa esto que no podemos usar imágenes?

¿Con qué barreras de acceso se encuentran algunos usuarios de baja visión?

Page 30: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad - Visual: Baja visión

30

DISCAPACIDADES VISUALES

No, significa que ante la duda de crear un contenido como imagen o crear un contenido como texto, elijamos esta última opción.

¿Con qué barreras de acceso se encuentran algunos usuarios de baja visión?

Mejor en texto

Maquetar una tabla de datos en vez de insertar una imagen

Page 31: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad - Visual: Baja visión

31

DISCAPACIDADES VISUALES

Hay poco contraste en las imágenes o texto.

Barreras de acceso• Para la percepción• Para el manejo• Para la comprensión• Para la compatibilidad

IMAGEN

TEXTO

¿Con qué barreras de acceso se encuentran algunos usuarios de baja visión?

Page 32: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad - Visual: Baja visión

32

Color ContrastAnalyser

Color del texto

Color de fondo

No supera el test

Page 33: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad - Visual: Baja visión

33

Contraste suficiente

Contraste óptimo

Texto grande:

El texto de al menos

18 puntos o

14 puntos en negritas

Page 34: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad - Visual: Baja visión

34

Supera el test

Page 35: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

Poco contraste en texto.

2. Tipos de discapacidad - Visual: Baja visión

35

Barreras de acceso• Para la percepción• Para el manejo• Para la comprensión• Para la compatibilidad

Barreras de acceso• Para la percepción• Para el manejo• Para la comprensión• Para la compatibilidad

Barreras de acceso• Para la percepción• Para el manejo• Para la comprensión• Para la compatibilidad

Page 36: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad - Visual: Daltonismo

36

DISCAPACIDADES VISUALES

¿Qué estrategia de adaptación utilizan las personas con daltonismo?

Las personas con daltonismo pueden emplear sus propias hojas de estilo para modificar los colores de las fuentes y del fondo de las páginas, en vez de usar los definidos por el diseñador.

Page 37: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad – Visual: Baja Visión y Daltonismo

37

DISCAPACIDADES VISUALES

No pueden insertar sus propios estilos: Colores texto y fondo.

Tamaños de letra mayores.

Fuentes de letra más legibles.

Utilizar estilos de alto contraste ya predefinidos.

EJEMPLO

¿Con qué barreras de acceso se encuentran algunos usuarios?

Page 38: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad – Visual: Baja Visión y Daltonismo

38

Separar contenido de aspecto

Page 39: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected] 39

2. Tipos de discapacidad – Visual: Baja Visión y Daltonismo

No pegar directamente desde Word, usar el icono específico para pegar contenidos

Ejemplo

Page 40: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad – Visual: Baja Visión y Daltonismo

40

DISCAPACIDADES VISUALES

Uso del color para resaltar texto sin usar otro elemento de formato adicional (como cursiva, negrita o subrayado).

¿Con qué barreras de acceso se encuentran algunos usuarios?

Page 41: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad – Visual: Baja Visión y Daltonismo

41

Page 42: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad – Visual: Baja Visión y Daltonismo

42

Page 43: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected] 43

2. Tipos de discapacidad – Visual: Baja Visión y Daltonismo

Ojo con los gráficos

basados en el color

Page 44: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected] 44

2. Tipos de discapacidad – Visual: Baja Visión y Daltonismo

Page 45: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected] 45

2. Tipos de discapacidad – Visual: Baja Visión y Daltonismo

Gráfico no basado en el color

Ejemplo correcto

Page 46: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad – Auditiva

46

DISCAPACIDADES AUDITIVAS

1. Sordera o cofosis: La sordera es la pérdida total de la audición que imposibilita la percepción del lenguaje por vía auditiva, teniendo que acceder a esa información a través de la vista. El idioma principal de algunas personas con sordera es la lengua de signos y es posible que no hablen o lean con fluidez otro idioma.

2. Hipoacusia: La hipoacusia es aquella disminución de la capacidad auditiva que aún permite recibir el lenguaje oral por vía auditiva. También se puede denominar sordera ligera o moderada.

Page 47: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad – Auditiva

47

DISCAPACIDADES AUDITIVAS

¿Qué productos de apoyo o estrategias utilizan para interactuar con nuestros contenidos?

Ninguno. Estos usuarios dependen sobre todo de nuestros contenidos web.

Page 48: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad – Auditiva

48

DISCAPACIDADES AUDITIVAS

¿Con qué barreras de acceso se encuentran estos usuarios?

Falta de subtítulos, o de transcripciones de los contenidos sonoros (sonidos ambientales, meteorológicos,…).

Falta de imágenes que ayuden la comprensión del contenido de las páginas.

Textos mal estructurados y uso de un lenguaje complejo.

Necesidad de entrada de voz en algunos sitios web.

Page 49: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad – Motriz

49

Aquellas que afectan a la correcta movilidad de las personas: Distrofia muscular: Debilidad progresiva y deterioro de los

músculos esqueléticos, o voluntarios, que controlan el movimiento.

Distonía muscular: Contracciones involuntarias permanentes de los músculos de una o más partes del cuerpo debido a una disfunción del sistema nervioso.

Enfermedad de Parkinson: Se caracteriza por los siguientes síntomas: temblores (en manos, brazos, piernas, mandíbula y cara), rigidez en las extremidades y el tronco, lentitud de movimientos e inestabilidad postural.

DISCAPACIDADES MOTRICES

Page 50: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

DISCAPACIDADES MOTRICES

2. Tipos de discapacidad – Motriz

50

PRODUCTOS DE APOYO

Teclados ampliados Teclados reducidos

Teclados de una sola mano Punteros de cabeza o licornio Varillas bucales o de pie

Page 51: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

DISCAPACIDADES MOTRICES

2. Tipos de discapacidad

51

PRODUCTOS DE APOYO

Teclados en pantalllaPantallas táctiles

Sistemas de reconocimiento del ojo. Detectores de movimiento de cabeza. Conmutadores de aspiración y soplado.

Page 52: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad

52

DISCAPACIDADES MOTRICES

¿Con qué barreras de acceso se encuentran estos usuarios?

Iconos, botones, enlaces y otros elementos de interacción demasiado pequeños que dificultan su uso a personas con poca destreza en sus movimientos.

Falta de independencia de dispositivo que impide usar correctamente la Web con dispositivo diferente del ratón.

Tiempos de respuesta limitados para interactuar con la página.

Page 53: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad – Neurológica y Cognitiva

53

Relacionadas con el aprendizaje: dislexia, discalculia...

Trastornos de déficit de atención.

Dificultad para comprender conceptos complejos.

Falta de memoria.

Trastornos emocionales que dificultan la concentración.

Epilepsia.

DISCAPACIDADES NEUROLÓGICAS Y COGNITIVAS

Page 54: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

DISCAPACIDADES NEUROLÓGICAS Y COGNITIVAS

2. Tipos de discapacidad – Neurológica y Cognitiva

54

PRODUCTOS DE APOYO y ESTRATEGIAS

• Lector de pantalla para facilitar la comprensión a las personas con dificultades para la lectura.

• Subtítulos que faciliten la comprensión de un contenido sonoroa las personas con dificultades para procesar la información auditiva.

• Desactivación de los elementos multimedia (animaciones gráficos y sonido) para concentrarse en el contenido o evitar ataques como en el caso de los enfermos de epilepsia.

Page 55: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad – Neurológica y Cognitiva

55

DISCAPACIDADES NEUROLÓGICAS Y COGNITIVAS

¿Con qué barreras de acceso se encuentran estos usuarios?

Elementos visuales o sonoros que no se puedan desactivar cuando se desee y que puedan distraer a las personas con déficit de atención.

Falta de una organización clara y coherente de la información que ayude a las personas con problemas de memoria o con escasa capacidad cognitiva.

Falta de encabezados, párrafos, listas, etc…

Tipografías poco legibles y tamaños de letra inadecuados.

Presentación: Espaciados incorrectos y anchos de texto que superan los 80 caracteres.

Page 56: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad – Neurológica y Cognitiva

56

Page 57: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected] 57

• Tamaño de letra más grande• Espaciado entre párrafos• Márgenes en la página• Ancho de página menor

Page 58: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad – Neurológica y Cognitiva

58

DISCAPACIDADES NEUROLÓGICAS Y COGNITIVAS

¿Con qué barreras de acceso se encuentran estos usuarios?

Lenguaje complejo (abuso de jergas, frases en pasiva o negativa, etc.).

Ausencia de gráficos en los sitios web que complementen la informacióntextual.

Destellos o parpadeos con altas frecuencias que pueden provocar ataques de epilepsia.

Page 59: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad – Relacionadas con el envejecimiento

59

Pérdida paulatina de capacidades, disminución de la vista, de la capacidad auditiva, la memoria, coordinación y destreza física.

Múltiples limitaciones.

Muchas de las barreras explicadas en las discapacidades anteriores pueden encontrarse las personas mayores.

DISCAPACIDADES RELACIONADAS CON EL ENVEJECIMIENTO

Page 60: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad – Relacionadas con el envejecimiento

60

DISCAPACIDADES RELACIONADAS CON EL ENVEJECIMIENTO

¿Con qué barreras de acceso se encuentran estos usuarios?

Falta de contraste entre el color de fondo y primer plano.

Falta de una organización clara y coherente de nuestros contenidos Web.

Iconos, botones, enlaces, etc.. pequeños.

Falta de imágenes que ayuden a la comprensión de nuestros textos.

Tamaños de letra pequeños.

Lenguaje complejo.

….

Page 61: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad – Limitaciones del entorno

61

No pueden considerarse discapacidades en sentido estricto.

Son condiciones que restringen las posibilidades en el acceso a Internet.

LIMITACIONES DERIVADAS DEL ENTORNO

Page 62: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad – Limitaciones del entorno

62

Navegadores antiguos con escaso soporte para nuevas tecnologías. Se deberían proporcionar contenidos alternativos para este tipo de elementos.

Navegadores de texto usados en ordenadores antiguos o en terminales con una limitada capacidad gráfica. Debe haber un equivalente textual para todos los elementos no textuales (imágenes, contenido visual y sonoro, etc.).

Pantallas pequeñas, que dificultan la visualización de páginas web diseñadas para resoluciones mayores.

Conexiones lentas que provocan que algunos usuarios desactiven las imágenes y elementos multimedia para reducir el tiempo de descarga de las páginas web.

LIMITACIONES DERIVADAS DEL ENTORNO

Page 63: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected] 63

Page 64: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected] 64

Page 65: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected] 65

Page 66: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

2. Tipos de discapacidad – Limitaciones del entorno

66

Monitores monocromos o en blanco y negro que impiden percibir la información basada únicamente en el color.

Entornos de trabajo que no permiten la percepción del contenido sonoro de las páginas web (elevado nivel de ruido ambiental, etc.). Para solventar esta limitación es necesario que se proporcionen transcripciones o subtítulos.

Ambientes con mala iluminación o escasas condiciones de visibilidad que requieren aumentar el tamaño de la letra, el zoom, el contraste o cambiar los estilos de las páginas web.

Ausencia de ratón para usar el ordenador, teniendo que usar el teclado.

LIMITACIONES DERIVADAS DEL ENTORNO

Page 67: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

3. ¿Qué es accesibilidad web?

Hablar de Accesibilidad Web es hablar de un acceso universal a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios.

Accesibilidad web = Eliminar barreras

67

Page 68: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

3. ¿Qué es accesibilidad web?

68

Eliminar barreras nos beneficia a todos

Page 69: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

3. ¿Qué es accesibilidad web?

69

Eliminar barreras nos beneficia a todos

Personas inexpertas Ambientes poco luminosos

Pantallas pequeñas Usuarios no dominan el idioma

Page 70: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

3. ¿Qué es accesibilidad web?

70

Algunos beneficiarios en cifras:

El 77,1% de la población usa el

móvil para acceder a internet.

Fuente: INE (Instituto Nacional de

Estadística) 2014.

Dispositivos móviles

En España, hay un total de 2.564.893 personas con discapacidad.

Fuente: Base estatal de datos 2013

Población menosexperta

Hogares con conexiones lentas

El 74,4% de los hogares dispone de conexión a Internet, casi cinco puntos más que en 2013.

El 27% de los hogares no

posee banda ancha.

Page 71: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

3. ¿Qué es accesibilidad web?

71

Diversas capacidades en la Universidad de Alicante:

Estudiantes: 2801. Visual: 35

2. Auditivo: 20

3. Física: 70

4. Mental: 45

5. Salud: 57

PAS/PDI: 44

Más información:Memoria 2013-2014 del Centro de Apoyo al Estudiante

Page 72: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

3. ¿Qué es accesibilidad web?

72

Web Accesibility Initiative (WAI): Iniciativa en Accesibilidad Web

Accesibilidad web

Diseño para todos

Conocida como WAI, cuyo objetivo

es facilitar el acceso de las

personas con discapacidad,

desarrollando pautas de

accesibilidad, mejorando las

herramientas para la evaluación de

accesibilidad Web, etc.

1997

Page 73: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

3. ¿Qué es accesibilidad web?

73

Las pautas tratan los aspectos de accesibilidad y proporcionan soluciones de diseño accesibles, reduciendo las barreras.

Indican situaciones habituales que puedan suponer problemas a los usuarios con ciertas discapacidades.

“Ejemplo: La primera pauta explica como los desarrolladores o editores de contenidos pueden hacer accesibles las imágenes.“

“Las pautas no sugieren que se eviten las imágenes como medio para mejorar la accesibilidad, explican como proporcionando un

texto equivalente de la imagen ésta se hará accesible.”

Web Accesibility Initiative (WAI): Iniciativa en Accesibilidad Web

Page 74: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

4. Directrices de accesibilidad: WCAG

Las directrices creadas por el WAI, son las “Pautas de Accesibilidad al Contenido Web (WCAG)”:

• En mayo de 1999, WCAG 1.0.

• En diciembre de 2008, WCAG 2.0 (ISO/IEC 40500:2012).

74

Page 75: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

4. Directrices de accesibilidad: WCAG

Las WCAG 2.0 están organizadas en 4 principios:

• Perceptible (4 pautas)

75

La información y los componentes de la interfaz de usuario deben ser presentados a los usuarios de modo que ellos puedan percibirlos:• Incluyendo alternativas textuales a los

elementos gráficos o sonoros.• Proporcionando un contraste suficiente.• Estructurando nuestros contenidos.• ….

Page 76: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

4. Directrices de accesibilidad: WCAG

Las WCAG 2.0 están organizadas en 4 principios:

• Perceptible (4 pautas)

• Operable (4 pautas)

76

Los componentes de la interfaz de usuario y la navegación deben ser operables:• La Web ha de ser igualmente funcional

usando el ratón o cualquier otro dispositivo.• No usar tiempos de acción determinados.• ….

Page 77: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

4. Directrices de accesibilidad: WCAG

Las WCAG 2.0 están organizadas en 4 principios:

• Perceptible (4 pautas)

• Operable (4 pautas)

• Comprensible (3 pautas)

77

La información y el manejo de la interfaz de usuario deben ser comprensibles:• Proporcionar un título de página

informativo.• Definir el idioma principal o elementos

foráneos.• Proporcionar encabezados.• Enlaces predecibles y con sentido fuera del

contexto.• Uso de un lenguaje apropiado.• ….

Page 78: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

4. Directrices de accesibilidad: WCAG

Las WCAG 2.0 están organizadas en 4 principios:

• Perceptible (4 pautas)• Operable (4 pautas)• Comprensible (3 pautas)• Robusto (1 pauta)

• Engloban 12 pautas• Cada pauta posee X criterios de conformidad (60 en total) comprobables.• Cada criterio de conformidad tiene asignado un nivel: A, AA, AAA.

78

El contenido debe ser suficientemente robusto como para ser interpretado de forma fiable por una amplia variedad de aplicaciones de usuario, incluyendo los productos de apoyo:• Nuestros contenidos han de ser accesibles

tanto por aplicaciones antiguas como de última generación.

Page 79: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

4. Directrices de accesibilidad: WCAG

Nivel A : sino se cumplen los criterios de conformidad pertenecientes a este nivel, ciertos grupos de usuarios no podrían acceder a la información del sitio Web.

Nivel AA: sino se cumplen los criterios de conformidad pertenecientes a este nivel, sería muy difícil acceder a la información para ciertos grupos de usuarios.

Nivel AAA: sino se cumplen los criterios de conformidad pertenecientes a este nivel, algunos usuarios experimentarían ciertas dificultades para acceder a la información.

79

Page 80: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

Existen tres niveles de conformidad que indican el grado de cumplimiento de los criterios de conformidad por un determinado sitio Web.

1.Nivel de conformidad A

a. Se satisfacen todos los criterio de conformidad del nivel A.

2.Nivel de conformidad AA

a. Se satisfacen todos los criterios de conformidad del nivel nivel A y AA.

3.Nivel de conformidad AAA

a. Se satisfacen todos los criterios de conformidad del nivel A, AA y AAA.

4. Directrices de accesibilidad: WCAG 2.0

Page 81: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

5. Legislación española

1. A partir del 31 de diciembre de 2008, en España, todas las páginas web de las administraciones y entidades públicas deben ser accesibles para las personas con discapacidad (Real Decreto 1494/2007; Ley 53/2007).

2. A partir del 31 de diciembre de 2012, en España, también deben ser accesibles las redes sociales y las empresas catalogadas de especial relevancia económica.(Ley 26/2012). Para que una empresa sea catalogada como relevante económicamente debe tener al menos 100 empleados, o el valor de la empresa debe superar los seis millones de euros.

81

Page 82: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

5. Legislación española

¿Qué páginas deberían ser accesibles por ley?

1. Las páginas de todas las Administraciones y entidades públicas, como Ayuntamientos, Universidades y Gobiernos.

2. Las páginas de los bancos.

3. Las de empresas relevantes económicamente y que trabajen en el sector del transporte, viajes, comercio electrónico o suministros de agua, luz o gas.

4. Las grandes tiendas online.

5. Las grandes redes sociales (Twitter, Facebook), Google…

82

Page 83: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

5. Legislación española

¿Qué deben cumplir para ser accesibles según la legislación española?

Para cumplir con la ley todas estos sitios web deberán satisfacer como mínimo el nivel medio "de los criterios de accesibilidad al contenido generalmente reconocidos" (cumplimiento de los niveles 1 y 2 de la Norma UNE 139803:2012).

83

Nivel de conformidad AA de las Pautas de Accesibilidad al Contenido Web 2.0

Page 84: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

5. Legislación española

84

“Requisitos de accesibilidad para contenidos en la web.”

Norma UNE 139803:2004, basada en las Pautas de Accesibilidad al Contenido Web (WCAG 1.0, 1999).

Norma UNE 139803:2012, basada en las Pautas de Accesibilidad al Contenido Web (WCAG 2.0, 2008).

Base para la Certificación AENOR-Marca N de Accesibilidad TIC

Norma UNE 139803

Page 85: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

5. Legislación española

¿Y en el resto del mundo?

85

• Estados Unidos: primer país en desarrollar una legislación sobre accesibilidad, en 1998.

• Unión europea: proyecto eEurope - Una Sociedad de la Información para Todos“, en 1999.

• Iberoamérica: Argentina, Brasil, Chile, Colombia, Perú, Puerto Rico y Venzuela.

Accesibilidad web por Sergio Luján Mora:Legislación nacional e internacional

Page 86: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

6. Ventajas

Incrementa la audiencia de nuestro sitio web: La audiencia potencial se incrementa porque las pautas de accesibilidad se adaptan a los estándares de otros dispositivos de acceso (móviles, PDA, televisión digital, etc.).

Ayuda a mejorar el posicionamiento natura web (SEO):La necesidad de proporcionar equivalentes textuales, así como la estructuración de los contenidos tiene como resultado el enriquecimiento de la información de la Web de forma que los contenidos pueden ser indexados más efectivamente por los buscadores.

Aumenta la usabilidad:Los sitios web accesibles son en general más "usables" para todo el mundo.

Ahorra costes, contenidos perdurables en el tiempo:Al tener que separar la presentación de los contenidos, y estar nuestros contenidos maquetados en base a un estándar web, el coste de rediseño será menor ya que son perdurables en el tiempo.

Aumentar el reconocimiento social:Se garantiza un derecho y se cumple con la ley.

86

¿Qué beneficios obtenemos todos?

Page 87: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

ENLACES

1. Pautas de Accesibilidad al Contenido de la Web 1.0 (WCAG 1.0)

2. Pautas de Accesibilidad al contenido de la Web 2.0 (WCAG 2.0)

3. Norma UNE 139803:2004

4. Norma UNE 139803:2012

5. Certificación AENOR-Marca N de Accesibilidad TIC

6. The Web Content Accessibility Guidelines

7. Normativa legal

8. Usable y Accesible: Olga Carreras

9. Accesibilidad Web: Sergio Luján

10. Planes y Estrategias Europeas en Materia de Sociedad de la Información

11. W3C: How People with Disabilities Use the Web

12. W3C: Web Accessibility Initiative (WAI)87

Conocer más sobre accesibilidad web

Page 88: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

ENLACES

Jaws for Windowshttp://www.freedomscientific.com/Products/Blindness/JAWS

NVDAhttp://www.nvaccess.org/

Clawshttps://addons.mozilla.org/es/firefox/addon/claws/

Colour Contrast Analyzerhttp://www.paciellogroup.com/resources/contrastanalyser/

88

APLICACIONES

Page 89: Accesibilidad en la Web - ua...Accesibilidad en la Web ^El poder de la Web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto

Edición de textos accesibles [SESIÓN I]

Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected]

Gracias por vuestra atención

“La discapacidad no debería de ser un obstáculo para el éxito.”

Stephen W. Hawking

89