La barra de herramientas de accesibilidad Web

Accessible Information Solutions (AIS)

Enlaces a información sobre los servicios de AIS

Technosite

Enlace a información sobre Technosite, empresa que ha realizado la traducción y adaptación de esta barra de herramientas.

Opciones barra de herramientas

• (Des)activar teclas rápidas - Activar o desactivar las teclas de acceso rápido en los botones.
• (Des)activar visualización teclas rápidas - Activar o desactivar la visualización de las teclas de acceso rápido.
• (Des)activar visualización íconos en botones - Mostrar u ocultar los iconos en los botones del menú.
• Actualizar barra de herramientas - Descargar la versión más reciente del archivo de configuración del servidor de AIS.
• Desinstalar - Información sobre cómo desinstalar la barra de herramientas

Documentación barra de herramientas

Información sobre la funcionalidad de la barra de herramientas.

Correspondencia WCAG 1.0

Información sobre las funciones de la barra de herramientas eventualmente útiles para evaluar el cumplimiento de los puntos de verificación de WCAG 1.0.

Web Accessibility Tools Consortium

Sitio web de WAT-C

Acerca de - Barra de herramientas accesibilidad

Información sobre la versión de la barra de herramientas y su desarrollo.

Actualizado aaaa-mm-dd

Fecha de la última actualización del archivo de funciones en su ordenador. Se comprueba cada 24 horas.

Validador HTML del W3C

• Validar HTML
• Validar HTML (nueva ventana)
• Validar HTML (enviar el archivo)
• Validar páginas en marcos

Comprobar el código HTML de la página (o páginas) actual con el Validador HTML del W3C
Nota: Validar HTML (enviar el archivo) - cuando se abre un archivo HTML local, con el recuadro de diálogo Archivo/Abrir (no a través de un servidor Web, por ejemplo, c:\ejemplo.html) en Internet Explorer, esta opción envía el código HTML al validador de forma automática.

Validador CSS del W3C

• Validar CSS de la página actual
• Validar CSS (nueva ventana)

Comprobar las definiciones CSS en la página actual con el Validador CSS del W3C.

HTML Tidy del W3C

• Comprobar / corregir HTML
• Comprobar / corregir HTML (nueva ventana)

Comprobar el código HTML de la página actual. Ofrece la opción de visualizar y/o descargar una versión de la misma arreglada con la herramienta HTML Tidy.

Verificador de enlaces W3C

• Verificar página actual
• Verificar página actual (nueva ventana)
• Verificar páginas vinculadas (nueva ventana)

Comprobar los hipervínculos en uno o varios documentos HTML o XHTML con el Verificador de enlaces W3C. Es útil para encontrar enlaces rotos, etc.

Validador HTML del WDG

• Validar HTML
• Validar HTML (nueva ventana)
• Teclear código (nueva ventana)
• Validar páginas en marcos (nueva ventana)
• Validar sitio (nueva ventana)

Comprobar el código HTML de la página o páginas actuales con el Validador HTML de WDG.

WDG Link Valet

• Comprobar páginas vinculadas
• Comprobar páginas vinculadas (nueva ventana)

Verificar enlaces (hipervínculos) en uno o varios documentos HTML o XHTML. Es útil para encontrar enlaces rotos, etc, con el WDG Link Valet.

Validador P3P

Comprueba la existencia y validez de información de privacidad en formato P3P.

640×480

Cambiar el tamaño de la ventana actual del navegador a 640 píxeles de ancho y 480 de alto.

800×600

Cambiar el tamaño de la ventana actual del navegador a 800 píxeles de ancho y 600 de alto.

1024×768

Cambiar el tamaño de la ventana actual del navegador a 1024 píxeles de ancho y 768 de alto.

1280×1024

Cambiar el tamaño de la ventana actual del navegador a 1280 píxeles de ancho y 1024 de alto.

Especificar alto y ancho

Cambiar la ventana actual del navegador a unas dimensiones definidas por el usuario

Comprobar tamaño de ventana

Enlace a una herramienta en línea, Screen Size Tester para comprobar el tamaño de la pantalla e información acerca de tamaños de pantalla para diferentes navegadores, resoluciones de pantalla y plataformas.

Activar y desactivar CSS

Activar y desactivar las hojas de estilo externas y eliminar el atributo "style" (si existe) de todos los elementos de la página.

Mostrar hoja de estilo

Muestra el contenido de la hoja de estilo vinculada con la página actual (en una ventana nueva)
Desarrollado a partir de un script de Lioren

Mostrar hojas de estilo aplicadas

En una ventana nueva, muestra todos los estilos asociados con el contenido actualmente debajo del puntero del ratón.
Script de Simon Willison.

