OpenScout accesible: análisis de un portal de herramientas de adaptación multicultural de

contenido en abierto

Francisco Iniesto y Covadonga Rodrigo

25/10/2012 ATICA 2012

OpenScout

• ¿Qué es OpenScout?

• ¿Cómo se realiza el análisis de accesibilidad?

Selección de un conjunto de páginas Web

• Página de inicio.• Página del buscador.• Página de resultados del buscador.• Página sobre el proyecto.• Listado de herramientas.• Detalle de una herramienta.

Se examinan las páginas seleccionadas

• Se desactivan las imágenes.• Se desactiva el sonido.• Se comprueba que el tamaño de las fuentes se puede

cambiar correctamente. • Se modifica la resolución de la pantalla y las

dimensiones de la ventana.• Se cambia el color de la pantalla a una escala de

grises.• Se comprueba que se puede acceder a los

hipervínculos y los campos de un formulario sin utilizar el ratón.

Se utiliza un navegador de voz o texto

• Navegador de texto: Web Developer Toolbar y se han desactivado tanto las imágenes como los CSS.

• Información es presentada en un orden coherente, se ha usado el navegador Lynx.

Herramientas de evaluación de la accesibilidad

• La versión de escritorio de la herramienta para el análisis de accesibilidad TAW

• Validador de HTML y CSS del W3CPágina de inicio Problemas

automáticosProblemas manuales

Prioridad 1 1 52Prioridad 2 5 42Prioridad 3 1 14Página del buscador    Prioridad 1 1 72Prioridad 2 4 50Prioridad 3 2 16Página de resultados del buscador

   

Prioridad 1 1 75Prioridad 2 4 50Prioridad 3 2 16

Página sobre el proyecto    

Prioridad 1 2 46Prioridad 2 7 37Prioridad 3 1 13

Listado de herramientas    

Prioridad 1 1 54Prioridad 2 10 44Prioridad 3 1 13

Detalle de una herramienta

   

Prioridad 1 1 8Prioridad 2 8 16Prioridad 3 2 13

Validador HTML ErroresInicio 1Buscador 4Resultados 4Proyecto 3Herramientas 8Una Herramienta 47

Validador CSS ErroresInicio 44Buscador 114Resultados 114Proyecto 44Herramientas 44Una Herramienta 88

Herramientas de evaluación de la accesibilidad

En general Sí No N/A1.1   X  2.1   X  4.1   X  6.1   X  6.2   X  7.1   X  14.1   X  Si utiliza imágenes y mapas de imagen      1.2     X9.1     XSi utiliza tablas Sí No N/A5.1     X5.2     XSi utiliza marcos ("frames") Sí No N/A12.1     XSi utiliza "applets" y "scripts" Sí No N/A6.3     XSi utiliza multimedia Sí No N/A1.3     X1.4     XSi todo lo demás falla Sí No N/A11.4   X  

• Prioridad 1

Herramientas de evaluación de la accesibilidad

• Prioridad 2

En general Sí No N/A2.2   X  3.1   X  3.2   X  3.3 X    3.4   X  3.5   X  3.6   X  3.7   X  6.5 X    7.2   X  7.4 X    7.5 X    10.1   X  11.1   X  11.2   X  12.3 X    13.1   X  13.2   X  13.3   X  13.4   X  Si utiliza tablas SÍ No N/A5.3     X5.4     XSi utiliza marcos ("frames") Sí No N/A12.2     XSi utiliza formularios Sí No N/A10.2   X  12.4   X  Si utiliza "applets" y "scripts" Sí No N/A6.4   X  7.3   X  8.1   X  9.2 X    9.3   X  

Herramientas de evaluación de la accesibilidad

• Prioridad 3En general Sí No N/A4.2   X  4.3 X    9.4   X  9.5   X  10.5 X    11.3   X  13.5   X  13.6   X  13.7   X  13.8   X  13.9   X  13.10   X  14.2   X  14.3   X  Si utiliza imágenes o mapas de

imagen Sí No N/A

1.5     XSi utiliza tablas Sí No N/A5.5.     X5.6     X10.3     XSi utiliza formularios Sí No N/A10.4   X  

ConclusionesPositivo Consistencia visual. Robustez frente a

errores. Buen manejo de la

arquitectura de la información.

Tamaño de la tipografía legible.

Compatibilidad elevada con los navegadores.

Facilidad en la búsqueda de documentos.

Negativo Falta de texto descriptivo en

algunas imágenes. Se echa en falta mensajes de

búsqueda con tintes aclaratorios.

No se puede editar datos propios del perfil del usuario.

Mecanismos de ayuda y retroalimentación.

Las páginas no pueden ser leídas sin necesidad de las hojas de estilo.

Visibilidad reducida al inglés. Ausencia de elementos no

script con contenido alternativo para scripts.

Empleo de atributos desaconsejados en HTML 4.01.