infoesfera

Recientemente el Archivo General de la Nación (Es decir, nuevamente) y la Biblioteca Nacional de Colombia rediseñaron sus portales web y observando técnicamente y con detenimiento, es evidente que las buenas practicas de diseño en términos de estándares, usabilidad y accesibilidad son escasas o nulas en los dos casos.

En infoesfera nos mostramos interesados respecto de los temas que nos convocan. a fin de refrendar en la practica lo que bien se aprende o se comparte aquí: Usabilidad, Accesibilidad y Estándares, particularmente en el contexto Archivistico y Bibliotecario.

En esta oportunidad les invito a que nos comportemos como usuarios de estas instituciones y como veedores de la industria o mercado (oferentes y clientes privados o publicos) ya que este par de ejemplos (el uno y el dos ) son la muestra palpable del desconocimiento de temas, que como bibliotecologos y archivistas nos competen y que por supuesto nos sugieren pensar mas alla de lo evidente y nos convocan obviamente como quiera que somos usuarios potenciales de estas instituciones.

Bueno, he realizado averiguaciones respecto de Ficha tecnica, competencia e idonedidad y evaluación técnica de estos dos portales, a fin de someter a su consideración y opinión, el valor y oportunidad de mejora que tienen estas instituciones frente a la calidad y oportunismo de algunos oferentes.

Archivo General de la Nación

Ficha técnica:

• Tipo de Proceso Selección: Abreviada de Menor Cuantía (Ley 1150 de 2007)
• Estado del Proceso: Adjudicado
• Régimen de Contratación: Estatuto General de Contratación
• Objeto a Contratar Ingeniería de Software o de Hardware, Investigación y Servicios Técnico-Científicos
• Detalle y Cantidad del Objeto a Contratar: El Archivo General de la Nación está interesado en recibir propuestas para Contratar los servicios para rediseñar, desarrollar e implementar el portal Web Corporativo del Archivo General de la Nación (AGN), acorde con las exigencias de la Agenda de Conectividad, Gobierno en Línea y las necesidades de la Entidad.
• Valor Invertido: $85,962,500 / 39.000 USD / 28.000 EUR
  
• Tipo de Contrato: Prestación de Servicios
• Disponible en : http://www.contratos.gov.co/consultas/detalleProceso.do?numConstancia=08-11-124092

Evaluacion de la Accesiblidad:

Barreras a la accesibilidad

Información transmitida a través del color.

No se definen colores de fondo o primer plano (debe comprobar las imágenes y objetos multimedia).

Toda la información que se transmite a través del color también debe estar disponible sin él. Como no se definen colores, se asume que no existe información transmitida únicamente a través del color.

WCAG 2.1: Asegúrese de que toda la información transmitida a través del color esté también disponible sin color (por ejemplo, a través del contexto o por el lenguaje de marcas). (Prioridad 1)

Contenido alternativo para scripts.

Hay 12 elemento(s) <script> en el cuerpo de la página acompañados de 4 elemento(s) <noscript> (debe comprobar el contenido alternativo).

Los scripts incluidos en el cuerpo del documento deben llevar contenidos alternativos en <noscript> que describan su acción o reemplacen su funcionalidad.

WCAG 1.1: Proporcione un texto equivalente para todo elemento no textual (por ejemplo, a través de “alt”, “longdesc” o en el contenido del elemento). (Prioridad 1)

Atributos de asociación en celdas.

Hay 8 celda(s) de encabezados y sólo 7 tienen atributos de asociación.

Debe asociarse el contenido de las celdas de datos con su correspondiente celda de encabezado usando atributos como “axis”, “headers”, “scope”, etc. De esta manera, las aplicaciones podrán transmitir la relación entre los distintos elementos de la tabla.

WCAG 5.2: Para las tablas de datos que tengan dos o más niveles lógicos de encabezados de filas o columnas, utilice marcadores para asociar las celdas de datos con las celdas de encabezados. (Prioridad 1)

Uso de Flash. Se usa un elemento desarrollado en Flash.

Flash es una tecnología propietaria que presenta diversos problemas de accesibilidad. Cuando se utiliza debe proporcionarse un contenido alternativo que reemplace su funcionalidad.

WCAG 1.1: Proporcione un texto equivalente para todo elemento no textual (por ejemplo, a través de “alt”, “longdesc” o en el contenido del elemento). (Prioridad 1)

Enlaces activados con javascript.

Hay 1 enlace(s) que se activan únicamente a través de scripts.

El contenido del atributo “href” en los enlaces debe indicar un recurso válido, es decir, una dirección (URL) a la que se pueda acceder aún cuando no se soporten los scripts.

WCAG 6.3: Asegúrese de que las páginas pueden seguir siendo usadas cuando los scripts, applets y otros objetos de programación se desconectan o no son soportados. Si esto no es posible, proporcione información equivalente en una página alternativa accesible. (Prioridad 1)

