Download ¿Cómo accedo a la herramienta?
Document related concepts
Transcript
Calidad Web Evaluación de Accesibilidad Versión 1.1 – 2014 Noviembre 2014 Accesibilidad Licencia de uso de este documento Este documento ha sido desarrollado por AGESIC (Agencia de Gobierno Electrónico y Sociedad de la Información). Este documento ha sido distribuida bajo licencia Creative Commons, bajo las condiciones de reconocimiento y uso no comercial, que permite la utilización de la misma para todo el mundo, pudiéndose reutilizar total o parcialmente el contenido de dicho documento siempre que sea para uso no comercial y manteniendo el reconocimiento de autoría de la obra. Reconocimiento - NoComercial (by-nc): Se permite la generación de obras derivadas siempre que no se haga un uso comercial. Tampoco se puede utilizar la obra original con finalidades comerciales. ACCESIBILIDAD WEB Versión 1.0 – 2014 Contenidos Licencia de uso de este documento .................................................................................................. 2 Introducción ..................................................................................................................................... 5 Primeras consideraciones del Plan ................................................................................................... 6 ¿Qué técnicas se aplican? ............................................................................................................. 6 ¿Cuándo se hace? ......................................................................................................................... 7 ¿Qué alcance debe tener la evaluación? ....................................................................................... 8 Nivel de conformidad ............................................................................................................... 8 ¿Qué páginas evaluar? .............................................................................................................. 8 Metodología ................................................................................................................................... 10 Evaluaciones automáticas .......................................................................................................... 10 1. Validar Gramática (X)HTML ............................................................................................. 11 2. Validar Hojas de Estilo en Cascada (CSS) ......................................................................... 11 3. Validar Pautas de Accesibilidad Web ................................................................................. 12 4. Validar puntos específicos de accesibilidad ....................................................................... 15 5. Simulaciones ...................................................................................................................... 18 6. Navegadores y sistemas operativos .................................................................................... 20 7. Resoluciones de pantallas................................................................................................... 21 8. Extensiones para navegadores ............................................................................................ 22 9. Otras herramientas.............................................................................................................. 24 10. Otras técnicas ................................................................................................................... 27 Evaluaciones heurísticas ............................................................................................................ 29 Técnicas de filtrado .................................................................................................................... 29 Pruebas con usuarios .................................................................................................................. 31 Presentación de los resultados de la evaluación ..................................................................... 32 Lecturas recomendadas .................................................................................................................. 33 Referencias ..................................................................................................................................... 33 Evaluación de Accesibilidad | 5 Introducción El objetivo de este documento es presentar un plan de evaluación de accesibilidad web que se aplique a portales y aplicaciones, sugiriendo técnicas que aplicadas en la etapa que corresponde, contribuyen a disminuir los costos y garantizar una solución adecuada. Es un complemento de la Guía para el Desarrollo de Portales Estatales, en el que encontrará una ampliación de los conceptos ya presentados en el capítulo 2 – Usabilidad y el capítulo 3 Accesibilidad. La accesibilidad y la usabilidad van de la mano y ambas aportan para lograr el objetivo de diseñar poniendo foco en el ciudadano. Los equipos técnicos dedicados a testeo deberán realizar las siguientes validaciones: validaciones de estándares técnicos, validaciones correspondientes a las pautas WCAG 2.0, nivel AA y algunas buenas prácticas del nivel AAA, tests de usuarios incluyendo personas con discapacidad o de edad avanzada. 6 | Evaluación de Accesibilidad Primeras consideraciones del Plan ¿Qué técnicas se aplican? Un plan de evaluación en accesibilidad debe incluir, al menos, parte de las siguientes técnicas: 1. Evaluaciones automáticas 2. Evaluación heurística 3. Técnicas de filtrado 4. Pruebas con usuarios. Es recomendable aplicar las técnicas en el orden indicado. Este orden coincide con el costo de la técnica, aplicarlas en este orden permite descubrir problemas a tiempo y con el menor costo posible. Las evaluaciones automáticas identifican errores con mínima intervención humana. Se cuenta con una serie de herramientas gratuitas que permiten evaluaciones fáciles y rápidas que se pueden realizar en todo momento. Solucionados los problemas detectados automáticamente, se pueden realizar evaluaciones heurísticas, en las que un especialista realiza evaluaciones manuales con herramientas de apoyo para detectar otro tipo de problemas. La técnica de filtrado, es aquella en la que un evaluador disminuye sus capacidades artificialmente e interactúa con el portal o la aplicación para detectar barreras de accesibilidad. En general incluye el uso de tecnologías de apoyo como lectores de pantalla, herramientas de barrido y magnificadores. Eliminar los problemas más serios identificados gracias a las técnicas de filtrado permite centrar las pruebas de accesibilidad con personas con diferentes discapacidades en asuntos y ámbitos problemáticos más sutiles. Por último, se recomienda realizar pruebas de usuario con la menor cantidad posible de barreras, de esta forma se evita la aplicación de la técnica para identificar problemas evidentes, además de reducir la frustración del usuario. Evaluación de accesibilidad | 7 Recomendación Aplicar evaluaciones de usabilidad en conjunto con las de accesibilidad colaboran en la detección temprana de problemas de usabilidad. ¿Cuándo se hace? La accesibilidad debe incorporarse en todas las etapas del desarrollo de un portal. Durante el proceso de desarrollo es necesario: Definir el nivel de conformidad objetivo: se recomienda nivel AA y algunos criterios de AAA. Tener identificados los requisitos de accesibilidad para el nivel de conformidad objetivo, siguiendo las pautas de la W3C y/o Guías para el Desarrollo de Portales. Realizar revisiones durante el proceso de desarrollo del portal y acordar un calendario a lo largo de todo el proceso. Proporcionar información sobre métodos de evaluación para que los desarrolladores puedan hacer por lo menos una evaluación preliminar por su cuenta. www.agesic.gub.uy Se definen al menos las siguientes etapas en el desarrollo de un portal1 con su correspondiente técnica de evaluación asociada: Evaluación automática Diseño Implementación Testeo de la solución Gestión de Contenidos Técnicas de Filtrado x Pruebas c/usuarios x Evaluación heurística x x x x x x x x Durante la etapa de mantenimiento es necesario realizar determinadas actividades para que se mantenga el nivel de accesibilidad logrado: 1 El material del taller está publicado en el portal de AGESIC. x 8 | Evaluación de Accesibilidad Contar con una declaración de accesibilidad, en la que claramente se detalle el nivel de conformidad y el alcance al que se aplica dentro del portal. Tener identificadas claramente las personas responsables de las tareas de seguimiento y los procedimientos para realizar las correcciones necesarias. Contar con el equipo de editores capacitado en los conceptos básicos a cumplir. Definir la frecuencia, el método y el alcance de las evaluaciones. Definir un proceso de validación para las modificaciones y las nuevas páginas antes que se publiquen en el portal. Publicar una dirección de correo, u otra forma de contacto, para registrar incidencias de accesibilidad y recibir sugerencias de mejora realizadas por los usuarios. ¿Qué alcance debe tener la evaluación? Nivel de conformidad Lo primero es determinar el nivel de conformidad al que se desea llegar: A, AA, AAA. “El objetivo es que los portales del Gobierno Uruguayo puedan alcanzar a corto plazo el nivel AA y aplicar buenas prácticas sugeridas en algunas de las pautas de tipo AAA”2 ¿Qué páginas evaluar? La accesibilidad debe evaluarse en cada una de las páginas del portal. En el caso de un nuevo desarrollo basado en herramientas de gestión de contenidos es recomendable identificar los diferentes tipos de plantillas utilizados y analizarlas sin contenido y con algún contenido textual. Cada nueva página a agregar al portal debería ser evaluada antes de publicarse. 2 “Guía para diseño e implementación de Portales Estatales” Capítulo III Accesibilidad Web, se puede descargar del Portal de AGESIC Evaluación de accesibilidad | 9 Para el caso de portales en producción, si el volumen de páginas es muy grande, se recomienda seleccionar una muestra representativa de páginas que incluya al menos: Página principal Mapa del sitio Sistema de búsqueda Formulario de contacto y/o cualquier otro formulario Páginas con diagramas, gráficas o mapas de imagen. Páginas con datos tabulares Páginas con datos generados dinámicamente. Contenido multimedia Páginas que conforman una tarea o proceso. 10 | Evaluación de Accesibilidad Metodología La metodología que se presenta está basada en los documentos de la WAI “Evaluando la accesibilidad de sitios web” (Evaluating Web Sites for Accessibility), el artículo de la WAI “Metodología valuación de la accesibilidad Web” Metodology” (Website Accessibility Conformance Evaluation Methodology ) y el libro “Simplemente pregunta: Integración de la accesibilidad en el diseño” de Shawn Lawton Henry. Se presentan sugerencias y herramientas para la aplicación de las siguientes técnicas: Evaluaciones automáticas Evaluación heurística Técnicas de filtrado Pruebas con usuarios. Evaluaciones automáticas ¿Cuándo se puede aplicar? En prototipos y versiones de la solución La primera evaluación a realizar debe ser mediante herramientas automáticas, porque es la más objetiva, rápida y económica. En Internet existen una serie de herramientas gratuitas para validar distintos aspectos de la accesibilidad como el cumplimiento de estándares, el cumplimiento de pautas y de aspectos específicos de la accesibilidad, así como simuladores de discapacidades y de otras tecnologías. Evaluación de accesibilidad | 11 1. Validar Gramática (X)HTML En español La validación de estándares (X)HTML es recomendada en la Pauta 4.1 de accesibilidad de la WCAG2.0. Es más fácil realizar correcciones y modificaciones a un código bien formado y prolijo, por lo que se recomienda comenzar con esta validación. Validar el código de las páginas garantiza la portabilidad a distintos dispositivos y mejora la indexación en buscadores. World Wide Web Consortium (W3C) dispone del servicio en línea para validar la gramática del código (X)HTML de documentos web. ¿Cómo accedo a la herramienta? http://validator.w3.org/ 2. Validar Hojas de Estilo en Cascada (CSS) En español El uso de CSS brinda flexibilidad para modificar el diseño fácilmente y rapidez para descargar las páginas, Se obtiene como resultado un código HTML independiente del diseño, lo que facilita su interpretación por medio de ayudas técnicas, entre otros beneficios. La validación de hojas de estilo contribuirá a mejorar la mantenibilidad del código además de garantizar la portabilidad del portal, ya que evitará que se use código no estándar propietario de algún navegador que no funcione en otro navegador. W3C dispone del servicio en línea para validar la gramática del código de las Hojas de Estilo en Cascada (CSS). ¿Cómo accedo a la herramienta? http://jigsaw.w3.org/css-validator/ 12 | Evaluación de Accesibilidad 3. Validar Pautas de Accesibilidad Web Existen herramientas que ayudan a evaluar ciertos aspectos de la accesibilidad. Los validadores automáticos de accesibilidad revisan puntos conflictivos según pautas y estándares y presentan un informe con los resultados. “Aunque las herramientas de evaluación identifican algunos problemas de accesibilidad, no pueden determinar por sí solas si un producto satisface o no los estándares o si es accesible. Estas herramientas pueden identificar las imágenes que no tengan un texto alternativo. Sin embargo, no pueden determinar si ese texto es equivalente o no a la imagen, es decir, si proporciona la misma información en formato textual que la que transmite la imagen visualmente. Para determinar si el texto alternativo que describe dicha imagen es equivalente o no, se requiere una evaluación humana.” (Henry, 2008) W3C dio a conocer, en diciembre de 2006, una nota de prensa en la que expresaba que “la utilización de las herramientas de revisión automática en la evaluación de la calidad de los sitios web no es suficiente”. (W3C, 2006) Falsos positivos y falsos negativos El evaluador puede encontrar en estas validaciones automáticas lo que se llaman: Falsos positivos: problemas de accesibilidad no identificados por el validador automático. Falsos negativos: problemas de accesibilidad identificados por el validador automático que revisados por un experto no son considerados problemas. Se sugiere realizar la evaluación automática con al menos dos herramientas para cubrir los problemas detectables automáticamente. A continuación se presenta un listado de herramientas gratuitas disponibles en la web: Recomendación: AGESIC adoptó las Pautas de Accesibilidad de Contenido Web (WCAG 2.0). Existen muchas herramientas gratuitas de validación de las Pautas de Accesibilidad, aunque muchas aún validan la WCAG versión 1.0 o estándares específicos de un país. Evaluación de accesibilidad | 13 TAW (Test de Accesibilidad Web) TAW es una familia de herramientas, desarrollada por la Fundación CTIC (Centro Tecnológico de la Información y de la Comunicación). En español La versión en línea de la herramienta TAW analiza las Pautas de Accesibilidad al Contenido Web 1.0 y 2.0. ¿Cómo accedo a la herramienta? http://tawdis.net/ eXaminator En español eXaminator es una herramienta en línea gratuita de evaluación de pautas WCAG 2.0. ¿Cómo accedo a la herramienta? http://examinator.ws/ AccessMonitor En portugués. AccessMonitor es una herramienta en línea gratuita de evaluación de pautas WCAG 2.0. desarrollado por UMIC – Agencia para la Sociedad del Conocimiento, IP, Ministerio de Ciencia, Tecnología y Educación Superior de Portugal. ¿Cómo accedo a la herramienta? http://www.acceso.umic.pt/accessmonitor/ Total Validator En inglés. TotalValidator es una aplicación de escritorio que contiene un validador de (X)HTML, accesibilidad enlaces rotos y HTML. Se puede visualizar la página en distintos navegadores, sistemas operativos y resoluciones de pantalla. 14 | Evaluación de Accesibilidad Puede ser usado en los sistemas operativos Linux, Mac y Windows. ¿Cómo accedo a la herramienta? http://www.totalvalidator.com/ Esta herramienta debe ser descargada e instalada localmente aDesigner En inglés. Es una herramienta de IBM Home Page Reader que tiene validadores integrados y posibilidades de configuración de discapacidad visual. Ayuda a asegurar que el contenido y sus aplicaciones son accesibles para personas con discapacidad visual pero no soporta discapacidades auditivas ni motoras. Además de evaluar la accesibilidad según las pautas de la W3C realiza simulaciones de cómo ve la página Web una persona con lector de pantalla o una persona con una visión reducida (por la edad o por alguna enfermedad). También permite evaluar la accesibilidad de documentos ODF, de contenido Flash y de entornos gráficos de usuario. ¿Cómo accedo a la herramienta? http://www.eclipse.org/actf/downloads/tools/aDesigner/index.php/ Worldspace En inglés. Es una herramienta en línea gratuita con registro previo que identifica errores con WCAG 2.0 y Sección 5083. También valida archivos flash y pdf. ¿Cómo accedo a la herramienta? http://www.deque.com/products.fireeyes/ 3 La Sección 508 (http://www.section508.gov/) del "Acta de los Americanos con Discapacidad" define criterios de accesibilidad de páginas, aplicaciones Web, y de Software y por tanto de las herramientas de autor y de los navegadores. Si se satisfacen los puntos de verificación de prioridad 1 y 2 de la WCAG 1.0 se cumple con los requerimientos de la Sección 508. http://www.sidar.org/recur/direc/legis/508.php Evaluación de accesibilidad | 15 4. Validar puntos específicos de accesibilidad Existen algunos criterios de accesibilidad que no se pueden analizar de una manera totalmente automática, sino que necesitan una evaluación manual con el apoyo de herramientas automáticas. Contraste de color de fondo y primer plano Las herramientas listadas a continuación detectan contrastes inferiores a 3:1. Para Nivel AA: se debe obtener una relación de contraste de, al menos, 4.5:1, excepto en los siguientes casos: Textos grandes: Los textos de gran tamaño y las imágenes de texto de gran tamaño tienen una relación de contraste de, al menos, 3:1. Incidental: Los textos o imágenes de texto que forman parte de un componente inactivo de la interfaz de usuario, que son simple decoración, que no resultan visibles para nadie o forman parte de una imagen que contiene otros elementos visuales significativos, no tienen requisitos de contraste. Logotipos: El texto que forma parte de un logo o nombre de marca no tiene requisitos de contraste mínimo. Colour Contrast Analyser Es una herramienta para validar el contraste de los colores de fondo y primer plano para determinar si es posible percibirlos, basado en algoritmos sugeridos por W3C. También realiza simulaciones de discapacidades visuales como deutanopia, protanopia y tritanopia, visión en escala de grises, en colores invertidos y cataratas. ¿Cómo accedo a la herramienta? http://www.visionaustralia.org.au/info.aspx?page=628 Esta herramienta debe ser instalada localmente 16 | Evaluación de Accesibilidad CheckMyColours Es una herramienta en línea para validar el contraste de los colores de fondo y primer plano de todos los elementos del DOM4 (Modelo de Objetos del Documento-Document Object Model) y determinar si es posible percibirlos según los algoritmos de W3C. ¿Cómo accedo a la herramienta? http://www.checkmycolours.com/ Epilepsia fotosensitiva La epilepsia fotosensitiva es un problema causado por una respuesta anormal del cerebro a las luces intermitentes. El 0,5 % de la población total es epiléptica y el 3 % de esta cantidad (es decir el 0,015 % de la población total), es fotosensitiva. Por otra parte, estímulos visuales que desencadenan convulsiones en pacientes con epilepsia fotosensible provocan en otros individuos sensaciones de molestia visual o percepciones anómalas. Photosensitive Epilepsy Analysis Tool es una herramienta gratuita descargable del Trace Center at the University of Wisconsin-Madison para determinar el riesgo de epilepsia fotosensitiva en contenidos web como animaciones o videos. ¿Cómo accedo a la herramienta? http://trace.wisc.edu/peat/ Contraste de sonido Según el criterio de éxito 1.4.7, para que un archivo de audio sea accesible, es necesario asegurar que ruidos o música de fondo sean lo suficientemente bajos como para comprender el sonido de primer plano. La herramienta que se presenta verifica la accesibilidad de archivos de audio. 4 http://www.w3.org/DOM/ Evaluación de accesibilidad | 17 ¿Cómo accedo a la herramienta? http://www.eramp.com/WCAG_2_audio_contrast_tool_help.htm Legibilidad La pauta 3.1 indica que el contenido textual debe ser legible y comprensible. Se presentan dos herramientas para ayudar a mejorar la ortografía y el nivel de lectura de una página web en español. Stilus Es una herramienta en línea gratuita que ayuda a detectar errores ortográficos, gramaticales y de estilo en un texto introducido. ¿Cómo accedo a la herramienta? http://www.mystilus.com/Correccion_interactiva Readability index calculator Es una herramienta en línea que calcula el “nivel de lectura” de un texto mediante algoritmos de lectura que tienen en cuenta por ejemplo la cantidad de palabras por oración y las palabras difíciles de tres o más sílabas, indicando mediante un puntaje si el texto resulta fácil de comprender. Es una herramienta en inglés pero permite seleccionar para calcular el nivel de lectura de un texto en español. ¿Cómo accedo a la herramienta? http://www.standards-schmandards.com/exhibits/rix/index.php Imágenes Se requiere revisar que los textos alternativos de imágenes sean correctos y si es necesario utilizar longdesc. Esta herramienta en línea analiza todas las imágenes en una página y chequea si existen barreras de accesibilidad examinando los valores de los 18 | Evaluación de Accesibilidad atributos: width, height, alt y longdesc. Muestra la imagen y la información asociada a la misma para facilitar el chequeo manual. ¿Cómo accedo a la herramienta? http://juicystudio.com/services/image.php 5. Simulaciones Existen herramientas que permiten simular discapacidades visuales para chequear cómo vería una página una persona con alguna discapacidad, de manera de detectar problemas evidentes. Lector de pantalla Fangs-the screen reader emulator Fangs es un complemento gratuito para el navegador firefox el cual transforma una página web en texto, esto permite entender como lo realiza un lector de pantalla. ¿Cómo accedo a la herramienta? https://addons.mozilla.org/en-US/firefox/addon/fangs-screen-readeremulator/ Limitaciones visuales Las herramientas que se presentan permiten simular diversas situaciones relacionadas con limitaciones visuales. ADesigner Realiza simulaciones de cómo ve la página Web una persona con lector de pantalla o una persona con una visión reducida. Ver sección: 3. Validar Pautas de Accesibilidad Web - ADesigner Visual Impairment Simulator Es un programa para simular el uso de Microsoft Windows con una limitación visual. Permite simular cataratas, ceguera al color, deutanopia, Evaluación de accesibilidad | 19 protanopia y tritanopia, visión monocromática, retinopatía diabética, glaucoma, hiperopia, degeneración macular, retinitis pigmentosa. Contiene además un magnificador de pantalla. ¿Cómo accedo a la herramienta? http://vis.cita.uuc.edu/downld.php/ Ceguera del color Las siguientes herramientas permiten simular tres tipos de ceguera del color5: deutanopia, protanopia y tritanopia. Colour Contrast Analyser. Ver sección: 4. Validar puntos específicos de accesibilidad – Validación de contraste de colores Colorblind Web Page Filter: Es una herramienta en línea que permite introducir una URL y visualizar la página modificada por la simulación. ¿Cómo accedo a la herramienta? http://colorfilter.wickline.org/ Colour Blindness Simulator Es una herramienta en línea que permite seleccionar una imagen y verla modificada según la simulación seleccionada. ¿Cómo accedo a la herramienta? http://www.etre.com/tools/colourblindsimulator/ 5 Defecto en la visión que hace que algunos colores se perciban de forma distinta o no se perciban como tonos distintos. http://accesibles.org/quienes/discapacidades-visuales/ceguera-al-color 20 | Evaluación de Accesibilidad Vischeck Es una herramienta en línea que permite tanto subir una imagen como indicar la URL de una página. También permite descargar el programa para ejecutar una versión local. ¿Cómo accedo a la herramienta? http://www.vischeck.com/vischeck/ 6. Navegadores y sistemas operativos Lynx Es un navegador de texto desarrollado en 1992 para UNIX, pero hoy se encuentra en varias distribuciones de Linux y existen versiones para Microsoft Windows, DOS, OS/2, entre otros. Debido a su simplicidad los lectores de pantalla trabajan sobre este navegador y se ha convertido en una buena opción para usuarios con problemas de visión. Por ello es útil para testear aspectos de accesibilidad. Sólo permite ver texto, indicando la información multimedia mediante el texto alternativo. Como funciona por línea de comandos la navegación se realiza mediante el teclado. El contenido de las tablas es mostrado en varias líneas de texto, donde el final de cada fila de la tabla se representa con un salto de línea. Los frames son identificados por un nombre y se navegan como si fueran páginas independientes. Recomendación de Google Para mejorar la indexación en el buscador: “Utilice un navegador de solo texto como Lynx para examinar su sitio, ya que la mayoría de las arañas de los motores de búsqueda visualizarán el sitio de forma muy similar a Lynx. Si el uso de funciones avanzadas (como JavaScript, cookies, identificadores de sesión, marcos, DHTML o Flash) impide la visualización de todo el sitio en un navegador de texto, es posible que las arañas de los motores de búsqueda tengan problemas para rastrearlo.” 6. 6 Más información: Google centro para webmasters Evaluación de accesibilidad | 21 ¿Cómo accedo a la herramienta? http://lynx.browser.org/ Existe además un simulador de Lynx en línea. El mismo requiere que en el servidor donde está alojado el sitio, se cree un archivo llamado delorie.htm o de lo contrario, subir una imagen con el nombre delorie.gif. ¿Cómo accedo a la herramienta? http://www.delorie.com/web/lynxview.html Web Page Backward Compatibility Viewer Es una herramienta en línea que permite visualizar una página en muchos navegadores. Necesita el archivo "delorie.htm" en el directorio raíz de la Web a comprobar para verificar que se es administrador del portal. ¿Cómo accedo a la herramienta? http://www.delorie.com/web/wpbcv.html Browsershots Es una herramienta que permite seleccionar diferentes sistemas operativos, diferentes navegadores y tamaños de pantalla entre otras características. ¿Cómo accedo a la herramienta? http://browsershots.org/ 7. Resoluciones de pantallas Screen Resolution Checker Una herramienta en línea que muestra cómo se vería una página en diferentes resoluciones de pantalla: ¿Cómo accedo a la herramienta? http://www.google.com/support/webmasters/bin/answer.py?hl=es&answer=35769 22 | Evaluación de Accesibilidad http://andylangton.co.uk/stuff/screen-resolution-checker 8. Extensiones para navegadores Se presentan algunas extensiones de navegadores útiles para analizar diferentes características de los portales. ¿Cómo accedo a más herramientas? http://blogandweb.com/productos-google/extensiones-chrome-y-firefoxpara-bloggers-y-desarrolladores/ http://net.tutsplus.com/articles/general/why-web-developers-should-switchto-google-chrome/ Web Accesibility Toolbar Es una extensión para Internet Explorer creada por Accessible Information Solutions (AIS) de Vision Australia. Su objetivo es facilitar la evaluación manual de páginas web para aspectos de accesibilidad. Algunas de sus funciones son: Identificar componentes Simular experiencias de usuario Facilitar el uso de aplicaciones en línea de terceros Proveer enlaces a referencias y recursos adicionales. ¿Cómo accedo a la herramienta? http://www.visionaustralia.org.au/info.aspx?page=614 Firefox Accessibility Extension Es un complemento para Mozilla Firefox creado por el Illinois Center for Information Technology Accessibility. Evaluación de accesibilidad | 23 Brinda apoyo para la navegación de personas con discapacidad, permite simular situaciones de uso del producto y permite validar utilizando las siguientes herramientas. ¿Cómo accedo a la herramienta? https://addons.mozilla.org/en-US/firefox/addon/5809/ Wave Es un complemento para Mozilla Firefox que analiza la accesibilidad usando la herramienta Wave, reconoce la estructura y el orden de navegación en un documento, muestra una versión de solo texto de la página, solamente los encabezados, entre otras facilidades. ¿Cómo accedo a la herramienta? https://addons.mozilla.org/en-US/firefox/addon/6720/ Web Developer Es un complemento disponible para Mozilla Firefox y Chrome que permite inspeccionar elementos en una página web, simular situaciones de uso del sistema desactivando JavaScript, CSS o Java por ejemplo, además de contener validadores específicos de estándares y accesibilidad. ¿Cómo accedo a la herramienta? En Mozilla: https://addons.mozilla.org/es/firefox/addon/web-developer/ En Chrome: https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=es Herramientas para el desarrollador Herramienta de Google Chrome con las siguientes funcionalidades: Consola de Javascript: muestra errores y permite probar líneas de Javascript. 24 | Evaluación de Accesibilidad Panel de Elementos: permite ver y editar código HTML y CSS. Recursos: permite ver los tiempos de carga de todos los elementos de un portal, desde las imágenes hasta los scripts. ¿Cómo accedo a la herramienta? Viene con el navegador. Para activarla: Ingresar a Google Chrome y presionar Crtl + Mayúsc + I Pendule Tiene muchas de las funcionalidades del Web Developer pero solamente para Google Chrome. ¿Cómo accedo a la herramienta? http://www.chromeextensions.org/webmaster-seo/pendule/ 9. Otras herramientas Existen además una serie de herramientas que contribuyen a mejorar la calidad de los portales, de las cuales se presentan algunas. MobileOK Checker Es un servicio gratuito en línea del W3C para verificación de documentos Web, que comprueba el nivel de adecuación que tiene la página para ser utilizado en dispositivos móviles. ¿Cómo accedo a la herramienta? http://validator.w3.org/mobile/ Unicorn Es un servicio gratuito en línea del W3C que comprueba al mismo tiempo (X)HTML, CSS, MobileOk y RSS/Atom. Evaluación de accesibilidad | 25 ¿Cómo accedo a la herramienta? http://validator.w3.org/unicorn/ Chequeo de enlaces rotos Link Checker Es un servicio en línea del W3C que permite recorrer un documento HTML o XHTML y comprobar que los enlaces no estén rotos, que no estén definidos dos veces y que todos sean referenciables. ¿Cómo accedo a la herramienta? http://validator.w3.org/checklink/ Indexación Generador de Metatags. Es una herramienta en línea que ayuda a escribir las etiquetas meta para una página web. La correcta utilización de las etiquetas meta ayuda en la indexación de buscadores. ¿Cómo accedo a la herramienta? http://www.metatags.com.mx/generador-de-metatags.php Generar archivo robots.txt para buscadores El archivo robots.txt es un archivo de texto que se coloca en la carpeta raíz de tu web para evitar que ciertos robots de los buscadores (spiders) indexen aquellas páginas o carpetas que no quieras que lo hagan. ¿Cómo accedo a la herramienta? http://deteresa.com/archivo-robots-txt/ 26 | Evaluación de Accesibilidad Tiempo de Carga Herramientas en línea para calcular el tiempo que demora en cargar una página. Es necesario tener en cuenta que el tiempo dependerá de la conexión a internet con la que se está realizando el test. WebWait Mide cuánto tiempo se necesita para cargar y renderizar la página en el navegador, incluyendo imágenes, hojas de estilo y JavaScript. Permite almacenar el testeo y enviar el enlace para que otra persona lo testee utilizando otra conexión, otro navegador y otro sistema operativo. ¿Cómo accedo a la herramienta? http://webwait.com/ PageSpeed Tools Asigna un valor entre 0 y 100 a la velocidad de carga del portal para un dispositivo móvil y para un navegador web de escritorio y propone mejoras en ambos casos. A mayor puntuación, mejor velocidad de carga. Una velocidad de carga adecuada es aquella cuyo valor supera el 85/100. ¿Cómo accedo a la herramienta? https://developers.google.com/speed/pagespeed/ Website speed check Permite conocer la velocidad de carga de un sitio web y tomar decisiones en cuanto a si el sitio debe optimizarse o ser movido a un servidor más veloz. ¿Cómo accedo a la herramienta? https://www.linkvendor.com/seo-tools/speedtester.html Website Speed Test Permite conocer la velocidad de carga de un sitio web brindando detalles como: tiempo en que resuelve el nombre de dominio a su dirección IP, tiempo en que conecta con el host, archivos cargados, etc. Evaluación de accesibilidad | 27 ¿Cómo accedo a la herramienta? http://www.pagescoring.com/website-speed-test Site Check Lista resultados de varios validadores y herramientas de accesibilidad ingresando en un solo lugar. ¿Cómo accedo a la herramienta? http://uitest.com/en/check/ 10. Otras técnicas Algunas comprobaciones sencillas que se pueden realizar utilizando extensiones de navegadores como Web Developer, Pendule, entre otros son: Navegar con las imágenes deshabilitadas, comprobando que tienen texto alternativo y que es posible navegar normalmente. Navegar con el sonido desconectado, comprobando que el contenido de audio tiene disponible contenido textual. Modificar el tamaño de las fuentes utilizando las funciones del navegador para comprobar que la página es usable en tamaños de fuente más grandes. Visualizar en escala de grises (o imprimir en blanco y negro la página) para comprobar que es posible comprender el contenido. Navegar sin CSS, comprobando que se mantiene todo el contenido y en un orden que permite comprenderlo. Con Javascript deshabilitado, comprobando que es posible navegar y ejecutar las funciones disponibles. Con applets de Java deshabilitado, comprobando que es posible navegar y ejecutar las funciones disponibles. Utilizar distintos navegadores, sistemas operativos y pantallas. Con conexiones lentas. 28 | Evaluación de Accesibilidad Utilizar otros dispositivos como celulares. Evaluación de accesibilidad | 29 Evaluaciones heurísticas En una evaluación heurística, los especialistas valoran si cada elemento del diseño cumple los principios de usabilidad establecidos (Nielsen, 1999). ¿Cuándo se puede aplicar? En wireframes, bocetos, prototipos y versiones de la solución Especialistas con experiencia en interfaz con el usuario con distintas discapacidades pueden detectar y sugerir mejoras para los problemas de accesibilidad que afectan a una gran variedad de usuarios. Por otro lado, las pruebas con usuarios se podrían centrar en ámbitos potencialmente problemáticos donde puedan surgir dificultades que los especialistas no pueden detectar. No siempre se tiene presupuesto para contratar especialistas, pero se puede realizar al menos una evaluación manual siguiendo las pautas de accesibilidad de la WCAG utilizando herramientas presentadas en la sección anterior, cuando se considere apropiado. Técnicas de filtrado puede aplicar? En la técnica de filtrado el usuario limita o modifica alguna de sus habilidades físicas o sensoriales. Por ejemplo usando guantes gruesos para limitar la destreza manual, lentes o vendas para limitar la visión y utilizar tecnologías de apoyo como lectores de pantalla o punteros bucales. En prototipos y Algunas de las técnicas sugeridas son: ¿Cuándo se versiones de la solución Estas técnicas resultan útiles como herramientas de formación y con- Navegar sólo con el teclado, sin utilizar el mouse, comprobando que es posible acceder a todos los enlaces y controles verificando que los enlaces indican claramente su destino. Navegar con el monitor apagado utilizando un lector de pantalla como los listados a continuación: o cienciación. NVDA: es un lector de pantalla para Microsoft Windows gratuito que se puede descargar de: http://www.nvdaproject.org/ o Jaws es un lector de pantalla para Windows, se puede descargar una versión de prueba de: http://www.freedomscientific.com/products/fs/jawsproduct-page.asp o Orca es un lector de pantalla para Linux que se puede descargar de: http://live.gnome.org/Orca 30 | Evaluación de Accesibilidad Navegar utilizando magnificadores7 de pantalla como los listados a continuación: o Ampliador de Windows está disponible en los sistemas operativos Microsoft Windows XP y Microsoft Vista. Información sobre cómo usarlo: http://www.microsoft.com/spain/accesibilidad/training/win dowsxp/magnifierturnon.aspx o ZoomText: es un magnificador de pantalla para Windows, que incluye además voz sintetizada en español. Se puede descargar una versión de prueba de: http://www.aisquared.com/ Utilizar otros tipos de navegadores solo-texto (Lynx) Utilizar ayudas técnicas como punteros de boca Atención! Las técnicas de filtrado no son simulaciones de discapacidades porque no permiten recrear la situación precisa. La persona con discapacidad está más acostumbrada a la situación de limitación y al uso de tecnologías de apoyo que la persona que testeará el portal o la aplicación. El que testea puede detectar un problema que no se deba al sistema sino a su falta de práctica en el uso del lector de pantalla por ejemplo 7 Los programas magnificadores de pantalla pueden magnificar o agrandar el contenido de la pantalla de la computadora. Se puede encontrar más información sobre magnificadores de pantalla en: http://www.magnifiers.org/ Evaluación de accesibilidad | 31 Pruebas con usuarios Las pruebas con usuarios son útiles para conocer cómo los usuarios utilizan el portal y para detectar barreras de accesibilidad y oportunidades de mejora, pero no evalúan la conformidad con las pautas de accesibilidad. Se pueden realizar pruebas de usabilidad para encontrar problemas de accesibilidad realizando pequeñas modificaciones en el protocolo típico: La técnica "think-aloud" facilitará mucho la interacción. Con esta técnica el usuario que realiza la prueba menciona en voz alta lo que piensa u opina al interactuar con la herramienta. La recogida de datos se centrará en la comprensión de los errores relacionados con los problemas de accesibilidad, en lugar de centrarse en el tiempo o la satisfacción de los usuarios. Las tareas se centrarán en áreas específicas de preocupación para los posibles problemas de accesibilidad, en lugar de en los problemas generales de uso del portal. Una dificultad particular es la selección de los participantes para la prueba ya que las discapacidades más habituales (visuales, auditivas, físicas y cognitivas) tienen variantes en cuanto a si es temporal o permanente, a si es de nacimiento o no, o incluso variación en cuanto a las tecnologías de apoyo que utiliza el usuario, siendo éste experto o no. Se debe tener en cuenta el lugar donde se realizan las pruebas, ya que el usuario está acostumbrado a utilizar sus tecnologías de apoyo configuradas en su computadora. Es importante evitar agregar dificultades al test al cambiarle el ambiente de trabajo al usuario. 32 | Evaluación de Accesibilidad Presentación de los resultados de la evaluación Para analizar los resultados se recomienda resumirlos indicando: Los diferentes tipos de problemas detectados, pero también los aspectos positivos que se han encontrado. Recomendar mejores prácticas identificadas para cada caso mostrando un ejemplo de su aplicación. Incluir recomendaciones sobre medidas de seguimiento, la realización de un análisis completo y las maneras de abordar los problemas identificados. Recomendar la reparación de los problemas de accesibilidad detectados, la ampliación de los aspectos positivos y el mantenimiento y seguimiento del portal. Es posible encontrar un formato para presentar informes con los resultados de su evaluación en una plantilla de WCAG disponible en: http://www.w3.org/WAI/eval/template.html Evaluación de accesibilidad | 33 Lecturas recomendadas Guía para diseño e implementación de Portales Estatales. Estos documentos están disponibles en el Portal de Agesic. Referencias W3C. (2006). Notas de prensa. Recuperado el 2011, de http://www.w3c.es/Prensa/2006/nota061211_validaccesibilidad Carreras, O. (2009). Metodología para la evaluación de la accesibilidad Web. Recuperado el 2011, de Evaluating Web Sites for Accessibility: http://olgacarreras.blogspot.com/2009/06/metodologia-para-la-evaluacionde-la.html Henry, S. L. (2008). Simplemente pregunta. Recuperado el 2011, de Integración de la accesibilidad en el diseño: http://uiaccess.com/justask/es/index.html