sinprogramar.blogspot.com

3/2/10

Guia rápida accesibilidad A/AA/AAA

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


  1. Imágenes con texto alternativo (alt)
  2. Contenido multimedia: Se proporciona contenido descriptivo alternativo
  3. El contenido debe tener un orden de lectura no dependiente del diseño o estilos
  4. El contenido no debe depender de colores y debe ser fácilmente distinguible del fondo
  5. Las funcionalidades de la pagina deben ser accesibles desde el teclado
  6. Sin más de 3 destellos o cambios de imagen por segundo
  7. Títulos descriptivos en cada pagina
  8. Sistema para saltar de bloques de contenido y navegación secuencial




AA


  1. Debe cumplir las pautas del nivel A
  2. Subtítulos para el contenido multimedia con audio
  3. Contenido alternativo descriptivo para contenido multimedia con vídeo
  4. Contraste alto entre fondo y texto (al menos 4,5:1)
  5. Se puede variar tamaño de fuente hasta un 200% sin perdida de funcionalidad
  6. Encabezados descriptivos
  7. Al menos dos formas distintas para navegar por el site
  8. 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


  1. Debe cumplir con las pautas del nivel A y AA
  2. Lenguaje de signos para el contenido multimedia con audio
  3. Descripción completa para el contenido multimedia con vídeo
  4. Contraste muy alto entre fondo y texto (al menos 7,1:1)
  5. Contenidos multimedia sin audio de fondo (sólo locución principal)
  6. 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
  7. Las imágenes con texto sólo pueden utilizarse para decorar.
  8. Las funcionalidades de la pagina deben ser accesibles desde el teclado sin ningún tipo de excepción
  9. Reanudación de sesión: Cuando un expira la sesión el usuario puede volver a reanudar sesión sin perdida de datos
  10. Se proporciona al usuario información sobre su situación en la pagina
  11. Texto descriptivo sobre el destino de cada enlace
  12. Encabezados en cada sección
  13. Definir el idioma de la pagina
  14. 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í.

2 comentarios:

  1. 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!

    ResponderEliminar
  2. Me sirvió, gracias mujer.

    ResponderEliminar

Nota: solo los miembros de este blog pueden publicar comentarios.


Creative Commons License