Evaluación de la accesibilidad web con las herramientas de desarrollador del navegador

En Seven ways to test for accessibility of your web site with browser Developer Tools se explica:

There are lots of ways to test your web site for accessibility issues. Services, software packages, even human testing companies. They all have their place and often a test with real people is the best thing to do. However, for a quick, preliminary test you don’t need to install anything or pay for a service. Browsers come with developer tools built-in and these have great accessibility testing features. Here’s a list of the ones in the Developer Tools of browsers like Microsoft Edge and Google Chrome.

Método para evaluar la accesibilidad web con herramientas gratuitas

Evaluar la accesibilidad de una página web puede requerir mucho esfuerzo... evaluar la accesibilidad de todo un sitio web puede ser "misión imposible".

En A Workflow for Testing Web Accessibility with Free Tools se propone un método sencillo que hace uso de herramientas gratuitas.

Algunas de las herramientas que propone usar son:

• HTML Validator
• CSS Validator
• Accessibility Developer Tools
• Wave

Evaluación de la accesibilidad de un sitio web

Aunque es del año 2006, sigue siendo interesante la propuesta de evaluación de la accesibilidad de sitios web que se publicó en 456 BereaSt: Evaluating website accessibility.

Cada una de las técnicas que incluye el método está descrita en un artículo independiente:

1. Evaluating website accessibility part 1, Background and Preparation provides a bit of background and suggests some useful tools for the evaluation process.
1. Background
2. Preparation: install some tools
2. Evaluating website accessibility part 2, Basic Checkpoints explains accessibility aspects that can be tested with automated tools as well as some relatively easy manual checks.
1. Validate HTML and CSS
2. No frames, please
3. Automated accessibility checking tools
4. Images and alternative text
5. Make sure that JavaScript is unobtrusive
6. Increase text size
7. Look for semantic markup
8. Disable CSS
9. Use Fangs to emulate a screen reader
3. Evaluating website accessibility part 3, Digging Deeper takes a look at things that are difficult to test with automated tools and require more time and/or experience to evaluate manually.
1. Colour contrast
2. Document titles
3. Link text
4. Non HTML formats
5. Platform discrimination
6. Keyboard navigation
7. Data tables
8. Form controls and labels
9. Use a screen reader
10. Don’t overlook the content
11. Further reading

Evaluación de la accesibilidad web

Aunque un poco viejo, es de abril de 2006, el artículo Evaluating website accessibility sigue siendo muy interesante.

Dividido en tres partes, explica paso a paso cómo realizar la accesibilidad de un sitio web. para ello, propone el uso de diversas herramientas, como programas para verificar que el contraste de color es suficiente o Fangs para simular la navegación mediante un lector de pantallas.

Especificaciones para el esquema de la evaluación de la conformidad y marca de calidad sobre accesibilidad Web

Specifications for a Web Accessibility Conformity Assessment Scheme and a Web Accessibility Quality Mark (CWA 15554-2006) es la norma del Comité Europeo de Normalización (CEN) que constituye la base de la certificación europea en materia de accesibilidad web.

Curriculum de Evaluación de la Accesibilidad Web

Curriculum de Evaluación de la Accesibilidad Web (Web Accessibility Evaluation Curriculum) es el resultado de un proyecto financiado por el 6° Programa Marco de la Unión Europea.

El objetivo de este curriculum es proporcionar un método de trabajo unificado para los evaluadores de accesibilidad web que deseen comprobar sitios web con una metodología de evaluación consensuada en el ámbito europeo y en el contexto de la certificación de la accesibilidad web.

Este curriculum está organizado en cuatro módulos:

Módulo 1: Accesibilidad Web en Europa

El módulo 1 proporciona una explicación de la historia y de los desarrollos actuales en el campo de la accesibilidad web en Europa, conteniendo información acerca de las actividades del World Wide Web Consortium, los desarrollos actuales en los estados europeos y las recomendaciones de los Planes de Acción eEurope 2002, 2005 e i2010.

Módulo 2: Cómo usan la Web las personas con discapacidad

El módulo 2 contiene ejemplos de las principales ayudas técnicas (lectores y magnificadores de pantalla, sintetizadores de voz, líneas braille, etc.) y muestra cómo esas ayudas técnicas ayudan a los distintos tipos de personas con discapacidad a explorar la web. Además, el módulo resume algunas características básicas de los exploradores web más utilizados.

Módulo 3: Metodología de evaluación

El módulo 3 presenta una metodología de evaluación consensuada. ésta se ha consolidado a través de la Metodología UWEM 0.5 y tres esquemas ya usados en la práctica para la certificación de accesibilidad web por los socios del proyecto Support-EAM. La metodología proporciona una serie de tests para chequear un sitio web conforme a las pautas de accesibilidad para el contenido Web 1.0 de prioridad 1, incluyendo ejemplos sobre los que se han aplicado esos test. Por otra parte, también hay información sobre herramientas de soporte para el evaluador.