Verificar estilos

Modificar y aplicar estilos a la página actual en el acto (en una nueva ventana). Incorpora una lista desplegable de reglas de estilo encontradas en las hojas de estilo referenciadas por la página actual. Los estilos persisten a través de las páginas (dentro del mismo sitio) mientras permanece abierta la ventana de edición de estilos.
Desarrollado a partir de un script de Jesse Ruderman.

Lista de imágenes

Mostrar (en ventana nueva) una lista de imágenes con el elemento <img> correspondiente. Desarrollado a partir de un script de Lioren.

Intercambiar imagen y texto ALT

Sustituir los elementos <img> en la página actual con el contenido de sus atributos "alt" entre comillas. Si un elemento <img> no lleva el atributo "alt" la imagen se sustituye con el texto "¡Sin Alt!"

Mostrar imágenes

Mostrar un elemento <img> a lado de cada imagen (junto con el valor del atributo "alt"; si la imagen no lleva atributo "alt" se muestra el texto "¡Sin ALT!") y pone un borde rojo a cada una.

Mostrar mapas de imagen

Indicar la existencia de mapas de imagen de cliente y de servidor. Si no se encuentra ninguno esto se indica con un mensaje de alerta. Si se encuentra alguno, se muestra en una ventana nueva junto con los elementos <area> asociados.

Test de frecuencia de parpadeo para imágenes GIF

Servicio en línea que comprueba las imágenes GIF encontradas en la página. Si encuentra una imagen GIF con tramas múltiples se mide la velocidad de destello par determinar si está dentro del rango que puede afectar a los usuarios con Epilepsia fotosensible. Desarrollado por Renzo Guist y traducido al inglés por Roberto Castaldo

Escala de grises

Mostrar la página actual en blanco y negro. Nota: no funciona con imágenes en formato PNG.

Colores empleados

Mostrar (en ventana nueva) una lista de todos los colores encontrados en el CSS asociado con la página actual. Origen milov.nl.

Analizar de contraste

Lanza el Analizador de contraste de colores.

Analizador de contraste Juicy Studio

Tres opciones (resultados en ventana nueva)

• Analisis de luminosidad
• Color/brillo
• Ambos tests (1 y 2)

Para más información véase Colour Contrast Analyser Firefox Extension

Simulador de Daltonismo Vischeck

Enviar el URL de la página actual al Simulador de Daltonismo Vischeck (Deuteranope: rojo/verde común). Una vez procesada la página (puede tardar un poco), se abre una página con un enlace a la simulación (en un ventana nueva).

Encabezados

Muestra todos los elementos de encabezado en la página actual.

Estructura de encabezados

Muestra el título del documento, los encabezados (<h1> a <h6> con sus contenidos) en ventana nueva. Basado en una función de The Wave 3.5.

Ítems de listas

Muestra los elementos de las listas ordenadas (<ol>), no ordenadas (<ul>) y de definiciones (<dl>) de la página actual.

Fieldset y label

Muestra los elementos fieldset, legend y label de la página actual. Muestra el atributo for de los elementos label si existen, y el texto "¡Ningun For!" si este no existe. Muestra el atributo ID (id="") de cada control de formulario si existe.

Acrónimos y abreviaturas

Muestra los elementos <acronym> y <abbr>, y el valor del atributo title, de la página actual.

Blockquote y Q

Muestra los elementos <blockquote> y <q> de la página actual.

Enlaces JavaScript y de nueva ventana

• Muestra un icono al lado e los enlaces que contienen JavaScript en el atributo href. A los enlaces tambien se los aplica un borde punteado y color de fondo.
• Muestra un icono al lado de los enlaces que contengan un manejador de eventos onclick y palabras comúnmente empleadas en scripts para nuevas ventanas en los atributos href y/o onclick. A los enlaces también se les aplica un borde punteado y color.
• Muestra un icono al lado de los enlaces que tengan especificado el atributo target (se excluyen _self y _top). Los enlaces cambian de color de fondo.

Agradecimientos a Autark por crear el script en que se basa éste.

Manejadores de eventos

Muestra una advertencia al lado de cada elemento si éste:

• lleva el atributo onmouseover sin el correspondiente onfocus
• lleva el atributo onclick sin el correspondiente onkeypress
• es un elemento select que lleva el atributo onchange
• lleva el atributo onfocus pero no puede recibir el foco

Muestra una burbuja informativa al lado de un elemento si éste:

• lleva el atributo onmouseover con el correspondiente onfocus
• lleva el atributo onclick con el correspondiente onkeypress

El texto alt de cada icono burbuja contiene información acerca de por qué aparece.

