Introducción a la accesibilidad web
Curso de capacitación organizado por la Universidad Politécnica Salesiana.
Lugar de impartición: Universidad Politécnica Salesiana (Guayaquil, Ecuador)
Fecha: 23 y 24 de julio de 2014
Profesores: Sergio Luján Mora
Temario
- ¿Por qué es importante la accesibilidad web?
- La accesibilidad web: qué es, diseño inclusivo (diseño universal, diseño para todos), diferencias usabilidad/accesibilidad.
- Ayudas técnicas (hardware y software): cómo navegan por la Web las personas con discapacidad.
- Normas de accesibilidad del World Wide Web Consortium (W3C): WCAG, ATAG y UAAG.
- WCAG 1.0: Pautas de Accesibilidad sobre el Contenido en la Web 1.0.
- WCAG 2.0: Pautas de Accesibilidad sobre el Contenido en la Web 2.0.
- Herramientas automáticas de revisión de la accesibilidad web.
Nivelación de conocimientos
Para comprender correctamente qué es la accesibilidad web, las principales causas de las barreras de accesibilidad,
las pautas del W3C y las soluciones que se tienen que aplicar, es necesario poseer un mínimo de conocimientos
sobre el desarrollo de páginas web.
El alumno no tiene que ser capaz de crear páginas web por sí mismo, pero sí que tiene que:
- Conocer las tecnologías que se emplean en la parte cliente de las páginas web.
- Ser capaz de entender la estructura general de una página web.
- Conocer el propósito de la mayoría de las etiquetas de HTML.
- Entender la separación que existe entre la estructura y el contenido (HTML)
y la presentación (CSS) de las páginas web.
- Conocer las propiedades y valores más empleados de CSS.
Para ello se propone la realización de las siguientes actividades:
- Visualización de los vídeos de
iDESWEB MiriadaX (1ed) Semana 1
(HTML: conceptos básicos, conceptos avanzados, HTML5. Prototipado de aplicaciones.):
todos los vídeos excepto los dos últimos ("Prototipado: wireframes, mockups y prototipos" y "Prototipos visuales de alta fidelidad").
- Realización del HTML Tutorial de W3Schools (en inglés).
- Visualización de los vídeos de
iDESWEB MiriadaX (1ed) Semana 2
(CSS: conceptos básicos. Propiedad intelectual y licencias de uso. Usabilidad.):
los siete primeros vídeos, desde "CSS: conceptos básicos" hasta "CSS: ordenar un CSS".
- Realización del CSS Tutorial de W3Schools (en inglés).
Además, debido al solapamiento y confusión que existe entre usabilidad y accesibilidad,
también se recomienda la visualización de los vídeos sobre usabilidad web que hay en
iDESWEB MiriadaX (1ed) Semana 2,
desde "Usabilidad: principios básicos" hasta "Errores web: El marcador de posición".
Prerrequisitos de la clase
Antes de la clase, el alumno debe realizar las siguientes actividades,
que serán expuestas por los alumnos en la clase:
Actividad 1
Debes ver los siguientes vídeos y realizar el ejercicio que se propone a continuación:
- Accesibilidad web: ¿por qué es importante?:
¿Por qué es importante tener en cuenta la accesibilidad web en un desarrollo web?
- Accesibilidad: Discapacidad en la web (parte 1):
Qué es discapacidad, tipos de discapacidad (visuales, auditivas, motrices, neurológicas o cognitivas,
derivadas del envejecimiento, derivadas del entorno), barreras de la discapacidad visual (ceguera, baja visión, daltonismo),
productos de apoyo (lector de pantallas, línea de braille, navegadores de voz, pantallas grandes, ampliadores de pantalla), estrategias.
- Accesibilidad: Discapacidad en la web (parte 2):
Tipos de discapacidad (visuales, auditivas, motrices, neurológicas o cognitivas, derivadas del envejecimiento, derivadas del entorno),
discapacidad auditiva (sordera, hipoacusia), discapacidad motriz (muscular, degenerativas),
discapacidad neurológica o cognitiva (problemas de aprendizaje, déficit de atención, falta de memoria),
discapacidad relacionada con el envejecimiento, limitaciones derivadas del entorno, barreras, productos de apoyo, estrategias.
- Accesibilidad web: 4 elementos más problemáticos:
¿Qué elemento es el más problemático en una página web?, los cuatro principales problemas de acceso a la información:
Flash; Captchas; Enlaces o botones no que no tienen sentido fuera del contexto; Imágenes sin texto alternativo o con un texto alternativo inapropiado.
Busca varios ejemplos (páginas web) para cada uno de los cuatro elementos más problemáticos de la accesibilidad web.
Complementa los vídeos anteriores con las siguientes lecturas:
- ¿Qué es la accesibilidad web?:
La accesibilidad web tiene como objetivo lograr que las páginas web sean utilizables por el máximo número de personas, independientemente de sus conocimientos o capacidades personales e independientemente de las características técnicas del equipo utilizado para acceder a la Web.
- Beneficios de la accesibilidad web: Una página web accesible proporciona múltiples beneficios a sus propietarios y usuarios.
- ¿Accesibilidad vs usabilidad?: ¿Qué es la accesibilidad? ¿Qué es la usabilidad? ¿Son lo mismo? ¿Una contiene a la otra?
Actividad 2
Debes ver los siguientes vídeos y realizar el ejercicio que se propone a continuación:
¿La Web ayuda a mejorar la calidad de vida de Santi Trigueros? ¿Cómo?
¿Cuáles son los principales problemas que encuentra Santi Trigueros al navegar por la Web?
¿Conoces a alguien con una discapacidad que utilice el ordenador y navegue por Internet?
Hazle una pequeña entrevista (escrita) y contesta a las siguientes preguntas (como mínimo):
- ¿Qué discapacidad tiene?
- ¿Cómo le afecta a la hora de usar el ordenador y navegar por Internet?
- ¿Qué productos de apoyo utilizar para eliminar las barreras de accesibilidad?
- ¿Qué sitios web le plantean problemas de uso? Algún ejemplo concreto.