Manejadores de eventos.

Se usan manejadores de eventos que dependen de un dispositivo sin manejadores redundantes (onclick sin onkeypress, por ejemplo).

Los eventos deben poder activarse con cualquier dispositivo porque hay usuarios que no pueden, por ejemplo, usar un ratón. Por tanto se deben especificar manejadores de evento independientes del tipo de dispositivo o definir eventos redundantes.

WCAG 6.4: Para los scripts y applets, asegúrese de que la ejecución de los manejadores de eventos sean independientes del tipo de dispositivo. (Prioridad 2)

Obstáculos a la accesibilidad

Versión (X)HTML.

Versión HTML 4.01 (es tiempo de usar Strict).

Es importante usar las tecnologías del W3C cuando se encuentren disponibles y sean soportadas. Entre otros motivos porque cada vez se tienen más en cuenta las cuestiones relacionadas con la accesibilidad.

WCAG 11.1: Utilice las tecnologías del Consorcio World Wide Web, cuando estén disponibles y sean apropiadas para la tarea, y use las últimas versiones cuando sean soportadas. (Prioridad 2)

Uso de tablas.

Hay 5 tabla(s) y 4 de ellas se usan para controlar la presentación.

Las tablas son elementos para presentar contenido tabular y no deben utilizarse para presentar otro tipo de contenido. Esto es especialmente importante para quienes utilizan navegadores sólo texto o lectores que leen

línea a línea los datos en pantalla.

WCAG 5.3: No use tablas para componer la página a menos que el contenido de las tablas tenga sentido cuando se representa en forma lineal. De lo contrario, si la tabla no se entiende, proporcione un equivalente alternativo (que puede ser una versión lineal de la tabla). (Prioridad 2)

Validación del código de las CSS.

El código de las CSS tiene errores.

Es importante evitar los errores de sintaxis de las hojas de estilo para permitir su correcta interpretación.

WCAG 3.2: Cree documentos válidos según las gramáticas formales publicadas. (Prioridad 2)

Nuevas ventanas. Hay 11 enlaces con el atributo “target”.

Verifique si hay un aviso para el usuario cuando un enlace abre una nueva ventana o una llamada emergente (”pop-up”).

WCAG 10.1: No provoque la aparición de nuevas ventanas y no cambie el foco de la ventana actual sin informar al usuario (hasta que las aplicaciones de usuario permitan a los usuarios desactivar la generación de ventanas). (Prioridad 2)

Utilización de CSS.

Se usan estilos pero también tablas para controlar la presentación de la página.

Las hojas de estilo representan un gran paso adelante para la web porque permiten la separación de contenido y presentación de las páginas.

WCAG 3.3: Use hojas de estilo para controlar la composición y la presentación. (Prioridad 2)

Validación del código.

El código tiene 27 errores de validación.

Es importante evitar los errores de sintaxis en el código fuente para que la página sea correctamente interpretada por las aplicaciones de usuario, incluidas las ayudas técnicas.

WCAG 3.2: Cree documentos válidos según las gramáticas formales publicadas. (Prioridad 2)

Ruidos a la accesibilidad

Agrupamiento de enlaces.

El 5% de los enlaces están organizados en listas (total de enlaces: 76).

Se deben proporcionar barras de navegación constituidas por listas de enlaces para agruparlos y facilitar su localización. Recuerde que las listas no se definen por su aspecto sino por el uso de elementos <ol>,
<ul> y <dl>.

WCAG 13.5: Proporcione barras de navegación para resaltar y dar acceso al mecanismo de navegación. (Prioridad 3)

Encabezados en tablas.

Hay 5 tabla(s) y 4 de ellas no tienen celdas de encabezados.

Las tablas deben tener marcadas las celdas que contienen los encabezados. No use tablas si no es para presentar datos tabulares ni marque como encabezados las celdas de datos.

WCAG 5.1: Identifique los encabezados de filas y columnas en las tablas de datos. (Prioridad 1)

Conclusiones

El presente informe parcial y analítico pretende ser simple pero pedagógico. Se espera que su lectura sea comprensible para cualquier profesional de la web, aunque el mismo no excluye la lectura y estudio de las Pautas de Accesibilidad.

Luego de evaluar las dos paginas como usuario, se puede concluir -parcialmente- que sunque se hace un esfuerzo para cumplir con las directrices, es posible mejorar aùn màs el tema de la accesibilidad trabajando o asesorandose directamente de usuarios que posean alguna limitaciòn.

Quedamos a la espera de todos.. los cometarios. por parte de uds. señores lectores…

Fuente:
eXaminator
WCAG 2.0

Colaboradores:
Carlos Machado