La accesibilidad web no tiene otro objetivo que facilitar la navegación web a personas con problemas visuales y también auditivos que generalmente utilizan software especial para leer y navegar por el contenido.
Desarrollar una web accesible tiene además la ventaja añadida de que son más fácilmente indexados por los buscadores.
Existen webs para comprobar la accesibilidad, y aunque pueden ser útiles para localizar determinados errores personalmente creo que no van a determinar si una web está siendo realmente accesible. Por ejemplo, un validador no va a ser capaz de valorar si el contenido tiene un orden coherente. Algo que con los estilos css esta perfectamente organizado y distribuido puede perder todo el sentido al quitarle los css e imágenes (que es lo que hará un lector de pantalla).
Existen 3 niveles de accesibilidad A, AA, AAA. El nivel se determina según las pautas ya establecidas que cumple.
Resumen de las pautas:
A
- Imágenes con texto alternativo (alt)
- Contenido multimedia: Se proporciona contenido descriptivo alternativo
- El contenido debe tener un orden de lectura no dependiente del diseño o estilos
- El contenido no debe depender de colores y debe ser fácilmente distinguible del fondo
- Las funcionalidades de la pagina deben ser accesibles desde el teclado
- Sin más de 3 destellos o cambios de imagen por segundo
- Títulos descriptivos en cada pagina
- Sistema para saltar de bloques de contenido y navegación secuencial
AA
- Debe cumplir las pautas del nivel A
- Subtítulos para el contenido multimedia con audio
- Contenido alternativo descriptivo para contenido multimedia con vídeo
- Contraste alto entre fondo y texto (al menos 4,5:1)
- Se puede variar tamaño de fuente hasta un 200% sin perdida de funcionalidad
- Encabezados descriptivos
- Al menos dos formas distintas para navegar por el site
- En los envíos de información confidencial debe existir un sistema para corregir, retroceder o advertencia de error y que te permita corregirlo.
AAA
- Debe cumplir con las pautas del nivel A y AA
- Lenguaje de signos para el contenido multimedia con audio
- Descripción completa para el contenido multimedia con vídeo
- Contraste muy alto entre fondo y texto (al menos 7,1:1)
- Contenidos multimedia sin audio de fondo (sólo locución principal)
- La pagina debe poseer un sistema para que el usuario pueda cambiar los colores de texto y fondo, limitar las lineas a 80 caracteres, alto de linea y tamaño de fuente. Todo ello sin que sea necesario utilizar el scroll horizontal para poder ver todo el contenido
- Las imágenes con texto sólo pueden utilizarse para decorar.
- Las funcionalidades de la pagina deben ser accesibles desde el teclado sin ningún tipo de excepción
- Reanudación de sesión: Cuando un expira la sesión el usuario puede volver a reanudar sesión sin perdida de datos
- Se proporciona al usuario información sobre su situación en la pagina
- Texto descriptivo sobre el destino de cada enlace
- Encabezados en cada sección
- Definir el idioma de la pagina
- En todos los envíos de información sistema debe existir un sistema para corregir, retroceder o advertencia de error y que te permita corregirlo
Se pueden consultar todas las pautas en detalle y con sus excepciones aquí.
Un post genial y diferente que permite hacernos una mejor idea de las rutas para mejorar la accesibilidad, me pongo manos a la obra ahora mismo a ver que tal me va!
ResponderEliminarMe sirvió, gracias mujer.
ResponderEliminar