Módulo 4: Esquema de certificación y sello de calidad

El módulo 4 describe un esquema para la Certificación de la accesibilidad web a nivel europeo que ha sido desarrollado según acuerdo del CEN/ISSS. También proporciona al lector información sobre los sellos de calidad europeos existentes y recomendaciones para un posible sello de calidad europeo para la accesibilidad web.

El curriculum se ofrece en diferentes idiomas: alemán, francés, holandés, inglés y español.

Curso sobre usabilidad de aplicaciones interactivas

Del 31 de mayo al 2 de junio de 2010 en el Instituto Tecnológico de Informática de Valencia se celebrará el curso Usabilidad de aplicaciones interactivas. El programa del curso es:

• Métodos de evaluación de usabilidad
  • Evaluación heurística
  • Tests de usuario
• Usabilidad y ciclo de vida del software
  • Diseño centrado en el usuario; técnicas (prototipado; card-sorting; "personas", etc.).
  • Usabilidad en los ciclos de vida del software
• Otras disciplinas
  • Usabilidad no-web
  • Usabilidad y accesibilidad
  • Usabilidad y arquitectura de la información

Evaluación manual de la accesibilidad con Web Developer

Acabo de publicar la página web Evaluación de la accesibilidad de sitios web con la barra de herramientas de Firefox Web Developer Toolbar en mi sitio web dedicado a la accesibilidad web. Es una traducción autorizada al español del artículo Evaluating Web Sites for Accessibility with the Firefox Web Developer Toolbar de Patrick H. Lauke.

La introducción del artículo dice:

Aunque el conocimiento de la accesibilidad web se ha incrementado en los últimos años, muchos desarrolladores web todavía desconocen cómo evaluar sus sitios. La relativa complejidad de los documentos del W3C, como las Pautas de Accesibilidad al Contenido en la Web 1.0 (Web Content Accessibility Guidelines 1.0, WCAG 1.0) del WAI y la riqueza de los a veces contradictorios consejos encontrados en los sitios dedicados a este tema pueden dejar a los desarrolladores con dudas sobre los aspectos prácticos de la evaluación.
A menudo, los desarrolladores carecen de tiempo o de capacitación y se basan simplemente en una de las muchas herramientas de pruebas automatizadas, como WebXACT, Cynthia o Wave. Pero incluso las revisiones automatizadas deben complementarse (y, para evitar falsos positivos, comprobadas por segunda vez) por medio de revisiones manuales.
Sobre la base de algunos de los puntos de verificación de WCAG 1.0, este artículo pretende ofrecer una descripción rápida de cómo Mozilla Firefox y la barra de herramientas Web Developer Toolbar pueden ayudar con estas revisiones manuales.

Introducción a la evaluación de la accesibilidad web

He encontrado una serie de tres artículos muy interesantes que explican de forma sencilla cómo realizar una evaluación de la accesibilidad web. Los artículos son:

Evaluating website accessibility part 1, Background and Preparation

1. Background
2. Preparation: install some tools
3. The checkpoints


Evaluating website accessibility part 2, Basic Checkpoints

1. Validate HTML and CSS
2. No frames, please
3. Automated accessibility checking tools
4. Images and alternative text
5. Make sure that JavaScript is unobtrusive
6. Increase text size
7. Look for semantic markup
8. Disable CSS
9. Use Fangs to emulate a screen reader


Evaluating website accessibility part 3, Digging Deeper

1. Colour contrast
2. Document titles
3. Link text
4. Non HTML formats
5. Platform discrimination
6. Keyboard navigation
7. Data tables
8. Form controls and labels
9. Use a screen reader
10. Don’t overlook the content
11. Further reading

Métodos de evaluación de la accesibilidad

En la web Modelo de Proceso de la Ingeniería de la usabilidad y de la accesibilidad. MPIu+a existe un apartado dedicado a la Accesibilidad y a los Métodos de evaluación de la accesibilidad.

En el apartado sobre la Accesibilidad se explica qué es la accesibilidad, se comenta la accesibilidad de las interfaces de usuario, se presenta algunos motivos para realizar un diseño accesible y se habla de la accesibilidad en Internet.

En el apartado Métodos de evaluación de la accesibilidad sobre los métodos de evaluación se comentan algunas herramientas que se clasifican de la siguiente forma:

• Herramientas de validación:
• generales
• centradas
• de servicios
• Herramientas de reparación
  

WAB Cluster

WAB Cluster (Web Accessibility Evaluation and Benchmarking Cluster) es un proyecto que tiene como objetivo armonizar los métodos empleados para evaluar la accesibilidad de los sitios web a nivel europeo.

