SlideShare a Scribd company logo
1 of 7
HERRAMIENTAS DE
EVALUACIÓN DE LA
ACCESIBILIDAD
DE SITIOS WEB
José Ramón Hilera
Contenido
• Herramientas de evaluación automática WCAG 2.0
• Validadores de gramática
• Barras de herramientas para navegadores web
• Lectores de pantalla
• Otras herramientas
2
Herramientas de evaluación automática WCAG 2.0
3
Herramienta Tipo URL
Achecker Evaluación de accesibilidad WCAG 2.0 de
páginas Web y archivos HTML
www.achecker.ca
Cynthia Says Evaluación de accesibilidad WCAG 2.0 de
páginas Web
www.cynthiasays.com
eXaminator Evaluación de accesibilidad WCAG 2.0 de
páginas Web
(ofrece una puntuación propia)
examinator.ws/
SortSite Evaluación de accesibilidad WCAG 2.0 de
sitios Web
www.powermapper.com/pr
oducts/sortsite/checks/acc
essibility-checks.htm
TAW Evaluación de accesibilidad WCAG 2.0 de
páginas Web
www.tawdis.net/
Tingtun
(antes
eGovmon)
Evaluación de accesibilidad WCAG 2.0 de
páginas Web y archivos PDF
(ofrece una puntuación propia)
accessibility.tingtun.no
Total Validator Evaluación de accesibilidad WCAG 2.0 de
páginas Web y archivos HTML
www.totalvalidator.com
WAVE Evaluación de accesibilidad WCAG 2.0 de
páginas Web
wave.webaim.org
Validadores de gramática
4
Herramienta Tipo URL
Validador (X)
HTML de W3C
Validación de
gramática
http://validator.w3.org/
Validador de CSS
de W3C
Validación de
gramática
http://jigsaw.w3.org/css-validator/
Barras de herramientas y extensiones para
navegadores web
5
Herramienta Navegador
Accessibility Evaluation
Toolbar
Mozilla Firefox
Accessibility Developer Tools Google Chrome
Web Accessibility Toolbar Microsoft Internet Explorer
Web Developer Toolbar Mozilla Firefox
Web Developer Google Chrome
Developer Toolbar Microsoft Internet Explorer
Developer Tools Opera
Web Inspector Apple Safari
Firebug Mozilla Firefox
WCAG Contrast Checker Mozilla Firefox
HeadingsMap Mozilla Firefox
Lectores de pantalla
6
Herramienta Tipo
JAWS Lector de pantalla para Windows
NVDA Lector de pantalla (open source, gratuito)
Windows
Eyes
Lector de pantalla para Windows
SAToGo Lector de pantalla online (gratuito)
VoiceOver Lector de pantalla para OS X
Orca Lector de pantalla para Linux (open source, gratuito)
ChromeVox Lector de pantalla para el navegador Google Chrome
(gratuito)
Lectores para
HTML5
Web con información sobre el soporte de los lectores para
HTML5
Lectores para
WAI-ARIA
Web con información sobre soporte de los lectores para
WAI-ARIA
Otras herramientas
7
Herramienta Tipo
WCAG Contrast Checker Evaluación de color y contraste
Colour Contrast Analyser
(CCA en Español)
Evaluación de color y contraste
Contrast-A Evaluación de color y contraste
WCAG Contrast Checker Evaluación de color y contraste
PEAT Detección de epilepsia
Flesh Evaluación de legibilidad de textos en Inglés
Inflesz Evaluación de legibilidad de textos en Español
Lynx Navegador de texto
Lynx Viewer Emulador de navegador de texto
DAISYPlayer Reproductor de audiolibros grabados en formato DAISY
Lista de herramientas Web de W3C con listado de herramientas útiles
Web Accessibility Tools
Consortium [WAT-C]
Lista de herramientas de libre uso
Web Site Testing Tool Herramientas de evaluación de accesibilidad, SEO,
usabilidad, enlaces rotos, compatibilidad, etc.

More Related Content

Viewers also liked

