La barra de herramientas de accesibilidad Web

Validador HTML del W3C

• Validar HTML
• Validar HTML (nueva ventana)
• Validar HTML (enviar el archivo)

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. Teclear código (nueva ventana) - Un enlace con la página del validador WDG en la cual se puede insertar código HTML en un formulario para su validación. Validar sitio (nueva ventana) - Validar todas las páginas del sitio que contiene la página actual.

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 del W3C

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

640 x 480 píxeles

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

800 x 600

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

1024 x 768

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

Especificar alto y ancho

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

Especificar alto y ancho > Screen Size Tester (nueva 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.

Desactivar CSS en elementos HTML

Suprimir el atributo 'style' (si existe) de todos los elementos de la página actual.

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.

Mostrar hoja de estilo

Muestra el contenido de la hoja de estilo vinculada con la página actual (en una ventana nueva).

Verificar hojas de estilo

Editar y aplicar estilos a la página actual de forma dinámica (en ventana nueva)
Script de Simon Willison

HTML desaconsejado

Mostrar los elementos de la página actual desaconsejados en HTML 4.0. En la versión actual, no indica los atributos desaconsejados.

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 "NoAlt!"

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.

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 contraste

Abre el Analizador de contraste de colores de Juicy Studio (en 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.

AccessKey

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

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 porque aparece.

TabIndex

Muestra los atributos tabindex encontrados en los elementos de la página actual.

Tabla de datos simple

Muestra elementos <table>, <th> y <td> en la página actual juntos con los atributos recomendados para el etiquetado de tablas de datos simples (summary, scope). Un atributo vacío indica que el atributo no se emplea pero se recomienda.

Tabla de datos compleja

Muestra elementos <table>, <th> y <td> en la página actual juntos con los atributos recomendados para el etiquetado de tablas de datos complejas (summary, scope, <id>, <headers>). Un atributo vacío indica que el atributo no se emplea pero se recomienda.

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 DIVs

Muestra el orden de tabulación (números) y bordes de 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, silver, 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).

The Wave (inglés)

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

Torquemada (italiano)

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

Cynthia Says (inglés)

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

Bobby (inglés)

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

Juicy Studio Tools (inglés)

• Enviar el URL de la página actual a la herramienta de comprobación de accesibilidad Juicy Studio:
  • Link Analyser (nueva ventana)
  • Image Analyser (nueva ventana)
  • Readabillity Test (nueva ventana)
• Abrir el Analizador de Contraste de Colores de Juicy Studio (ventana nueva, en español).
• Abrir el Analizador de Accesibilidad CSS de Juicy Studio (ventana nueva).

Webxact (inglés)

Enviar el URL de la página actual a la herramienta de comprobación de accesibilidad Webxact para comprobar calidad, accesibilidad, y privacidad. (dos opciones: ventana actual o nueva).

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).

Ver código fuente parcial

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

Guardar como HTML

Abrir el recuadro de diálogo "Guardar como" del navegador.

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 primario 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

Muestra la página borrosa para simular el efecto visual experimentado por personas con 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.

Escala de grises

Simulación de cómo se ve la página en una pantalla de blanco y negro.

Lynx Viewer

Abre la página actual (en ventana nueva) en el simulador Lynx 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.

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. Desarrollado a partir de un script en el sitio Web de Oregon State University.

Metadatos

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

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 websiteoptimazation.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

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.

Lista de enlaces a PDFs

Muestra (en ventana nueva) una lista a de enlaces a documentos PDF encontrados en la página actual.

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 [ctrl + alt + A]

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.

Opciones de accesibilidad [ctrl + alt + D]

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

Activar CSS [ctrl + alt + C]

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 en 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).

Tamaño de texto

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

0

Accessible Informations Solutions

L

Validar

T

Tamaño

S

CSS

4

Imágenes

R

Herramientas color

5

Estructura

7

Utilidades

8

Información documento (Doc.)

9

Referencias (Ref.)

O

Opciones IE (IE)

M

Tamaño de texto

I

Opciones IE (IE) > Activar imágenes

J

Opciones IE (IE) > Activar JavaScript

A

Opciones IE (IE) > Activar ActiveX

D

Opciones IE (IE) > Opciones de accesibilidad

C

Opciones IE (IE) > Activar CSS

Z

Tamaño de texto > Mayor

Y

Tamaño de texto > Mediana

X

Tamaño de texto > Menor