AccessKey

Muestra el valor del atributo accesskey en elementos de la página actual.

Tabindex

Muestra el valor del atributo tabindex encontrados en elementos de la página actual.

Mostrar orden de tabulación

Añade numeración y un borde a cada elemento activo, indicando el orden en que estos elementos recibirán el foco mediante la tecla tabulador.
Nota: Se tiene en cuenta el atributo tabindex, si éste tiene valor. Los elementos como <iframe>, mapas de imagen y <object> (por ejemplo, archivos Flash) cuentan como un incremento en el orden de tabulación.

Mostrar elementos: TH

Indica los encabezados de tabla, elementos <th> en la página. Los elementos <th> cambian a fondo negro con texto en amarrillo negrita.

Tabla de datos simple

Muestra elementos <table>, <th> y <td> y <caption> en la página actual juntos con los atributos recomendados para el etiquetado de tablas de datos simples (summary, scope). Se muestra una advertencia si no están presentes los atributos summary ["¡Sin summary!"] o scope ["¡Sin scope!"] en los elementos correspondiente.

Tabla de datos compleja

Muestra elementos y atributos <table>, <th>, <td> y caption en la página actual juntos con los atributos recomendados para el etiquetado de tablas de datos complejas (summary, scope, <id>, <headers>). Se muestra una advertencia si no están presentes los atributos summary ("¡Sin summary!"), scope ("¡Sin scope!"), id ("¡Sin id!"), headers ("¡Sin headers!").

Bordes de tablas

Muestra bordes en todas las tablas y celdas de la página actual.

Orden de celdas de tabla

Muestra el orden de lectura (con números) y bordes en las celdas en la página actual.

Linearizar (desactivar tablas)

Suprime todos los elementos <table>, <td> <tr>, <th> y <div> en la página actual.

Bordes en marcos

Muestra bordes en todos los elementos de marcos en la página actual.

Nombre o título del marco

Muestra (en ventana nueva) una lista de páginas en marcos junto con el contenido de los atributos name y title de cada elemento frame.

Mostrar elementos DIVs

Muestra el orden de tabulación (números) y pone bordes en los elementos <div> de la página actual.

Mostrar otros elemento(s)

Muestra un recuadro de entrada de texto de JavaScript para permitir teclear el nombre de un elemento. Entonces muestra otro diálogo para teclear un código de color (rojo por defecto). Como resultado todas las ocurrencias del elemento especificado en la página actual llevarán bordes del color deseado. El color será uno de los 16 definidos como palabra clave CSS aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, teal, white, y yellow. Desarrollado a partir de un script en Centricle.

TAW (Test de Accesibilidad Web, español)

Enviar el URL de la página actual a la herramienta de comprobación de accesibilidad TAW (dos opciones: ventana actual o nueva).

Juicy Studio Utilidades (español)

Enviar el URL de la página actual a la herramienta de Juicy Studio de comprobación:

• Abrir el Analizador de contraste de colores de Juicy Studio (nueva ventana).
• Abrir el Analizador de Accesibilidad de CSS de Juicy Studio (nueva ventana).

Juicy Studio Tools (inglés)

Enviar el URL de la página actual a la herramienta de Juicy Studio de comprobación:

• Analizador de enlaces (nueva ventana)
• Analizador de imágenes (nueva ventana)
• Test de facilidad de lectura (nueva ventana)

AccMonitor

Enviar el URL de la página actual a la herramienta AccMonitor de comprobación de accesibilidad (dos opciones: ventana actual o nueva).

Webxact / Bobby

Nota: Bobby ha sido sustituido por Webxact.
Enviar el URL de la página actual a la herramienta Webxact para comprobar la calidad, accesibilidad, y temas de privacidad.
Tiene cuatro opciones:

• WCAG 1.0 AAA (ventana nueva)
• WCAG 1.0 AA (ventana nueva)
• WCAG 1.0 A (ventana nueva)
• Sección 508 (ventana nueva)

Otras herramientas

• Lynx Viewer
• Torquemada (italiano)

Abrir la página actual (en ventana nueva) en el simulador Lynx Viewer. Este servicio permite a los diseñadores Web ver una aproximación de cómo se presentarán sus páginas en Lynx, un navegador modo texto.

Enviar el URL de la página actual a la herramienta de comprobación de accesibilidad Torquemada.

Simulaciones

Descritas en la sección sobre Simulaciones.

Desactivar plugins

Suprimir Applets Java, Flash, música de fondo, y elementos iframe de terceros. Desarrollado a partir de un script en Jesse's Bookmarklets Site.

Desactivar el ratón

