Accesibilidad

Analizar el contraste de los colores

Cuando realizamos los test de accesibilidad, ya se con TAW o HERA, siempre nos dice que revisemos manualmente el contraste de los colores. Con este plugin de firefox:
Colour Contrast Analyser podremos realizar dicha tarea mucho más rápido.

Al lanzar el plugin nos mostrará una página html con la comprobación de  todos los colores de nuestros textos con sus respectivos fondos donde nos marcara en amrillo las combinaciones que no sean corectas y no superen el test de accesibilidad.

Accesibilidad para daltónicos y deficiencias visuales

Google analytics nos aporta mucha información sobre como se comportan los usuarios en la web, cuando entran, el tiempo que están, donde hacen clic, etc. Y lo que usan, sistema operativo, navegador, resolución de pantalla, etc. Con esta información podemos dar con un perfil de nuestros usuarios. Lo que no nos dice es el sexo, lo que comen o cuando duerme. Evidentemente todo esto es información privada. Nosotros deberemos saber el target al que va dirigida nuestra web.

Una de esas cosas que no podemos saber es el grado de deficiencia visual que tienen nuestros usuarios o simplemente que tanto por ciento de nuestros usuarios son daltónicos. Sean cuales sean esas cifras es nuestra obligación ofrecer una correcta legibilidad a los usuarios de nuestro site.

No obstante sabiendo que en España hay más de 46 millones de personas, de estas usan gafas o lentillas más de 20 millones y el daltonismo afecta a más de 2 millones, en su mayoría hombres, podemos encontrar motivos suficientes para hacer una web accesible y legible para todos. Leer más…

Consejos de accesibilidad web

Primero de todo, lo expuesto a continuación no va hacer que tu página supere los tests de accesibilidad, pero si lo tienes en cuenta a la hora de desarrollar un proyecto te traerá menos dolores de cabeza y podrás centrarte en los aspectos de la accesibilidad más difíciles.

Los mejores consejos que se pueden dar para hacer una web accesible tal vez se puedan resumir en dos:

  • Usar el sentido común
  • Validar el código XHTML y las hojas de estilo CSS según los estándares del W3C

Lo difícil es seguir estos dos consejos pero esta claro que no todo queda aquí y probablemente no tengamos ni medios ni dinero para hacer pruebas de usabilidad y accesibilidad satisfactorias.

Voy a evitar lo obvio, como separar el código de los aspectos visuales no usar contenido dinámico ni efectos JavaScript, etc. Todo esto ya lo sabemos. Por eso os propongo una serie de claves para lograr una web accesible. Leer más…