Web Developer Toolbar es una extensión gratuita para el navegador web. Tiene múltiples opciones, no solo está orientada a la accesibilidad web. Es una herramienta muy sencilla de utilizar.

Entre todas las cosas que permite esta herramienta, a lo largo del curso la utilizaremos para, por ejemplo, comprobar la alternativa textual de las imágenes, comprobar el título de los enlaces, comprobar el título de las tablas...

Instalar la extensión para el navegador web: Chrome / Firefox / Opera.

Una vez que instalada, se accede a ella a través de un botón de la zona de extensiones del navegador.

En Chrome tendrá el siguiente aspecto: 

En Firefox tendrá el siguiente aspecto: 

Tras realizar la instalación, abrir en el navegador la página a analizar y pinchar en el botón correspondiente a Web Developer Toolbar de la zona de extensiones del navegador. Se desplegará un panel con distintas pestañas. Pinchando en cada una de las pestañas se visualizarán las distintas opciones disponibles.

Dependiendo de las características que se estén analizando se deberán activar unas opciones u otras (se pueden activar varias opciones al mismo tiempo). Cuando una opción está activa se muestra un “tick” a su lado y volviendo a pulsar sobre dicha opción, se desactivará. Hay que tener en cuenta que si se recarga la página se eliminarán todas las opciones seleccionadas.

A lo largo de este bloque indicaremos las opciones que hay que activar para validar los conceptos de accesibilidad que se requieran en cada momento. En este punto del curso, lo importante es que instales la herramienta para poder utilizarla más adelante.