Impide el acceso por parte del usuario a la funcionalidad de la página actual mediante el ratón con el botón secundario y eventos de selección (la versión actual no deshabilita los eventos basados en mouseover o onmouse). Cuando el usuario aprieta el botón secundario se muestra una advertencia. Nota: el botón secundario no se deshabilita.

Retinopatía diabética

Coloca sobre la página actual una máscara en forma de imagen para simular el efecto visual que experimentan personas con retinopatía diabética Nota: no se puede interactuar con la página durante la simulación.

Cataratas

Degeneración macular

Coloca sobre la página actual una máscara en forma de imagen (una oscura sombra redonda, semi-transparente en su periferia) para simular el efecto visual que experimentan las personas con degeneración macular. Se arrastra la sombra seleccionándola con el botón primario del ratón. Nota: no se puede interactuar con la página durante la simulación.

Glaucoma

Coloca sobre la página actual una máscara en forma de imagen (negra, con una zona transparente mas o menos ovalada) para simular el efecto visual que experimentan las personas con Glaucoma. Se arrastra la zona transparente seleccionándola con el botón primario del ratón. Nota: no se puede interactuar con la página durante la simulación.

Daltonismo

Coloca sobre la página actual una máscara en forma de imagen que altera la paleta de colores de la página para simular la paleta típica visible por una persona con deficiencia de percepción de color rojo-verde. Nota: no se puede interactuar con la página durante la simulación. Esta funcionalidad está proporcionada por Q42.

Contraste reducido

Coloca sobre la página actual una máscara en forma de imagen que permite al usuario reducir la opacidad (30%, 60%, 90%) para simular la reducción en la sensibilidad al contraste que ocurre progresivamente con la edad. Esta funcionalidad está basada en la comprobación de contraste de colores de Q42. Nota: no se puede interactuar con la página durante la simulación.

Demo. imágenes parpadeantes

Abre una ventana nueva con una demostración de frecuencias de destello. Esta demostración ayuda a los diseñadores a saber cuando los contenidos que diseñan pueden provocar problemas para algunos usuarios debido a la frecuencia de destello.

Información página

Muestra (en ventana nueva) información sobre la página actual: titulo (<title>), tamaño de archivo, fecha de creación, número de imágenes, enlaces, formularios, scripts.

Metadatos

Muestra (en ventana nueva) una lista de todos los elementos meta en la página actual, y su contenido.

Elementos link de navegación

Muestra los elementos <link> y permite navegar mediante estos elementos si están presentes. Para mayor información sobre el elemento <link>, puede consultar:

• The link element
• The Missing <link> in the World Wide Web.
• Changing the Scope of Link Relationships

Mostrar DOCTYPE

Muestra (en un aviso JavaScript) el DOCTYPE del documento HTML.

Mostrar atributos lang

Muestra, dentro de la página actual, los eventuales atributos lang encontrados junto con sus elementos asociados.
Reconocimientos a Bartimeus Accessibility Foundation

Mostrar atributos title

Muestra, dentro de la página actual, los eventuales atributos title encontrados.

Tamaño y tiempo de descarga

Muestra (en un recuadro de alerta) el tamaño del documento y el tiempo aproximado de descarga a diferentes velocidades de transmisión. Desarrollado a partir de un script en sam-i-am.com.

Informe tiempo de descarga

Envía el URL de la página actual al analizador en línea Web Page Analyser (en ventana nueva) proporcionado por websiteoptimization.com.

Lista de marcos

Muestra (en ventana nueva) una lista de los URLs de las páginas en marcos y los nombres de los elementos <frame>, de la página actual.

Lista de enlaces (ventana nueva)

Muestra (en ventana nueva) una lista del URL, el contenido y el valor del atributo <title> (si existe) de cada enlace encontrado en la página actual.

Mostrar enlaces internos

Identificar los enlaces que apuntan a contenido dentro de la misma página (por ejemplo, un enlace "saltar al contenido principal").

Listar archivos descargables (ventana nueva)

Muestra (en una nueva ventana) una lista de los enlaces a archivos descargables (por ejemplo, PDF, MP3, Word, Excel, Powerpoint, ZIP) encontrados en la página actual.
Desarrollado a partir de un script by Sofia Celic.

Identificar archivos multimedia (nueva ventana)

Muestra (en una nueva ventana) el código fuente de los elementos <object> o <embed> encontrados en la página. También crea una lista de archivos multimedia (por ejemplo, mp3, mov, swf, ram etc) encontrados en la página actual.
Desarrollado por Sofia Celic.

Identificar Applets y scripts (nueva ventana)

