Herramientas de utilidad en accesibilidad web

Índice

Validadores de accesibilidad

Herramientas que permiten la revisión automática según las pautas definidas en WCAG:

  • Cynthia Says: Detecta automáticamente problemas de accesibilidad tanto de WCAG 1.0 como de Section 508. http://www.cynthiasays.com/fulloptions.asp
  • HERA: Herramienta online, disponible en español, que valida automáticamente la accesibilidad de la página, señalando qué puntos revisar manualmente. http://www.sidar.org/hera/
  • OCAWA Web Accessibility Expert: Herramienta de validación automática de páginas web compatible con WCAG 1.0 de Prioridad 1. http://www.ocawa.com/en/
  • PISTA: Permite analizar automáticamente varios sitios y todas sus páginas de vez (la gramática, las CSS y los diferentes Niveles de accesibilidad), y además programar revisiones periódicas cuyos informes te son enviados por correo. Permite revisar con varias normativas (por defecto WCAG 1.0, también permite WCAG 2.0). http://www.mityc.es/DGDSI/PISTA/ACCESIBILIDADFREEWARE/Paginas/pistaacces...
  • TAW: Valida automáticamente la accesibilidad de la página, señalando qué puntos revisar manualmente. Se puede seleccionar Nivel A, AA y AAA, así como revisión WCAG 1.0 y 2.0. Está disponible en español, en versión online, local o extensión para Firefox. Incorpora asimismo validación de HTML y CSS y permite analizar también el código JavaScript. http://www.tawdis.net
  • W3C Validator for MAC OSX with Experimental WAI-ARIA Support: Validador del W3C para instalación en sistemas operativos Mac OS X. Valida tanto webs locales como a través de internet y permite también configurarse como servicio web. Presenta un soporte limitado a WAI-ARIA. http://habilis.net/validator-sac/
  • WAVE: Permite analizar sitios web para ayudar a la evaluación de la accesibilidad mostrando la página original con indicadores insertados dentro de sí misma donde se muestran los problemas de accesibilidad. Dispone también de una barra de herramientas para Firefox http://wave.webaim.org/?lang=es

Ir Arriba

Barras de desarrollo

Herramientas utilizadas en conjunción con un navegador web, permitiendo a los desarrolladores comprobar la accesibilidad de las páginas web y encontrar los errores cometidos con respecto a los estándares.

  • Hera FFX: Barra de evaluación de accesibilidad para Firefox basada en la herramienta Hera. Permite el análisis en base a WCAG 1.0 y 2.0, así como a la norma española UNE 139803:2004.
    http://www.sidar.org/recur/aplica/heraffx.php
  • AIS Web Accessibility Toolbar: Barra de evaluación de accesibilidad para Internet Explorer, permite identificar los componentes de las páginas web, facilitar el uso de aplicaciones de terceros y simular las experiencias de usuarios con discapacidades al navegar por la página web. Asimismo provee enlaces a validadores online. http://www.visionaustralia.org.au/ais/toolbar/
  • Firefox Accessibility Extensión: Extensión de Firefox que permite ver un listado con las abreviaciones de la página, visualizar sin imágenes, sin imágenes de fondo, deshabilitar scripts, deshabilitar eventos de ratón, de ventana o de formulario, deshabilitar nuevas ventanas o deshabilitar CSS. http://firefox.cita.uiuc.edu/
  • Juicy Studio Accessibility Toolbar: Modulo para Firefox que permite al desarrollador examinar las regiones roles y propiedades de WAI-ARIA, examinar tablas de datos y determinar si el contraste de color es suficiente. http://juicystudio.com/
  • Web Accessibility Toolbar(Paciello group): Permite la evaluación manual de las webs en relación a varios aspectos de accesibilidad. Las funciones comprenden, identificar los componentes de una página web, proveer acceso a vistas alternativas de la página web y facilitar el uso de aplicaciones online de terceros. Para Internet Explorer: http://www.paciellogroup.com/resources/wat-ie-about.html. Para Opera: http://www.paciellogroup.com/resources/wat-about.html
  • Web Developer Toolbar: Barra de desarrollo para el navegador Firefox que permite realizar validaciones de accesibilidad. Es compatible con cualquier sistema operativo. Asimismo cuenta con amplias opciones para la validación manual. http://chrispederick.com/work/web-developer/

Ir Arriba

Validadores de estándares