Maquetacion de pagina
Maquetacion de paginaMaquetacion de pagina
Maquetacion de pagina
070810pipe
 

Viewers also liked (20)

Desarrollo de Mobile Web Apps
Desarrollo de Mobile Web AppsDesarrollo de Mobile Web Apps
Desarrollo de Mobile Web Apps
 
Introducción a Google Dart + HTML5
Introducción a Google Dart + HTML5Introducción a Google Dart + HTML5
Introducción a Google Dart + HTML5
 
Tools and Frameworks
Tools and FrameworksTools and Frameworks
Tools and Frameworks
 
Integración de WAI-ARIA en HTML5
Integración de WAI-ARIA en HTML5Integración de WAI-ARIA en HTML5
Integración de WAI-ARIA en HTML5
 
Uso de html5 + webcomponents
Uso de html5 + webcomponentsUso de html5 + webcomponents
Uso de html5 + webcomponents
 
Ejemplo de corrección de errores de accesibilidad WCAG 2.0 en una página web
Ejemplo de corrección de errores de accesibilidad WCAG 2.0 en una página webEjemplo de corrección de errores de accesibilidad WCAG 2.0 en una página web
Ejemplo de corrección de errores de accesibilidad WCAG 2.0 en una página web
 
Mejora tus US con UX y modelos de satisfacción
Mejora tus US con UX y modelos de satisfacciónMejora tus US con UX y modelos de satisfacción
Mejora tus US con UX y modelos de satisfacción
 
Casper JS - Asegurando la calidad en front-end Drupal
Casper JS - Asegurando la calidad en front-end DrupalCasper JS - Asegurando la calidad en front-end Drupal
Casper JS - Asegurando la calidad en front-end Drupal
 
Introducción a HTML - CSS - JS
Introducción a HTML - CSS - JS Introducción a HTML - CSS - JS
Introducción a HTML - CSS - JS
 
PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)
PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)
PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)
 
Desarrollo de aplicaciones web 3.0 (linked data + bpm + cloud)
Desarrollo de aplicaciones web 3.0 (linked data + bpm + cloud) Desarrollo de aplicaciones web 3.0 (linked data + bpm + cloud)
Desarrollo de aplicaciones web 3.0 (linked data + bpm + cloud)
 
Ejemplos WAI-ARIA con HTML, CSS y JavaScript
Ejemplos WAI-ARIA con HTML, CSS y JavaScriptEjemplos WAI-ARIA con HTML, CSS y JavaScript
Ejemplos WAI-ARIA con HTML, CSS y JavaScript
 
Flujos de interaccion
Flujos de interaccionFlujos de interaccion
Flujos de interaccion
 
Depurando Java Script - Programador PHP
Depurando Java Script - Programador PHPDepurando Java Script - Programador PHP
Depurando Java Script - Programador PHP
 
Herramientas Frontend - Betabeers Salamanca - Enero 2015
Herramientas Frontend - Betabeers Salamanca - Enero 2015Herramientas Frontend - Betabeers Salamanca - Enero 2015
Herramientas Frontend - Betabeers Salamanca - Enero 2015
 
Taller de Maquetacion web | Jorge Callalle Torres
Taller de Maquetacion web | Jorge Callalle TorresTaller de Maquetacion web | Jorge Callalle Torres
Taller de Maquetacion web | Jorge Callalle Torres
 
Mejores practicas front end
Mejores practicas front endMejores practicas front end
Mejores practicas front end
 
Maquetacion de pagina
Maquetacion de paginaMaquetacion de pagina
Maquetacion de pagina
 
Automatización de tareas con Gulp
Automatización de tareas con GulpAutomatización de tareas con Gulp
Automatización de tareas con Gulp
 
Agile Product Management
Agile Product ManagementAgile Product Management
Agile Product Management
 

Similar to Herramientas de evaluación de accesibilidad web WCAG 2.0

