Podcast - Accesibilidad web: ¿qué herramientas de desarrollo deberíamos utilizar?

¿Por qué es importante la accesibilidad web? ¿Qué podemos hacer como desarrolladores/as para lograr que una web sea 100% accesible? ¿Qué herramientas tenemos disponibles?

En este episodio respondemos a estas preguntas y vemos cómo la accesibilidad web es fundamental para construir un mundo digital sin barreras.

Como desarrolladores/as ¿qué herramientas tenemos disponibles para poder asegurar que una web sea accesible? En primer lugar la mayor herramienta es el conocimiento.

Si conocemos HTML en profundidad y estamos comprometidos/as con la generación de plantillas semánticas, ya tenemos mucho camino ganado. Pero en muchas ocasiones partimos de una base teórica insuficiente o incluso inexistente sobre los elementos de HTML que debemos usar, qué atributos debemos incluir en las etiquetas y un largo etcétera. Hay que formarse y actualizarse continuamente.

A veces esto no siempre es posible y muchas veces “tiramos” de librerías o código de la comunidad que asegura que algo es accesible. Desde Paradigma recomendamos la WAI, o Web Accessibility Initiative, donde, además de muchos recursos teóricos, se cuenta también con una pequeña librería que contiene los principales componentes que solemos necesitar, con la seguridad de que cumplen los estándares al 100%.

En segundo lugar, tenemos las herramientas que podemos usar durante el desarrollo en sí, desde extensiones para los IDEs que nos van a indicar si estamos cometiendo algún error respecto a la accesibilidad, hasta las librerías de test que podemos incluir en nuestras dependencias cuando corremos los test en local.

Una extensión que nos gusta mucho es Web Accesibility y como dependencia para los test, recomendamos axe-core, que está disponible para React, Vue y también para incluirla en Jest.

Y por último, contamos con las herramientas de accesibilidad dentro de las propias devtools de nuestros navegadores.

Ahí podemos encontrar no solo simuladores de deficiencias visuales como puede ser la miopía o la ceguera para algunos colores, sino que también podemos visualizar el árbol de accesibilidad de nuestro código, de manera que podemos comprobar qué van a leer las herramientas para lectura de pantallas.

Si te interesa la accesibilidad web...

Quizá estos links puedan serte útiles:

• Podcast: Qué es la accesibilidad web y cómo ponerla en práctica.- Herramientas para mejorar la accesibilidad.
• Post: Herramientas para mejorar la accesibilidad.
• WCAG 2 Overview.

¿Dónde escuchar nuestros podcast?

Puedes escucharlos en las principales plataformas de podcast: Ivoox, Spotify, YouTube, Google Podcast, Apple Podcast y Amazon Music.

Imagen de portada: Motion Array.