1
UNIDAD 4.
METODOLOGA PARA LA EVALUACIN DE LA ACCESIBILIDAD WEB
INTRODUCCIN
Existe un gran nmero de herramientas automticas para evaluar la accesibilidad de
una pgina web, pero esta evaluacin nunca ser suficiente, pues hay una gran
cantidad de criterios de accesibilidad que no se pueden interpretar automticamente y
siempre dependen del contexto.
Por este motivo, la revisin de la accesibilidad de un sitio web es un procedimiento
esencialmente manual, de interpretacin humana, si bien el revisor se apoya en el
uso de herramientas automticas de revisin y de otro tipo de programas.
Se recomienda realizar evaluaciones peridicas de la accesibilidad del sitio web,
incluso cuando este se encuentre en desarrollo, pues de esta forma tendr mayor
control sobre dichas caractersticas del sitio, desde el principio y esto unido a pruebas
con usuarios reales, podrn garantizar que el sitio est correctamente diseado y
Imagen tomada de: http://www.flickr.com
2
ser accesible para todos.
Metodologa para la evaluacin de la accesibilidad web7
La metodologa que se propone para la evaluacin de la accesibilidad de un sitio web
se compone bsicamente de la realizacin de una evaluacin preliminar, a travs de
la cual se identifican las barreras de accesibilidad ms notorias; luego, se realiza el
anlisis pormenorizado del cumplimiento de las pautas de accesibilidad y al final se
elabora un informe escrito en donde se recogen los problemas encontrados, sus
causas, las posibles soluciones y las conclusiones de la evaluacin.
A continuacin, se da a conocer en detalle cmo realizar cada paso y se muestran
una serie de ejemplos y herramientas que harn ms fcil la comprensin de los
conceptos y la realizacin de las evaluaciones.
Evaluacin preliminar
La evaluacin preliminar es un proceso sencillo en donde se da un primer
acercamiento en trminos generales de la accesibilidad del sitio evaluado. En esta
fase se identifican los obstculos de ingreso ms evidentes y ms comunes en los
sitios web. De esta forma, al realizar la evaluacin de los criterios, puede saberse a
qu puntos prestar especial atencin.
Metodologa para realizar una evaluacin preliminar
1. Seleccionar una muestra significativa de pginas web:
Es muy difcil analizar todas las pginas, sobre todo cuando son muy grandes, pero
se pueden seleccionar las ms visitadas, como muestra representativa. Se
recomienda elegir un portal de inicio, pues es el punto de entrada del sitio a una
3
pgina con un formulario, con un material multimedia, y otra con tablas de datos y
una con el mapa del sitio.
2. Examinar las pginas que se evaluarn con los navegadores web ms usados
(Internet Explorer, Mozilla Firefox, Google Chrome, Opera y Safari), realizando las
siguientes tareas:
a. Verificar si cargan las imgenes y comprobar que las no decorativas contienen
textos alternativos adecuados.
b. Comprobar que es posible aumentar el tamao de las fuentes a travs de la
combinacin de teclas CTRL+ o que la pgina cuenta con un mecanismo para
hacerlo.
c. Cambiar la resolucin de la pantalla a diferentes radios y comprobar que la pgina
se ajusta a la resolucin sin producir scroll.
d. Ajustar el color en el men de la pantalla, de forma tal que se vea en escala de
grises y comprobar que el contraste de colores es el adecuado.
e. Asegurarse de que la navegacin por la pgina es independiente del dispositivo, es
decir, que se puede interactuar con la interfaz de usuario con el teclado o el mouse.
f. Desactivar imgenes, estilos CSS, marcos, scripts, Flash y JavaScript, para
comprobar que aun as es posible navegar por la pgina y que se comprende su
contenido correctamente.
Pruebe la sintaxis HTML de la pgina con el validador del W3C. Asegurndose de
guardar los resultados.
4
Verifique la sintaxis CSS de la pgina con el validador del W3C. Asegurarse de
guardar los resultados y realizar un informe detallando las pruebas antes
mencionadas con el resultado de cada una, indicar los problemas encontrados y la
posible solucin a ellos, as como resaltar las buenas prcticas en el sitio.
Evaluacin
Evaluacin de las pautas de accesibilidad
Para realizar la evaluacin de las pautas es necesario conocerlas y ante todo
comprenderlas, efectuar valoraciones automticas, analizar los resultados de estas e
implementar revisiones manuales y pruebas de usuarios, las cuales son muy
importantes en este proceso, pues constituyen la retroalimentacin del proceso de
mejora del diseo (o rediseo) del sitio web. Una verificacin completa de la
accesibilidad puede identificar problemas potencialmente importantes durante la fase
del desarrollo para un sitio nuevo.
Informe de resultados
Al terminar las evaluaciones iniciales, las automticas, las manuales y las de usuario,
debe consignar los resultados en un informe, el cual sirve para documentar el
proceso; en l, se registrarn todas las pruebas realizadas y los problemas
Imagen tomada de: http://www.flickr.com
5
identificados en cada una de ellas y su causa, adems debe proponer soluciones
estratgicas para la resolucin de dichas dificultades.
Evaluacin automtica de la accesibilidad web
La revisin automtica de la accesibilidad web se realiza mediante herramientas de
software que se encargan de analizar la sintaxis del cdigo HTML y comparar el
contenido marcado con los puntos de verificacin de las pautas de accesibilidad. Este
tipo de herramientas pueden estudiar rpidamente sitios web en busca de errores de
tipo automtico (debidos a la sintaxis del cdigo) y ofrecer al verificador un informe
detallado de las fallas encontradas, marcando la pauta incumplida, la lnea de cdigo
en donde se produce el problema y dependiendo de la herramienta de revisin, se
ofrece una explicacin de cmo solucionar el inconveniente y otras posibilidades.
La revisin automtica es un proceso imprescindible al momento de evaluar la
accesibilidad de un sitio web, pero hay que tener en cuenta que este anlisis no es
completo y siempre ser necesaria la evaluacin manual para confirmar los
resultados.
Adems, hay una serie de criterios que las herramientas automticas no pueden
evaluar, como por ejemplo, el atributo alt de la etiqueta img: la herramienta
automtica puede validar que todas las imgenes contengan el atributo alt, pero no
pueden determinar si semnticamente el atributo es correcto y describe realmente a
la imagen, siendo necesaria la revisin manual.
La evaluacin automtica de la accesibilidad provee una serie de ventajas para el
proceso de revisin:
Slo es necesario introducir la URL de la pgina que se necesita analizar y la
6
herramienta se encarga del proceso.
Se revisan muchos aspectos simultneamente, lo que tomara muchas horas para
una revisin manual a travs de la lectura del cdigo.
Ofrece una calificacin global de la accesibilidad de la pgina.
Sin embargo, la evaluacin automtica de la accesibilidad tambin ofrece una
serie de desventajas para el proceso de revisin:
La interpretacin de los resultados del anlisis es compleja y exige conocer las
pautas de accesibilidad. Adems, la forma de presentar los resultados difiere de
una herramienta a otra.
Muchos aspectos de la accesibilidad solo pueden verificarse mediante una
revisin manual complementaria.
Herramientas
Herramientas de evaluacin automticas
Existen muchas herramientas que pueden ayudar en el proceso de evaluacin
manual, pero para el caso particular de las WCAG 2.0 y de la Norma Tcnica
Colombiana NTC 5854, le presentamos las siguientes:
HERA
Consiste en una herramienta online, que realiza un anlisis del cdigo fuente de la
pgina e informa si encuentra errores (automticos) y cules puntos de verificacin
deben ser revisados manualmente de acuerdo a las Directrices de Accesibilidad para
el Contenido Web 1.0; se encuentra en desarrollo la versin para las WCAG 2.0.
7
eXaminator
Efecta una revisin con base en las Pautas de Accesibilidad para el Contenido Web
2.0 (WCAG 2.0) a partir de una puntuacin entre 1 y 10 de acuerdo a los errores y
aciertos detectados en la pgina. Incluye vistas que permiten identificar los elementos
revisados de la pgina, en las hojas de estilos CSS y en el DOM.
TAW (Test de accesibilidad web)
Es la herramienta ms recomendada para el anlisis automtico de la accesibilidad
web; el sistema analiza la pgina, basndose en las Pautas de Accesibilidad al
Contenido en la Web 2.0 y genera un informe HTML con la informacin obtenida en
dicho anlisis.
Estas herramientas se encuentran online, en espaol y gratuitas.
Para consultar cada una de estas herramienta ingresar a documentos de apoyo de
la unidad 4.
Barras de revisin de la accesibilidad para navegadores
AIS: barra de herramientas de accesibilidad web
Barra de herramientas de accesibilidad web es un plugin para el navegador Internet Explorer
desarrollado por Accessible Information Solutions (AIS) del National Information and Library Service
(NILS), Australia. Fue traducida al espaol por Technosite, Espaa.
La barra de herramientas de accesibilidad web facilita en gran medida el examen
manual de diversos aspectos de la accesibilidad. Consiste en una serie de funciones
8
que le ayudan a:
Identificar los componentes de una pgina web, como pueden ser:
Elementos de encabezado en la pgina actual (h1-h6).
Elementos de las listas ordenadas (), no ordenadas () y de definiciones
() de la pgina actual.
Elementos , y en la pgina actual, junto con los atributos
recomendados para el etiquetado de tablas de datos simples (summary, scope).
Facilitar el uso de aplicaciones en lnea proporcionadas por terceros; por ejemplo:
Enviar la URL de la pgina actual a la herramienta de comprobacin de
accesibilidad TAW.
Comprobar el cdigo HTML de la pgina (o pginas) actual con el validador
HTML del W3C.
Comprobar la codificacin CSS en la pgina actual con el Validador CSS del
W3C.
Simular la experiencia de diferentes tipos de usuarios:
Contraste reducido: colocando sobre la pgina actual una mscara en forma de
imagen que permite al usuario reducir la opacidad (30%, 60 %, 90 %) para simular
la reduccin en la sensibilidad al contraste que es progresiva con la edad.
9
Escala de grises: simulacin de cmo se ve la pgina en una pantalla blanco y
negro.
Daltonismo: colocar sobre la pgina actual una mscara en forma de imagen que
altera la paleta de colores, para simular la paleta tpica visible por una persona
con deficiencia de percepcin de color rojo-verde.
Proporcionar enlaces a referencias y recursos de informacin adicionales:
Pgina de informacin sobre la funcionalidad de la barra de herramientas.
Informacin acerca de la versin de la barra de herramientas y su desarrollo.
Adems, desde la barra de herramientas se pueden visualizar simulaciones de cmo
ven la pgina personas con distintas deficiencias visuales, como cataratas o
degeneracin macular. Tambin se han integrado funciones muy tiles para los
expertos en usabilidad web, por ejemplo, el tiempo que la pgina tarda en
descargarse o una lista de los textos de los enlaces.
La barra de herramientas se instala fcilmente como plugin para el navegador
Internet Explorer, permitiendo comprobar de forma manual muchos aspectos de la
accesibilidad de las pginas web que se ven a travs de l. Esta barra de
herramientas se puede descargar de forma gratuita desde la web de Technosite:
10
Web Developer
Puede descargar la barra desde:
Web Developer es seguramente la mejor extensin de Firefox para diseo web,
desarrollo de sitios y apoyo a la evaluacin manual de la accesibilidad, siendo una de
las pocas extensiones recomendadas directamente por el equipo de Mozilla. Se trata
de una barra de herramientas que se puede integrar a los navegadores Mozilla
Firefox y Google Chrome, que cuenta con un amplio nmero de utilidades de
verificacin de cdigo, maquetacin, formularios, cookies, scripts, tablas, imgenes,
CSS, opciones de validacin del W3C y validacin de la accesibilidad.
Se recomienda descargar esta extensin, ya que facilitar en gran medida el trabajo
de diseo, desarrollo y evaluacin de accesibilidad, al tiempo que obtendr mejores
resultados en un menor tiempo.
11
TCNICAS MANUALES DE EVALUACIN DE LA ACCESIBILIDAD WEB
Imagen tomada de: http://www.flickr.com
El proceso de revisin manual de la accesibilidad web consiste en la comprobacin
del funcionamiento de un sitio web bajo distintas condiciones. Debido a que la
verificacin se realiza interpretando las pautas de acceso de acuerdo a lo que se
observa en la pgina, este proceso debe ser efectuado por un experto en el tema.
Para realizar la evaluacin manual de la accesibilidad debe ejecutar principalmente
las siguientes acciones:
Examinar la muestra de pginas verificando cada uno de los puntos de
comprobacin para las pautas WCAG2.0 en el nivel deseado (A, AA o AAA). Es
importante recordar que las herramientas automticas pueden hacer esta
validacin, pero habr muchos puntos que son de revisin manual.
Examinar las pginas con los navegadores ms utilizados, siguiendo los mismos
puntos que les indicaron en la revisin preliminar.
Examinar la pgina con un navegador en modo texto (como Lynx1) y evaluar las
siguientes condiciones:
12
Es equivalente la informacin y la funcin del sitio en modo texto con respecto al
navegador grfico?
La informacin y el orden de navegacin aparece con la misma secuencia
lgica?
Tal y como se explic en los puntos anteriores, una manera de revisar la
accesibilidad manualmente en un sitio web es mediante la utilizacin de distintas
opciones de configuracin y el uso de herramientas automticas como TAW y plugins
como la barra AIS o Web Developer. Aunque tambin se recomienda verificar el
funcionamiento de la pgina con una herramienta de asistencia como un lector de
pantalla, en donde NVDA (Non-Virtual Access Desktop2) es una excelente opcin de
software libre que le indica a una persona invidente la estructura de una pgina y los
datos que debe introducir en un formulario, buscar un texto alternativo al pasar sobre
una imagen, advierte cuando se pasa sobre un marco, indica el nmero de filas y
columnas de las tablas etc., siempre y cuando el sitio web cumpla con las pautas de
accesibilidad.
Tambin se recomienda verificar los puntos marcados como manuales por las
herramientas automticas a travs de la observacin directa del cdigo HTML en
busca de posibles inconsistencias.
Como en la revisin automtica, en la manual tambin hay ventajas y desventajas al
aplicar el procedimiento, de las cuales se mencionan las ms significativas:
Al ser un proceso que exige de parte del revisor una total inmersin en el sitio, se
garantiza que este se familiarice con las barreras de accesibilidad encontradas a
travs de la interaccin directa y llegar a un nivel de reflexin mayor sobre cmo
13
puede afectar esto a otros usuarios.
Comparar la accesibilidad de la pgina confrontndola con la evidencia.
Comprobar la correcta asignacin de textos alternativos, de encabezados, de
resmenes de tablas, de etiquetas en formularios y dems elementos cuya
correcta utilizacin depende del contexto.
Detectar de inmediato las barreras de accesibilidad ms importantes.
Entre las principales desventajas se destacan:
La revisin manual es un proceso que requiere ms tiempo, dependiendo de la
extensin.
Depende del conocimiento, el juicio y la experiencia del revisor, lo que en
ocasiones puede provocar que la revisin no sea objetiva o contenga errores.
Es habitual olvidar el anlisis de algunas pautas y de algunas tcnicas, como
desactivar las hojas de estilos, los scripts de Java, los colores, etc., si no se
cuenta con la experiencia necesaria o no se tiene un plan de pruebas bien
diseado.
Notas:
1. Lynx es el navegador de modo texto ms popular, es de libre distribucin y puede
descargarse de desarrollado
inicialmente para la plataforma Unix, actualmente existen versiones que funcionan en
otros sistemas operativos, incluido Windows.2. .
14
PRUEBAS DE USUARIO
Est basada en la observacin y el anlisis de cmo un grupo de usuarios reales
interacta con el sitio web o el software diseado.
En este test, el evaluador (un experto en usabilidad y accesibilidad) analiza los
problemas de uso con los que se encuentran los usuarios para mejorar el diseo de
la interfaz en el sitio web. Este tipo de pruebas son realizadas en entornos
controlados, denominados laboratorios de usabilidad.
Los test de usuario deben llevarse a cabo durante la etapa de desarrollo del sitio web
y en las evaluaciones de accesibilidad, como una forma efectiva de encontrar fallas.
El nmero de test debe ser establecido de acuerdo a la extensin del contenido y
nunca se debe dejar para el final, pues seguramente habr un mayor nmero de
errores para corregir y esto puede incidir negativamente en los costos del proyecto.
Tenga en cuenta que las pruebas de usuario no reemplazan las evaluaciones
heursticas (revisin de expertos), las cuales deben ser aplicadas antes del test de
Tomada de: http//www.elsalvador.eregulations.org
15
usuario para que el nmero de problemas encontrados por los visitantes sea menor.
Bsicamente, existen dos tipos de test de usuario:
Test de usuarios formal: desarrollado en laboratorios de mtrica especializados, con
Instrumentos y software que miden la actividad del usuario (los cuales son
cuidadosamente elegidos), los gestos, sus reacciones y la percepcin del producto
probado. Estos datos son analizados por expertos en usabilidad y accesibilidad. Su
costo suele ser alto y por lo general es solicitado por clientes sin conocimientos
ejemplo:
16
- Programa Gobierno en lnea, agenda de conectividad.(2011). Curso Diseo y
Desarrollo de sitios web accesibles para Diseadores y Programadores.pdf.
Colombia. Ministerio de Tecnologas de la Informacin y las Comunicaciones.
- Programa Gobierno en lnea, agenda de conectividad.(2011). Curso Diseo y
Desarrollo de sitios web accesibles para Diseadores y Programadores.pdf.
Colombia. Ministerio de Tecnologas de la Informacin y las Comunicaciones.
- Test de accesibilidad web TAW. Disponible en el sitio web. http://www.tawdis.net
- WC3. (diciembre de 2008). Web Content Accessibility Guidelines WCAG 2.0:
Recomendacin del W3C del 11 de diciembre de 2008. En:
http://www.w3.org/TR/WCAG20/
- WCAG10. Web Content Accessibility Guidelines 1.0, G. Vanderheiden, W.
Chisholm, I. Jacobs, Editors, W3C Recomendacin, 5 May 1999,
http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/. La ltima versin de
WCAG 1.0 est disponible en http://www.w3.org/TR/WAI-WEBCONTENT/.
Control del documento
Nombre Cargo Dependencia Fecha
Autores Ministerio de Tecnologas de la Informacin y la Comunicacin y Programa Gobierno en Lnea.
2011
Revisin y ajustes Luz Clarena Arias
Gonzlez
Comunicadora social -Guionista lnea de produccin
Centro Agroindustrial Regional Quindo
22 de Agosto de 2012
Ana Mara Mora Jaramillo
Comunicadora social - Lder guionistas lnea de produccin
Centro Agroindustrial Regional Quindo
25 de agosto de 2012