Upload
others
View
1
Download
0
Embed Size (px)
Citation preview
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
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
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
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
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
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?
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
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.
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.
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.
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.
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)
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.
+
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.
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.
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?
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?
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:…+
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?
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?
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
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
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?
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
+
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
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
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?
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
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?
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
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?
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
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
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
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
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.
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?
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
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
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?
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
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
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
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
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
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.
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.
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.
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
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
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.
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.
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
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.
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.
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
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
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.
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
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.
….
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
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
Edición de textos accesibles [SESIÓN I]
Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected] 63
Edición de textos accesibles [SESIÓN I]
Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected] 64
Edición de textos accesibles [SESIÓN I]
Ester Serna Berná / Responsable técnico área desarrollo Web / [email protected] 65
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
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
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
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
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.
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
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
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
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
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.• ….
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.• ….
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.• ….
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.
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
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
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
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
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
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
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
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?
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
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
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