Validadores HTML, CSS y otros para comprobar la validez de los sitios web:

  • Validador HTML 5: Validador que permite evaluar páginas web con cualquier versión de HTML hasta la fecha, incluido HTML 5 de modo experimental. http://html5.validator.nu/
  • W3C CSS Validation Service: Validador del W3C para hojas de estilo, detecta los fallos de sintaxis o problemas de compatibilidad de CSS. http://jigsaw.w3.org/css-validator/
  • W3C Markup Validation Service: Validador del W3C para (X)HTML, detecta los fallos de sintaxis en el código HTML, así como referencias perdidas y otros posibles problemas. También permite la validación de documentos MathML, SMIL y otros formatos. http://validator.w3.org/
  • WAVE para Firefox: Permite comprobar los errores de accesibilidad de la página web sin necesidad de realizar conexiones al servidor de WAVE, de manera que es completamente privado. Se pueden revisar páginas protegidas por contraseña, generadas dinámicamente o accesible solamente desde una intranet. Wave también presenta una versión para validación online. http://wave.webaim.org/toolbar

Ir Arriba

Validadores de aspecto

Presentan como se visualiza la página web en distintos navegadores o para personas con ciertas discapacidades, así como otras opciones de visualización:

  • BrowserCam: Es una herramienta online que permite visualizar la Web desde distintos navegadores y versiones (Explorer, Mozilla, Firefox, Safari, Konqueror, Opera, AOL, Camino, Chrome), desde diferentes dispositivos móviles (BlackBerry, Windows Mobile) o probarla por VNC en distintos sistemas operativos (distintos Windows, OSX, Linux). Es una herramienta de pago pero que tiene una versión demo de 24 horas (no disponibles todas las opciones). Dispone de una opción que permite superponer dos pantallazos diferentes para comprobar cómo se descuadran las maquetaciones en diferentes navegadores. http://www.browsercam.com/Default2.aspx
  • Screen Size Tester: Herramienta online en inglés que permite revisar una web a distintas resoluciones. http://www.anybrowser.com/ScreenSizeTest.html
  • Total validator (Advanced): Te muestra pantallazos de tus páginas en distintos navegadores (Explorer de 5 a 7, Firefox de 1.0 a 2.0, Opera de 7 a 9, Mozilla, Netscape, Lynx, ect.), sistemas operativos (Linux, Mac, Windows) y resoluciones de 640x480 a 1280x1024. Además revisa la ortografía, los enlaces rotos y problemas de accesibilidad. Es una herramienta online, en inglés, aunque se puede descargar una versión local. http://www.totalvalidator.com/validator/ValidatorForm?type=url
  • Web Page Backward Compatibility Viewer: Herramienta online, en inglés, que permite revisar en muchos más navegadores (muy antiguos, móviles, etc. indicando el "id" del navegador desde una lista). Necesita un fichero "delorie.htm" en el directorio raíz de la Web a comprobar para verificar que se es administrador del sitio. http://www.delorie.com/web/wpbcv.html

Ir Arriba

Lectores de pantalla

Software que permite la utilización del sistema operativo y las distintas aplicaciones mediante el empleo de un sintetizador de voz que "lee y explica" lo que se visualiza en la pantalla, lo que supone una ayuda para las personas con graves problemas de visión o completamente ciegas:

Ir Arriba

Magnificadores de pantalla

Software o dispositivos hardware (por ejemplo, lupas) que permiten visualizar la pantalla con un considerable aumento en su tamaño, lo que supone una ayuda para las personas con problemas de visión:

Ir Arriba

Navegadores accesibles

Navegadores para principiantes o que funcionan con símbolos, recomendados para personas con discapacidad cognitiva o problemas de aprendizaje:

  • Ed Web: Navegador con sintetizador de voz que también puede mostrar las páginas web como una combinación de texto y símbolos. http://www.deafblindonline.org.uk/software.html#ee
  • Multi Web: Permite configurar múltiples opciones: tamaño del texto más grande y resaltado para facilitar la lectura, sintetizador de voz integrado, botones sonoros y barras de botones configurables. http://www.deakin.edu.au/buslaw/infosys/multiweb/options.htm
  • WWAAC Web Browser: Indicado para personas con problemas cognitivos o de comunicación, algunas de sus características son: página de inicio configurable con los enlaces favoritos, sintetizador de voz integrado, métodos de entrada (input) alternativos y barras de botones configurables. http://www.wwaac.eu/products/browser.asp

Ir Arriba

Navegadores alternativos

Navegadores web con características especiales que no se encuentran en los navegadores más comunes:

Ir Arriba

Simuladores de personas con discapacidad visual