Trabajo academico navegadores web jesus javier ochoa verduzco corregido
Trabajo academico navegadores web jesus javier ochoa verduzco corregidoTrabajo academico navegadores web jesus javier ochoa verduzco corregido
Trabajo academico navegadores web jesus javier ochoa verduzco corregido
JesusJavierOchoaVerd
 
Trabajo academico navegadores web jesus javier ochoa verduzco corregido
Trabajo academico navegadores web jesus javier ochoa verduzco corregidoTrabajo academico navegadores web jesus javier ochoa verduzco corregido
Trabajo academico navegadores web jesus javier ochoa verduzco corregido
JesusJavierOchoaVerd
 
Programación en ambiente web - Semana 2.pptx
Programación en ambiente web - Semana 2.pptxProgramación en ambiente web - Semana 2.pptx
Programación en ambiente web - Semana 2.pptx
NoraDenisseOcampo1
 
02 herramientas de_evaluacion_de_la_accesibilidad
02 herramientas de_evaluacion_de_la_accesibilidad02 herramientas de_evaluacion_de_la_accesibilidad
02 herramientas de_evaluacion_de_la_accesibilidad
Encarna Lago
 
Clientesweb 100623183305-phpapp02
Clientesweb 100623183305-phpapp02Clientesweb 100623183305-phpapp02
Clientesweb 100623183305-phpapp02
gotita1992
 
Actividad 2 tecnologìa educativa
Actividad 2 tecnologìa educativaActividad 2 tecnologìa educativa
Actividad 2 tecnologìa educativa
pilywily
 
Biblioteca libre 4 de agosto de 2010
Biblioteca libre   4 de agosto de 2010Biblioteca libre   4 de agosto de 2010
Biblioteca libre 4 de agosto de 2010
Christian Sifaqui
 
motores de busquedas y navegadores
motores de busquedas y navegadoresmotores de busquedas y navegadores
motores de busquedas y navegadores
alvarojoseprentt
 
Los navegadores
Los navegadoresLos navegadores
Los navegadores
atiportal
 
Los navegadores
Los navegadoresLos navegadores
Los navegadores
atiportal
 
Los navegadores.pps
Los navegadores.ppsLos navegadores.pps
Los navegadores.pps
atiportal
 

Similar to Herramientas de evaluación de accesibilidad web WCAG 2.0 (20)

Trabajo academico navegadores web jesus javier ochoa verduzco corregido
Trabajo academico navegadores web jesus javier ochoa verduzco corregidoTrabajo academico navegadores web jesus javier ochoa verduzco corregido
Trabajo academico navegadores web jesus javier ochoa verduzco corregido
 
Trabajo en grupo
Trabajo en grupoTrabajo en grupo
Trabajo en grupo
 
Trabajo academico navegadores web jesus javier ochoa verduzco corregido
Trabajo academico navegadores web jesus javier ochoa verduzco corregidoTrabajo academico navegadores web jesus javier ochoa verduzco corregido
Trabajo academico navegadores web jesus javier ochoa verduzco corregido
 
Programación en ambiente web - Semana 2.pptx
Programación en ambiente web - Semana 2.pptxProgramación en ambiente web - Semana 2.pptx
Programación en ambiente web - Semana 2.pptx
 
Los Navegadores
Los NavegadoresLos Navegadores
Los Navegadores
 
02 herramientas de_evaluacion_de_la_accesibilidad
02 herramientas de_evaluacion_de_la_accesibilidad02 herramientas de_evaluacion_de_la_accesibilidad
02 herramientas de_evaluacion_de_la_accesibilidad
 
Trabajo
TrabajoTrabajo
Trabajo
 
Trabajo
TrabajoTrabajo
Trabajo
 
Clientesweb 100623183305-phpapp02
Clientesweb 100623183305-phpapp02Clientesweb 100623183305-phpapp02
Clientesweb 100623183305-phpapp02
 
Navegadores
NavegadoresNavegadores
Navegadores
 
Actividad 2 tecnologìa educativa
Actividad 2 tecnologìa educativaActividad 2 tecnologìa educativa
Actividad 2 tecnologìa educativa
 
