-
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
