Metodologa para la evaluacin de la accesibilidad web

Introduccin

Fuente: (Fotolia, 2004)

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 y 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 sea accesible para todos.

Metodologa para la evaluacin de la accesibilidad web

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
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. Asegurar 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.

g. Pruebe la sintaxis HTML de la pgina con el validador del W3C,

asegurndose de guardar los resultados.

h. 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

Fuente: (Fotolia, 2004)

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 este se registrarn todas las pruebas realizadas y los
problemas 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

herramienta que 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 slo 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 son:

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.

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 el Contenido en la Web 2.0 y genera un informe HTML con la
informacin obtenida en dicho anlisis. Estas herramientas se encuentran online
gratuitas y en espaol.
Barras de revisin de la accesibilidad para navegadores

AIS: barra de herramientas de accesibilidad web

Esta barra 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 de 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 que le ayudan a identificar los componentes de una pgina web, tales
como:

Elementos de encabezado en la pgina actual (h1 - h6).

Elementos de las listas ordenadas <ol>, no ordenadas <ul> y de definiciones
<dl> de la pgina actual.
Elementos <table>, <th> y <td> en la pgina actual, junto con los atributos
recomendados para el etiquetado de tablas de datos simples (summary y
scope).
Facilitar el uso de aplicaciones en lnea proporcionadas por terceros como 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 % y 90 %) para
 simular la reduccin en la sensibilidad al contraste que es progresiva con la
edad.
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 tales 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 pgina web de
Technosite en el siguiente enlace: http://www.technosite.es/software.asp.

Web Developer

Puede descargar la barra desde: http://chrispederick.com/work/web-developer/

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.

Tcnicas manuales de evaluacin de la accesibilidad web

Fuente: (Fotolia, 2004)

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 WCAG 2.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:

- 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 Desktop) 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, entre otras; 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 puede afectar esto a otros usuarios.
Comparar la accesibilidad de la pgina confrontndola con la evidencia.
Comprobar la correcta asignacin de textos alternativos, encabezados,
resmenes de tablas, 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 tales
como: desactivar las hojas de estilos, los scripts de Java, los colores, entre
otros; si no se cuenta con la experiencia necesaria o no se tiene un plan de
pruebas bien diseado.

1. Lynx es el navegador de modo texto ms popular, es de libre distribucin y

puede descargarse de http://www.fdisk.com/doslynx/lynxport.htm,
desarrollado inicialmente para la plataforma Unix, actualmente existen
versiones que funcionan en otros sistemas operativos, incluido Windows.

2. http://www.nvda-project.org/.

Pruebas de usuario

Fuente: (Fotolia, 2004)

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
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: http://www.laboratoriousabilidad.com

Test de guerrilla: este tipo de prueba es una versin econmica del test completo
en la cual se recluta a las personas que van a ser parte de este, tratando de tomar
muestras significativas de distintos perfiles. Las pruebas se realizan en un saln
que hace las veces de laboratorio, en donde un experto supervisa las pruebas de
los usuarios e inspecciona las actividades con software para grabar el escritorio,
cmaras web y dems herramientas que ayudan a registrar la actividad del
usuario.
 Referencias

Accesibilidad a pginas web (NTC 5854). (2011, 15 de julio). Instituto

Colombiano de Normas Tcnicas y Certificacin (ICONTEC), 2011, 15 de julio.

Benavidez, C. (2012). Libro blanco de eXaminator. Consultado el 11 de

diciembre de 2008, en http://examinator.ws/info/libro_blanco_examinator.pdf

Fotolia. (2004). quipe. Consultado el 30 de abril de 2014, en

http://co.fotolia.com/id/63977300

Fotolia. (2004). Group of Multiethnic People Globally Connected. Consultado el

30 de abril de 2014, en http://co.fotolia.com/id/64385817

Fotolia. (2004). Internet Concept. Consultado el 30 de abril de 2014, en

http://co.fotolia.com/id/58785738

Fotolia. (2004). Multiethnic People with Communication devices. Consultado el

30 de abril de 2014, en http://co.fotolia.com/id/64385861

Ministerio de Tecnologas de la Informacin y las Comunicaciones. (2011).

Manual 3.0 para la Implementacin de la Estrategia de Gobierno en Lnea En
las Entidades del Orden Nacional de la Repblica de Colombia. Bogot,
Colombia: Ministerio de Tecnologas de la Informacin y las Comunicaciones.

W3C. (2008). Web Content Accessibility Guidelines (WCAG) 2.0. Consultado el

10 de abril de 2014, en http://www.w3.org/TR/WCAG20/

Control del documento

Nombre Cargo Dependencia Fecha

Ministerio de
Tecnologas de la
Mayo de
Autores Informacin y las
2012
Comunicaciones -
Gobierno en Lnea
Guionista - Centro
Paola Andrea Mayo de
Adaptacin Lnea de Agroindustrial
Bobadilla Gutirrez 2014
produccin Regional Quindo