Biblioteca libre 4 de agosto de 2010
Biblioteca libre   4 de agosto de 2010Biblioteca libre   4 de agosto de 2010
Biblioteca libre 4 de agosto de 2010
 
motores de busquedas y navegadores
motores de busquedas y navegadoresmotores de busquedas y navegadores
motores de busquedas y navegadores
 
Tipos nabegadores y buscadores
Tipos nabegadores y buscadoresTipos nabegadores y buscadores
Tipos nabegadores y buscadores
 
Los navegadores
Los navegadoresLos navegadores
Los navegadores
 
Ie9 + html5
Ie9 + html5Ie9 + html5
Ie9 + html5
 
Los navegadores
Los navegadoresLos navegadores
Los navegadores
 
Los navegadores.pps
Los navegadores.ppsLos navegadores.pps
Los navegadores.pps
 
Cecyteg[1]
Cecyteg[1]Cecyteg[1]
Cecyteg[1]
 
Tema01
Tema01Tema01
Tema01
 

More from Jose R. Hilera

Estándares de accesibilidad web
Estándares de accesibilidad webEstándares de accesibilidad web
Estándares de accesibilidad web
Jose R. Hilera
 
Metodologías de ingeniería Web dirigida por modelos
Metodologías de ingeniería Web dirigida por modelosMetodologías de ingeniería Web dirigida por modelos
Metodologías de ingeniería Web dirigida por modelos
Jose R. Hilera
 

More from Jose R. Hilera (16)

Tema 3. Herramientas para laInteligencia Tecnológica
Tema 3. Herramientas para laInteligencia TecnológicaTema 3. Herramientas para laInteligencia Tecnológica
Tema 3. Herramientas para laInteligencia Tecnológica
 
Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018
Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018
Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018
 
Tema 1. Conceptos básicos sobre Inteligencia Tecnológica
Tema 1. Conceptos básicos sobre Inteligencia TecnológicaTema 1. Conceptos básicos sobre Inteligencia Tecnológica
Tema 1. Conceptos básicos sobre Inteligencia Tecnológica
 
Tema 4. Aprendizaje a lo largo de la vida
Tema 4. Aprendizaje a lo largo de la vidaTema 4. Aprendizaje a lo largo de la vida
Tema 4. Aprendizaje a lo largo de la vida
 
Tema 5. Evaluación y comparación de tecnologías
Tema 5. Evaluación y comparación de tecnologíasTema 5. Evaluación y comparación de tecnologías
Tema 5. Evaluación y comparación de tecnologías
 
Patrón de diseño Modelo-Vista-Controlador (MVC)
Patrón de diseño Modelo-Vista-Controlador (MVC)Patrón de diseño Modelo-Vista-Controlador (MVC)
Patrón de diseño Modelo-Vista-Controlador (MVC)
 
Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...
Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...
Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...
 
Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)
Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)
Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)
 
Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...
Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...
Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...
 
Desarrollo dirigido por modelo de servicios web REST
Desarrollo dirigido por modelo de servicios web RESTDesarrollo dirigido por modelo de servicios web REST
Desarrollo dirigido por modelo de servicios web REST
 
Perfiles UML
Perfiles UMLPerfiles UML
Perfiles UML
 
Contenidos accesibles para las redes sociales
Contenidos accesibles para las redes socialesContenidos accesibles para las redes sociales
Contenidos accesibles para las redes sociales
 
Resumen de las pautas WCAG 2.0 de W3C
Resumen de las pautas WCAG 2.0 de W3CResumen de las pautas WCAG 2.0 de W3C
Resumen de las pautas WCAG 2.0 de W3C
 
Estándares de accesibilidad web
Estándares de accesibilidad webEstándares de accesibilidad web
Estándares de accesibilidad web
 
Metodologías de ingeniería Web dirigida por modelos
Metodologías de ingeniería Web dirigida por modelosMetodologías de ingeniería Web dirigida por modelos
Metodologías de ingeniería Web dirigida por modelos
 