Muestra (en una nueva ventana) los eventuales applets encontrados y el código fuente asociado. También lista los scripts incrustados y externos y en la mayoría de los casos permite visualizar y descargar los scripts externos vinculados en la página actual.
Desarrollado por Sofia Celic, con reconocimientos a Lioren.

Ver código fuente

Mostrar el código fuente de la página actual en Bloc de notas.

Ver código fuente generado

Mostrar el árbol del DOM de la página como HTML (ventana nueva).

Resaltar código fuente

• Mostrar (en una ventana nueva) el código fuente de la página resaltando una selección de elementos
  • tablas
  • formularios
  • objetos y scripts
  • imágenes
  • listas
  • encabezados
• También muestra información sobre los encabezados HTTP

Desarrollado por Steve Faulkner en base a un script de Sofia Celic.

Ver código fuente parcial

Mostrar el DOM del contenido seleccionado como HTML y una copia del contenido seleccionado (ventana nueva).

HTML desaconsejado

• Mostrar (sólo) elementos desaconsejados en HTML 4 en la página actual.
• Mostrar el código fuente de la página actual (en una ventana nueva) resaltando los elementos y atributos desaconsejados.

Desarrollado por Sofia Celic

Ver los objetos del documento [DOM]

• Activar el MODI DOM Inspector de SlayerOffice. Documentación sobre Modi DOM Inspector.
• Activar una versión modificada (accesible con teclado) del examinador del DOM. Por Troels Jacobsen.

Activar imágenes [ctrl + alt + I]

Activar y desactivar imágenes mediante el recuadro de diálogo de Internet Explorer > Herramientas > Opciones de Internet > Opciones avanzadas > Mostrar imágenes.

Activar JavaScript [ctrl + alt + J]

Activar y desactivar Javascript mediante el recuadro de diálogo de Internet Explorer > Herramientas > Opciones de Internet > Seguridad > Nivel personalizado > Secuencias de comandos ActiveX. Nota: Dado que mucha de la funcionalidad de la barra de herramientas está basada en JavaScript, muchas funciones no funcionarán mientras está deshabilitado JavaScript.

Activar ActiveX

Habilitar o deshabilitar ActiveX mediante el recuadro de diálogo de Internet Explorer > Herramientas > Opciones de Internet > Seguridad > Nivel personalizado > Ejecutar controles y complementos ActiveX. Es útil para comprobar páginas con Flash, etc.

Activar CSS

Activar y desactivar soporte CSS en Internet Explorer. Nota: Esta no es una función proporcionada por Microsoft. Desactivar el soporte para CSS puede afectar la apariencia de las ventanas y recuadros de diálogo fuera de Internet Explorer que dependen del soporte CSS. No olvide volver a habilitar el soporte para CSS antes de cerrar el navegador. Si nota efectos extraños abra IE y vuelva a habilitar CSS.

Tamaño de texto

La misma funcionalidad que el menú de IE Ver > Tamaño de texto. Se proporcionan atajos de teclado: Menor (ctrl + alt + X), Mediana (ctrl + alt + Y), Mayor (ctrl + alt + Z).

Opciones de accesibilidad [ctrl + alt + D]

Abrir el recuadro de diálogo de Internet Explorer > Herramientas > Opciones de Internet > Accesibilidad.

(todos)

Esta sección contiene enlaces a recursos de información relevantes en la Web.

Tamaño de texto

Ampliar y reducir el tamaño (25% a 600%) del contenido de la página actual.

Opciones IE > Activar imágenes

ctrl + alt + I

Opciones IE > Activar JavaScript

ctrl + alt + J

Opciones IE > Opciones de accesibilidad

ctrl + alt + D

Opciones IE > Tamaño de texto > menor

ctrl + alt + Q

Opciones IE > Tamaño de texto > mediano

ctrl + alt + Y

Opciones IE > Tamaño de texto > mayor

ctrl + alt + Z

AIS / Opciones de la barra de herramientas

ctrl + alt + 0

Validar

ctrl + alt + 1

Tamaño

ctrl + alt + 2

CSS

ctrl + alt + 3

Imágenes

ctrl + alt + 4

Color

ctrl + alt + 5

Estructura

ctrl + alt + 6

Utilidades

ctrl + alt + 7

Información documento

ctrl + alt + 8

Código

ctrl + alt + U

Ref.

ctrl + alt + 9

Opciones IE

ctrl + alt + S

El recuadro de diálogo Opciones IE se puede manejar con el teclado. Su propósito es facilitar el acceso a los usuarios con dificultades para percibir el estado de las opciones (habilitado/deshabilitado) del menú desplegable: ctrl + alt + mayúsculas + S

Ampliar

ctrl + alt + M