-----

Sábado, 14 de mayo de 2005

Extensiones Firefox para la ayuda al desarrollo de sitios web accesibles

na vez terminado el curso de accesibilidad, es hora de ponerse manos a la obra. Para ello necesitamos una serie de herramientas que nos facilitarán esta labor, casi todas ellas extensiones de Firefox. Aquí teneis un listado

Web Developer (descargar)

Conocida barra de herramientas por, espero, que la gran mayoria de diseñadores / programadores web, que nos permite deshabilitar y cambiar ciertos parámetros para ver como se comportaría nuestra web ante ciertos dispositivos / discapacidades.

Por ejemplo, ¿ que pasaría si nos vamos a la web de Coca-Cola y deshabilitamos javascript ?

Os dejo que probeis
Fangs Screen reader (descargar)

Emulador de lector de pantalla para invidentes
Table inspector
(descargar)

Nos muestra en pantalla todas las propiedades que casi nadie ponemos a la hora de crear tablas de datos (nada de maquetación) pero que les son muy útiles a los lectores de pantalla.
User Agent Switcher
(descargar)

¿ Alguna vez os habeis encontrado con el mensaje "Este web está realizada para visualizarla con el navegador X, descargueselo, es gratuito"? ¿ Y si no me da la gana ? Con esta extensión podemos cambiar las cabeceras que nuestro firefox envia al servidor web para que este se piense que navegamos con explorer y otros navegadores
HTML Validator (based on tidy) (descargar)

Su propio nombre lo índica, validador de html, para hacer documentos que se ajusten a las especificaciones. Te muestra los errores en la barra de estado, y en la vista de código fuente, te indica la línea y el error.
Long Desc
(descargar)

Muestra el atributo LongDesc de las imágenes
Link Toolbar
(descargar)

Se situa en la barra de estado, y en caso de que las páginas que estamos viendo estén realcionas con las etiquetas de anterior, siguiente, indice... podemos acceder a ellas sin utilizar la navegación propia de la página
Javascript Debugger
(descargar)
Creo que no hace falta explicación
Dublin core Viewer
(descargar)

Nos permite ver las cabeceras del tipo Dublin Core, en caso de que estén prensentes en la página. Si lo están, nos aparecerá un icono naranja en la barra de estado.
Document Map
(descargar)

Muestra un mapa del documento que estamos viendo basandose en las cabeceras H1-H6, de uso imprescindible para personas con discapacidades visuales.
Checky
(descargar)

Otro validador
Mozilla Accessibitily Extension
(descargar)

Barra para realizar comprobaciones de accesibilidad
Aardvark (descargar)

Cuando está activas y ponemos el ratón sobre diferentes elementos de la página, nos muestra, recuadrando ese elemento, la etiqueta que se ha usado para mostrarlo.