Ontologies in Ubiquitous Computing
Ontologies in Ubiquitous ComputingOntologies in Ubiquitous Computing
Ontologies in Ubiquitous Computing
 

Herramientas de evaluación de accesibilidad web WCAG 2.0

  • 1. HERRAMIENTAS DE EVALUACIÓN DE LA ACCESIBILIDAD DE SITIOS WEB José Ramón Hilera
  • 2. Contenido • Herramientas de evaluación automática WCAG 2.0 • Validadores de gramática • Barras de herramientas para navegadores web • Lectores de pantalla • Otras herramientas 2
  • 3. Herramientas de evaluación automática WCAG 2.0 3 Herramienta Tipo URL Achecker Evaluación de accesibilidad WCAG 2.0 de páginas Web y archivos HTML www.achecker.ca Cynthia Says Evaluación de accesibilidad WCAG 2.0 de páginas Web www.cynthiasays.com eXaminator Evaluación de accesibilidad WCAG 2.0 de páginas Web (ofrece una puntuación propia) examinator.ws/ SortSite Evaluación de accesibilidad WCAG 2.0 de sitios Web www.powermapper.com/pr oducts/sortsite/checks/acc essibility-checks.htm TAW Evaluación de accesibilidad WCAG 2.0 de páginas Web www.tawdis.net/ Tingtun (antes eGovmon) Evaluación de accesibilidad WCAG 2.0 de páginas Web y archivos PDF (ofrece una puntuación propia) accessibility.tingtun.no Total Validator Evaluación de accesibilidad WCAG 2.0 de páginas Web y archivos HTML www.totalvalidator.com WAVE Evaluación de accesibilidad WCAG 2.0 de páginas Web wave.webaim.org
  • 4. Validadores de gramática 4 Herramienta Tipo URL Validador (X) HTML de W3C Validación de gramática http://validator.w3.org/ Validador de CSS de W3C Validación de gramática http://jigsaw.w3.org/css-validator/
  • 5. Barras de herramientas y extensiones para navegadores web 5 Herramienta Navegador Accessibility Evaluation Toolbar Mozilla Firefox Accessibility Developer Tools Google Chrome Web Accessibility Toolbar Microsoft Internet Explorer Web Developer Toolbar Mozilla Firefox Web Developer Google Chrome Developer Toolbar Microsoft Internet Explorer Developer Tools Opera Web Inspector Apple Safari Firebug Mozilla Firefox WCAG Contrast Checker Mozilla Firefox HeadingsMap Mozilla Firefox
  • 6. Lectores de pantalla 6 Herramienta Tipo JAWS Lector de pantalla para Windows NVDA Lector de pantalla (open source, gratuito) Windows Eyes Lector de pantalla para Windows SAToGo Lector de pantalla online (gratuito) VoiceOver Lector de pantalla para OS X Orca Lector de pantalla para Linux (open source, gratuito) ChromeVox Lector de pantalla para el navegador Google Chrome (gratuito) Lectores para HTML5 Web con información sobre el soporte de los lectores para HTML5 Lectores para WAI-ARIA Web con información sobre soporte de los lectores para WAI-ARIA
  • 7. Otras herramientas 7 Herramienta Tipo WCAG Contrast Checker Evaluación de color y contraste Colour Contrast Analyser (CCA en Español) Evaluación de color y contraste Contrast-A Evaluación de color y contraste WCAG Contrast Checker Evaluación de color y contraste PEAT Detección de epilepsia Flesh Evaluación de legibilidad de textos en Inglés Inflesz Evaluación de legibilidad de textos en Español Lynx Navegador de texto Lynx Viewer Emulador de navegador de texto DAISYPlayer Reproductor de audiolibros grabados en formato DAISY Lista de herramientas Web de W3C con listado de herramientas útiles Web Accessibility Tools Consortium [WAT-C] Lista de herramientas de libre uso Web Site Testing Tool Herramientas de evaluación de accesibilidad, SEO, usabilidad, enlaces rotos, compatibilidad, etc.