En la actualidad está propuesta la Unified Web Evaluation Methodology 1.2 (septiembre 2007). Este documento se compone de dos partes: Core y Test. En la actualidad está adaptado a WCAG 1.0, pero ya está preparado un plan de migración a WCAG 1.0.

El método de evaluación propuesto produce un valor único al final, el UWEM web accessibility score (UWEM score), que puede ser empleado para comparar la accesibilidad de distintas versiones de un mismo sitio web o de distintos sitios web entre sí.

El documento Test define una serie de pruebas para comprobar los diferentes puntos de verificación de WCAG 1.0. Por ejemplo, para el punto de verificación 1.1 (Provide a text equivalent for every non-text element (e.g., via "alt", "longdesc", or in element content)) se definen las siguientes pruebas:

2.2.1.1.1 Test 1.1_HTML_01
This test is targeted to check that non-text content has a text equivalent.
•Applicability criteria: all non-text elements that support the alt attribute.
//img
//area
//input[@type='image']//applet
•Test procedure: Check that the element has an alt attribute.
•Expected results: PASS if true. FAIL if false.
•Fully automatable: yes.

2.2.1.1.2 Test 1.1_HTML_02
This test is targeted to analyse non-text elements with an empty text alternative.
•Applicability criteria: non-text elements with empty text alternative.
//img[@alt='']
//area[@alt='']
//input[@type='image'][@alt='']
//applet[@alt=''][count(local-name(*)!='param')=0]
//object[count(local-name(*)!='param')=0]
•Test procedure:
1. Check that the image/content is purely decorative.
2. If #1 is false, check that there is a text alternative adjacent to the non-text content.
•Expected results: PASS if #1 or #2 is true. FAIL if #1 and #2 are false
•Fully automatable: no.

2.2.1.1.3 Test 1.1_HTML_03
This test is targeted to analyse non-text elements with non-empty text alternative.
•Applicability criteria: all non-text elements with non-empty text alternative.
//img[@alt][@alt!='']
//area[@alt][@alt!='']
//input[@type='image'][@alt][@alt!='']
//applet[@alt][@alt!='']
//object[count(local-name(*)!='param')>0]
•Test procedure: Check that the text alternative represents the function of the non-text-element within the context. If there is text content adjacent to the non-text element, the text alternative can consist of this text content combined with the non-text element alt attribute value.
•Expected results: PASS if true. FAIL if false.
•Fully automatable: no.

Evaluating website accessibility

La idea de la Guía de diseño web accesible que he comentado en la entrada anterior se basa en el artículo Evaluating website accessibility.

Metodologías para evaluar la accesibilidad

En la página Metodología, certificaciones y entidades certificadoras de la accesibilidad web en España se recopila una lista de metodologías que se aplican para evaluar la accesibilidad de las páginas web y qué certificaciones y etiquetas (label, sello o marca) hay.

Auditoria de accesibilidad, test de accesibilidad y test de accesibilidad automático

¿Qué entendemos como "auditoria de accesibilidad", "test de accesibilidad" y "test de accesibilidad automático"? En la página Accessibility audit vs. accessibility testing lo explican muy bien:

Auditoria de accesibilidad
Un experto en accesibilidad revisa un sitio web, informa de posibles problemas de accesibilidad y proporciona recomendaciones para solucionar los problemas.

Ventajas: más rápido y barato que un test de accesibilidad, más exhaustivo que un test de accesibilidad.

Desventajas: no se produce una transmisión de conocimiento del auditor al cliente (para ello se tienen que realizar cursos de formación).


Test de accesibilidad
Usuarios con algún tipo de discapacidad realizan una serie de tareas en un sitio web mientras que un controlador anota todos los problemas que experimentan. Es la única forma para asegurar un nivel de accesibilidad óptimo.

Ventajas: también se detectan problemas de usabilidad, es una gran oportunidad para aprender de primera mano los problemas de accesibilidad.

Desventajas: es extremadamente caro de realizar, sorprendentemente detecta menos problemas que una auditoría de accesibilidad.


Test de accesibilidad automático
Mediante un programa que verifica un conjunto de guías, se evalúa de forma automática la accesibilidad de un sitio web.

Ventajas: rápido, sencillo y económico de realizar.

Desventajas: la calidad de los resultados es limitada, devuelven errores que no lo son y no detecta errores básicos.

Ejemplo de estudio de la accesibilidad de un sitio web

El documento Accessibility study of BBCi: Problems faced by users with disabilities es un análisis muy exhaustivo de la accesibilidad del sitio web de la BBC.

Este documento en formato PDF es un poco antiguo, de 2003, pero es un buen ejemplo de cómo realizar un análisis y el correspondiente informe de la accesibilidad de un sitio web.