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

Post on 17-May-2020

1 views 0 download

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

Í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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

1. Introducción a la Accesibilidad Web

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

3

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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?

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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)

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

DISCAPACIDADES VISUALES

2. Tipos de discapacidad - Visual: Ceguera

13

PRODUCTOS DE APOYO

Navegadores de texto

+ Sintetizador de voz

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

+

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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?

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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?

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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:…+

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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?

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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?

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com 21

Sin programación específica

2. Tipos de discapacidad - Visual: Ceguera

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com 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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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?

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

24

DISCAPACIDADES VISUALES

PRODUCTOS DE APOYO Pantallas grandes + Ampliadores de pantalla

+

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

26

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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?

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

28

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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?

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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?

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

32

Color ContrastAnalyser

Color del texto

Color de fondo

No supera el test

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

34

Supera el test

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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?

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

38

Separar contenido de aspecto

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com 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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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?

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

41

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

42

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com 43

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

Ojo con los gráficos

basados en el color

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com 44

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com 45

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

Gráfico no basado en el color

Ejemplo correcto

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

2. Tipos de discapacidad – Neurológica y Cognitiva

56

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com 57

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.

….

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com 63

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com 64

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com 65

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

3. ¿Qué es accesibilidad web?

68

Eliminar barreras nos beneficia a todos

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.• ….

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.• ….

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.• ….

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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.

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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?

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

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

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

Ester Serna Berná / Responsable técnico área desarrollo Web / ester.serna@eltallerdigital.com

Gracias por vuestra atención

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

Stephen W. Hawking

89