Complementos para navegadores
Los complementos (add-ins o plug-ins) para los navegadores añaden funciones que facilitan el desarrollo de las páginas web,
como consultar las propiedades CSS que tiene un elemento de la página web,
o que permiten la utilización de algún servicio en Internet, como la validación del código HTML
o CSS de una página, con una única
pulsación del ratón.
A continuación se incluye una lista de complementos para los navegadores
Chrome,
Microsoft Internet Explorer,
Mozilla Firefox y
Opera.
Todos los navegadores
-
Complex Table Inspector
-
Un favelet (pequeño fragmento de código JavaScript que se almacena como "favorito" en el navegador)
que permite visualizar la información sobre una tabla que suele estar oculta en los navegadores visuales:
summary, headers, axis, scope y abbr.
-
Favelets For The Validator
-
Varios favelets del W3C que permiten validar el código HTML de la página que se está visualizando.
-
NCAM Accessibility QA Favelet
-
Un favelet que realiza varios análisis que permiten localizar problemas de accesibilidad en una página web.
Chrome
-
Chrome Web Developer Tools
-
Un clon del complemento Web Developer para Mozilla Firefox.
-
Firebug Lite
-
Permite editar y corregir errores en el HTML, CSS y JavaScript en "vivo" en cualquier página web.
-
IE Tab
-
Permite ver una página web dentro de Chrome a través del motor de Microsoft Internet Explorer.
-
Web Developer
-
La auténtica, la barra de herramientas para Mozilla Firefox, también está disponible para Google Chrome.
Añade un menú y una barra de herramientas con numerosas opciones que ayudan
a desarrollar páginas web. Además, tal como se explica en
Evaluación de la accesibilidad de sitios web con la barra de herramientas de Firefox Web Developer Toolbar,
este complemento se puede emplear para revisar la accesibilidad de un sitio web.
Microsoft Internet Explorer
-
CheckIE
-
La versión para Internet Explorer de Checky.
Reune diversos servicios de evaluación y reparación disponibles en línea que facilitan a los diseñadores y desarrolladores de sitios web la revisión
de la calidad de sus trabajos. Por ejemplo, se puede validar el etiquetado de una página o su hoja de estilos CSS con las especificaciones del W3C,
revisar su nivel de accesibilidad mediante TAW o Bobby, y todo desde el propio menú del navegador, sin tener que dirigirse al sitio específico de cada servicio.
-
DebugBar
-
Contiene las siguientes utilidades: DOM Inspector (visualiza y permite modificar etiquetas y atributos de CSS),
HTTP Inspector (visualiza las peticiones HTTP/S, las cookies y los parámetros pasados por GET y POST),
Javascript Inspector y Javascript Console, HTML Validator y otras funciones.
Es gratuito para uso personal.
-
Internet Explorer Developer Toolbar
-
Proporciona un conjunto de herramientas para validar la sintaxis del HTML y el CSS de una página, explorar y modificar el DOM de una página,
mostrar información sobre las imágenes de una página como sus dimensiones o su texto alternativo, visualizar y borrar las cookies de una página,
etc.
-
Web Accessibility Toolbar 1.2
-
Ayuda a inspeccionar las páginas web y comprobar si se cumplen los criterios de accesibilidad.
Entre otras cosas, permite:
identificar los componentes de una página web, facilita el uso de aplicaciones online, simula la "experiencia" de
algunos tipos de usuarios (básicamente, usuarios con algún problema de visión) y proporciona enlaces a
guías de referencia y otros recursos.
La página Toolbar and WCAG 1.0
explica cómo se puede emplear esta herramienta para comprobar los puntos de verificación
de WCAG 1.0.
-
Web Accessibility Toolbar 2.0
-
Versión mejorada de Web Accessibility Toolbar 1.2.
Mozilla Firefox
La página web Web Accessibility Testing Tools
ofrece una lista de complementos para Firefox clasificados como herramientas de evaluación de la accesibilidad web.
-
Checky
-
Valida y analiza documentos que contienen HTML, XHTML, CSS y otros lenguajes;
comprueba el cumplimiento de las pautas de WCAG y Section 508.
-
Colour Contrast Analyser
-
Calcula el constraste de color y luminosidad de cada elemento de una página web.
Más información: Colour Contrast Analyser Firefox Extension.
-
Complex Table Mark-up (com tab) Toolbar
-
Ayuda a crear tablas accesibles:
muestra los atributos
headers e id en tablas complejas;
crea el marcado para que una tabla sea accesible, tanto de forma manual como automática;
crea una versión lineal de una tabla.
-
Fangs - the screen reader emulator
-
Crea una versión textual de una página web similar a cómo lee la página un lector de pantallas.
Añade un menú contextual al navegador que abre una nueva ventana donde se puede ver
la versión textual, la lista de encabezados y la lista de enlaces de la página.
-
Firefox Accessibility Extension
-
Permite analizar la accesibilidad de una página web y añade soporte de las nuevas
características de WAI-ARIA.
-
Fire Vox
-
Extensión del navegador Mozilla Firefox que proporciona la capacidad de lector de pantalla.
-
Glossary of Terms
-
Crea un glosario de términos a partir de las abreviaturas y acrónimos que contiene una página web.
Más información: Glossary of Terms - Mozilla/Firefox Extension.
-
HeadingsMap
-
Crea un índice o mapa de los encabezados de una página web.
Además, este complemento permite navegar por la página web saltando de un encabezado a otro,
tal como lo hacen los usuarios que utilizan un lector de pantallas.
-
IE View
-
Permite ver una página web dentro de Firefox a través del motor de Microsoft Internet Explorer.
-
Juicy Studio Accessibility Toolbar
-
Realiza tres funciones: permite examinar los roles y propiedades de las regiones activas de WAI-ARIA, permite examinar las tablas
de datos y determina si el contraste de color es suficiente.
Más información: Examining WAI-ARIA Live Regions.
-
Link Widgets
-
Facilita la navegación entre páginas que forman una secuencia al añadir una barra de botones
para ir a la primera, anterior, siguiente y última página. Para ello emplea la etiqueta
<link> o lo adivina a partir del texto de los enlaces.
-
Longdesc
-
Permite navegar a la descripción larga (atributo
longdesc) de una imagen.
-
Qompliance
-
Permite acceder fácilmente a la herramienta de evaluación
Worldspace
que evalúa Section 508, WCAG 1.0 y WGAG 2.0.
Más información: Deque Systems Announces New Web Accessibility Plugin for Firebug.
-
Table Inspector
-
Visualiza la información sobre una tabla que suele estar oculta en los navegadores visuales:
summary, headers, axis, scope y abbr.
Más información: Table Inspector - Mozilla/Firefox Extension.
-
Textise
-
Crea una versión textual de una página web.
-
WAVE Toolbar
-
Permite realizar las revisiones de WAVE
sin tener que conectar con el servidor. Ofrece cuatro perspectivas de una
página web: Errores, características y alertas; Estructura y orden;
Sólo texto y Resumen.
-
WCAG Contrast checker
-
Comprueba si la combinación de dos colores es adecuada para su percepción visual en base a los requerimientos de
WCAG 1.0 y WCAG 2.0.
-
Web Developer
-
Añade un menú y una barra de herramientas con numerosas opciones que ayudan
a desarrollar páginas web. Además, tal como se explica en
Evaluación de la accesibilidad de sitios web con la barra de herramientas de Firefox Web Developer Toolbar,
este complemento se puede emplear para revisar la accesibilidad de un sitio web.
-
X-Ray
-
Permite visualizar las etiquetas HTML de una página web sobre la misma página web,
sin tener que ver el código fuente.
Opera
-
Web Accessibility Toolbar
-
Ayuda a inspeccionar las páginas web y comprobar si se cumplen los criterios de accesibilidad.
Entre otras cosas, permite:
identificar los componentes de una página web, facilita el uso de aplicaciones online, simula la "experiencia" de
algunos tipos de usuarios (básicamente, usuarios con algún problema de visión) y proporciona enlaces a
guías de referencia y otros recursos.
La página Toolbar and WCAG 1.0
explica cómo se puede emplear esta herramienta para comprobar los puntos de verificación
de WCAG 1.0.
-
Web Developer Toolbar & Menu for Opera
-
Menú y barra de herramientas para desarrolladores.