Simula la visualización de una página web por personas con algún tipo de discapacidad visual:

  • aDesigner: Simula vista cansada, deficiencias con la visión del color (daltonismo) y una combinación de todas ellas. http://www.alphaworks.ibm.com/tech/adesigner
  • ColorDoctor: Es una herramienta local gratuita para Windows que simula la visión en blanco y negro y los distintos tipos de ceguera cromática. El resultado se puede guardar en distintos formatos de imagen. También se puede usar para comprobar presentaciones, animaciones Flash, etc. http://www.fujitsu.com/global/accessibility/assistance/cd/
  • Color Laboratory: Permite seleccionar un conjunto de colores para ver como quedan juntos, también permite simular como les parecerá a personas con daltonismo. http://colorlab.wickline.org/colorblind/colorlab/
  • Vischeck: Validador online mediante URL que nos permite comprobar que la información no está basada en el color y que una persona con problemas de visión podrá interactuar correctamente con la página. Muestra una página tal y como la verían distintos tipos de daltónicos: deuteranope (es ciego al verde, ve mal el rojo y bien el azul), un tritanope (no ve el azul y sí el rojo y el verde) o un protanope (es ciego al rojo, ve mal el verde y conserva bien la visión del azul.). http://www.vischeck.com/vischeck/vischeckURL.php
  • Web Accessibility Toolbar: Incluye una sección de simulación con varios tipos de problemas visuales: retinopatía diabética, cataratas, degeneración macular, glaucoma, daltonismo, sensibilidad al contraste y sensibilidad a los destellos. http://www.visionaustralia.org.au/ais/toolbar/

Ir Arriba

Simuladores de personas con discapacidad cognitiva

Simulan y evalúan los problemas que pueden tener las personas con algún tipo de discapacidad cognitiva:

Ir Arriba

Herramientas orientadas a la epilepsia

Permiten identificar los componentes de una página web que pueden provocar ataques epilépticos:

  • PEAT (Photosensitive epilepsy analysis tool): Esta herramienta sirve para detectar los componentes de una página web que podrían provocar ataques en ciertos usuarios. http://trace.wisc.edu/peat/
  • Prueba de frecuencia de parpadeo para imágenes GIF: Permite al desarrollador comprobar las imágenes de una página web que contienen parpadeos, frecuencia de parpadeo y contraste de color. http://tools.webaccessibile.org/test/check.aspx

Ir Arriba

Evaluadores de texto

Evalúan los textos comprobando, ortografía, gramática o complejidad entre otras opciones:

  • Readability index calculator: Calcula un índice que indica la facilidad de lectura de un texto concreto, según una serie de fórmulas disponibles para cada idioma. http://www.standards-schmandards.com/exhibits/rix/index.php
  • Readability test: Es otra herramienta que nos permite evaluar la facilidad de lectura de nuestra página web según varios algoritmos. http://juicystudio.com/services/readability.php
  • Stilus: Revisor online mediante URL, upload de fichero (PDF, DOC, etc.) o inclusión directa de texto. Detecta cuatro tipos de errores: ortografía, gramática, tipología y estilo. Da un informe visual de la página resaltando los errores ortográficos e incluyendo una descripción. Es gratuito pero hay que registrarse para acceder a todas las opciones. http://stilus.daedalus.es/stilus-es.php
  • TxReadability: Evalúa la complejidad de los textos de una página. Es una herramienta online, disponible en español, que permite verificar mediante URL o inclusión directa de texto. http://www.lib.utexas.edu:8080/TxReadability/app?service=page/Home

Ir Arriba

Evaluadores de color

Comprueban si los colores utilizados proporcionan un contraste adecuado en base a los algoritmos establecidos por WCAG o mediante otras técnicas:

Ir Arriba

Herramientas para niños con discapacidades motrices

Herramientas de ayuda para el trabajo con niños que presenten discapacidades motrices:

  • Preparados, listos… switch!: Preparados, listos… switch! sirve para trabajar diferentes conceptos escolares en chicos con discapacidades motrices múltiples y profundas. http://www.antoniosacco.net/soft/pls12_inst.msi
  • Toca la pantalla: Toca la pantalla tiene como objeto facilitar el trabajo en actividades de estimulación, causa-efecto, incentivación de movimientos, etc. Puede ser utilizado con un monitor regular y un ratón, y además tiene especial aplicación con pantallas táctiles y pizarras digitales interactivas. http://www.antoniosacco.net/soft/tlp11_inst.msi

Ir Arriba

Varios

Otras aplicaciones que permiten evaluar la experiencia del usuario en una página web o proporcionar herramientas orientadas a la accesibilidad:

Ir Arriba