Checklist de accesibilidad para el área de diseño.

Actualización: 09/02/10

Con el fin de que nuestros diseños sean perceptibles y comprensibles, generamos este listado de verificación (para seguir revisando!).

  • Sobre la navegación:
  1. En caso de contar con sub-secciones ¿Incluye Mapa de Sitio o Tabla de Contenidos?
  2. ¿Los elementos comunes están localizados en la misma posición en todas las pantallas?
  3. ¿Los elementos interactivos se comportan de la misma forma todas las veces que aparecen?

  • Sobre los textos:
  1. ¿Se distingue el color de los textos de su color de fondo?
  2. ¿El tamaño de las tipografías no es de menor que 10px (1 em)?
  • Sobre los enlaces:
  1. ¿Se diferencian los enlaces del resto de los textos por su color, subrayado u otra característica?
  2. ¿Cuentan todos los links – ya sean textos, botones o íconos – con estado Roll Over?
    (Se satisface con el atributo de CSS a:hover)
  3. ¿Queda señalada la solapa (botón/link) dónde se encuentra el usuario?
  4. ¿Los textos de los enlaces son lo suficientemente explícitos en su destino?
  5. ¿No existen hipervínculos distinguidos con las frases “click aquí” o “+ info”?
  • Sobre los colores:
  1. ¿La información transmitida a través de los colores también está disponible sin color?

Validadores:

Validador de color SIDAR
Descargar aplicación de Paciello Group para validar contrastes de colores.

ver Checklist de accesibilidad para el área de maquetación

Este checklist fue una idea que Santiago Bustelo propuso al GCBA para verificar los diseños antes de ser subidos a producción.
También fue debatido en los foros Acceso Web e IXDA.