"Mala accessibilidad equivale a mala calidad de código"

El artículo de Manuel Matuzovic sobre la relación entre accesibilidad y calidad de código en páginas web me resultó interesante: es bastante habitual que a la hora de construir una página web se tienda a considerar una accesibilidad como un extra «en caso de que dé tiempo», y todos sabemos que no debería ser así. Si eres tan cerrado de miras, plantéatelo como una inversión egoísta de cara al futuro: cuando pasen los años tu visión podría no ser tan buena, o podrías encontrarte con un problema de movilidad temporal o permanente, que podría dificultarte el uso de las interfaces estándar.

Un experimiento relativamente simple es intentar usar tu equipo informático un día que hayas tenido una revisión de la vista y te hayan dilatado las pupilas: notarás que algunas cosas no son para nada fáciles, o que te sesgan el acceso a información por esa dejadez, como pasa con la información meteorológica. Igual eres incapaz de navegar con teclado debidamente porque el lector de pantalla no es capaz de encontrar los indicadores correctos, pudiéndote dejar atrapado en algunas secciones de la página.

Sin embargo lo interesante es el enfoque técnico donde implica no solo el factor ético, sino el factor de calidad y rendimiento. No hay que dar por hecho que la conexión es lo suficientemente buena como para poder cargarlo todo de golpe, puesto que quizás un día de tormenta tu recepción de señal no sea tan buena y notes el efecto de esa espera a que JavaScript termine de cargar, haciéndote ver el contenido de forma limitada.

Una buena accesibilidad no es sólo más inclusiva, sino que vuelve al sistema más eficiente. Sin mas os dejo con la traducción al castellano del artículo.

Cuando hablo de accesibilidad web en encuentros y conferencias, puedo asumir con certeza que al menos una persona me preguntará algo como «si, la accesibilidad suena bien, pero a la hora de la verdad, ¿cuántas personas tienen minusvalía? ¿Cuántos de mis usuarios son ciegos? ¿Y por qué querría una persona ciega visitar mi página web?

1. ¡¿A quién le importa?!

No estamos construyendo sitios web para nosotros mismos o partes interesadas, estamos construyéndolos para seres humanos. Es nuestro trabajo darle capacidad de uso al máximo posible de personas para que utilicen lo que construimos. Todo lo demás carece de sentido. Dejad de asumir cosas sobre vuestra audiencia y comenzad a construir productos inclusivos.

2. No se trata solo de minusvalías

La accesibilidad web no es únicamente cuestión de usuarios de teclado, contraste de color o lectores de pantalla. La accesibilidad es un indicador perfecto sobre la calidad de una web. La accesibilidad esta fuertemente relacionada con otras áreas del diseño y el desarrollo web. Si tu sitio web es accesible, suele significar que es inclusivo, resistente, usable, ofrece una buena experiencia de usuario a todos, y que es rápido. Aquí tenéis un ejemplo simplificado y razón para esta parrafada.

<li>

<div tabindex="0" class="link">

<img src="preview.jpg>

</div>

</li>

Ayer estaba mirando a una lista con 70 vistas previas de imágenes que enlazaban a las páginas de detalle. Quise abrir unas pocas en nuevas pestañas. Fácil, ¿verdad?

No, porque los desarrolladores decidieron envolver éstas imágenes en divs y enlazarlas con JavaScript en vez de usar un ancla. Podía hacer click principal y abrir un único prototipo en la misma ventana, pero no click secundario y abrir una nueva ventana, porque las opciones en el menú contextual cuando haces click secundario son diferentes para un div y un ancla.

El HTML semantico es beneficioso para todos: utilizar <a> en vez de <div> enlaza un significado: los usuarios tienen más opciones al utilizar el ratón y hace que los enlaces sean enfocables con teclado. Sin embargo, y esto es una paradoja, la lista era accesible por teclado porque hicieron que sus enlaces div fuesen enfocables con JavaScript en vez de aprovechar las ventajas del comportamiento nativo de los navegadores.

Este solamente es un problema menor y otros se encuentran con barreras mayores a diario, pero esto ejemplifica la manera descuidada en que podemos tratar a nuestros usuarios de forma inconsciente.

La mala accessibilidad afecta a todos llegado el momento, por favor (re)aprende HTML y usa las ventajas de sus maravillosas características.