Informes SIDAR

Revisión de la accesibilidad de la web Tadega

La página no satisface el nivel mínimo de accesibilidad.

Página: http://www.tadega.net/
Fecha de revisión: 26/04/2007
Revisada por: Oscar Linares Los Santos <>
Herramienta de revisión: Hera
Comentario del revisor:
Se ha realizado una revisión automática de la página principal. Seguidamente, se ha realizado una revisión manual de la página principal y de algunas páginas interiores del sitio. No se ha realizado una revisión exhaustiva del sitio.

Conociendo el panorama de la accesibilidad web tengo que decir que esta página, independientemente de los errores que le hemos detectado, es bastante accesible.

El error más grave para mí es incorporar a la página un script (plugin SNAP) que afecta seriamente a la usabilidad y a la accesibilidad del sitio. Con solo desactivarlo la mejora sería muy sustancial.

Al estar escrita en 2 idiomas se debe controlar mucho cualquier cambio de idioma y formar a los redactores de contenido en la necesidad de señalar estos cambios y cómo hacerlo.

Es de destacar que se mejora la navegación si se incluye un enlace que permita “saltar” el menú principal y acceder directamente al contenido. Otra posibilidad es colocar primero el contenido y posteriormente el menú, y mediante los estilos CSS situar cada elemento en función del diseño de la página.

La página cuenta con una bitácora creada con WordPress y con un foro creado con PhpBB. Sin llegar a hacer un análisis completo se puede decir que estas dos secciones NO son accesibles ya que incumplen varios puntos de la WCAG. En cualquier caso, en este informe no se reflejan dichas secciones.

Resumen de los resultados
Verificar	Bien	Mal	N/A	Parcial
--	4	3	9	1
--	18	4	6	1
--	10	2	7	--

Prioridad 1

Puntos de prioridad 1 con resultado "correcto"

Punto: 1.1: Proporcione un texto equivalente para todo elemento no textual (p. ej. a través de "alt", "longdesc" o en el contenido del elemento).
Esto incluye: imágenes, representaciones gráficas del texto (incluyendo símbolos), áreas de mapas de imagen, animaciones (por ejemplo, GIFs animados), "applets" y objetos programados, "ASCII art", marcos, scripts, imágenes usadas como viñetas en las listas, espaciadores, botones gráficos, sonidos (ejecutados con o sin la interacción del usuario), archivos exclusivamente auditivos, pista sonora del vídeo y vídeos. (Prioridad 1); Comentario: Todas las imagenes presentan un texto alternativo, tanto en gallego como en español. En el caso del logotipo de TADEGA.net además tiene un enlace con una descripción más detallada.
Punto: 6.1: Organice los documentos de forma que puedan ser leídos sin hojas de estilo. Por ejemplo, cuando un documento HTML es interpretado sin las hojas de estilo asociadas, debe seguir siendo posible leer el documento. (Prioridad 1); Comentario: Aunque este es uno de los puntos que se ven infuidos por la inclusión del plugin SNAP, ya que inserta estilos directamente en la página, no afecta a la posibilidad de leer el contenido de la página.
Punto: 6.3: Asegúrese de que las páginas pueden seguir siendo usadas cuando los scripts, applets u 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); Comentario: Si los scripts son desconectados (plugin SNAP) la página puede usarse mucho mejor.
Punto: 14.1: Utilice el lenguaje más claro y sencillo que sea apropiado para el contenido de un sitio. (Prioridad 1); Comentario:

Volver

Puntos de prioridad 1 con resultado "incorrecto"

Punto: 4.1: Identifique claramente los cambios en el lenguaje natural del texto de un documento y de cualquier texto equivalente (por ejemplo, en leyendas y subtítulos). (Prioridad 1); Comentario: El sitio utiliza 2 idiomas pero no señala correctamente los cambios de idioma en la versión en español.
Por ejemplo, se produce el error en el título de unas jornadas que aunque esta escrito en gallego no lo indica. Tampoco se hace uso del atributo hreflang (por ejemplo, en la sección 40 principales).
Tampoco se indica que está en español el enlace al sitio en español.
En la sección accesibilidad, se usan términos en inglés que no están correctamente marcados. Un caso especial es el de accesskeys: está marcado como abreviatura (sin serlo), pero no se indica que es un término en inglés, aunque la expansión de la abreviatura si indica que es inglés (a pesar que está en español o gallego).
Punto: 6.2: Asegúrese de que los equivalentes para el contenido dinámico se actualizan cuando cambia el contenido dinámico. (Prioridad 1); Comentario: Utiliza un script con el plugin de SNAP para a visualización de enlaces externos. Aunque su utilización no impide el acceso al enlace externo, este plugin genera un contenido dinámico que incluye una imagen para la cual no presenta un texto alternativo. Además inserta en el código gran cantidad de estilos. La aparición de la imagen del sitio externo junto al enlace sobre el cual el usuario ha pasado el ratón puede distraer y dificultar el correcto uso de la página.
Punto: 8.1: Cree los elementos de programación tales como scripts y applets de manera que sean directamente accesibles o compatibles con las ayudas técnicas. (Prioridad 1 si la funcionalidad es importante y no se presentó en otra parte; en otro caso, Prioridad 2); Comentario: Creo que el script con el plugin de SNAP no es accesible y además se debería de comprobar su efecto sobre distintas ayudas técnicas.

Volver

Puntos de prioridad 1 con resultado "no aplicable"

Punto: 1.2: Proporcione enlaces redundantes en formato texto para cada área activa de un mapa de imagen del servidor. (Prioridad 1); Comentario: No se utiliza(n) mapas de imagen del servidor.
Punto: 1.3: Hasta que las aplicaciones de usuario puedan leer en voz alta, automáticamente, el texto equivalente de la pista visual de una presentación multimedia, proporcione una descripción sonora de la información importante de la pista visual. (Prioridad 1); Comentario: No se utiliza(n) elementos incrustados. No se utiliza(n) elementos multimedia. No hay archivos multimedia enlazados.
Punto: 1.4: Sincronice con la presentación, equivalentes alternativos (p. ej. subtítulos o descripciones sonoras de la pista visual) para cualquier presentación multimedia tempo-dependiente (p. ej. una película o animación). (Prioridad 1); Comentario: No se utiliza(n) elementos incrustados. No se utiliza(n) elementos multimedia. No hay archivos multimedia enlazados.
Punto: 2.1: Asegúrese de que toda la información transmitida a través del color está también disponible sin color. (Prioridad 1); Comentario: No hay información que se transmita solo por color.
Punto: 5.1: En las tablas de datos, identifique los encabezados de fila y columna. (Prioridad 1); Comentario: No se utiliza(n) tablas de datos.
Punto: 5.2: Para las tablas de datos que tengan dos o más niveles lógicos de encabezados de fila o columna, utilice marcadores para asociar las celdas de datos con las celdas de encabezado. (Prioridad 1); Comentario: No se utiliza(n) tablas complejas.
Punto: 9.1: Proporcione mapas de imagen controladas por el cliente en vez de por el servidor, excepto cuando las áreas no puedan ser definidas con una forma geométrica. (Prioridad 1); Comentario: No se utiliza(n) mapas de imagen.
Punto: 11.4: Si, a pesar de haberse esforzado, no consigue crear una página accesible, proporcione un enlace a una página alternativa que use las tecnologías del W3C, sea accesible, tenga información (o funcionalidad) equivalente y sea actualizada tan a menudo como la página (original) inaccesible. (Prioridad 1); Comentario: La página puede ser perfectamente accesible si se anula el plugin SNAP y con un control más extricto de los cambios de idioma.
Punto: 12.1: Titule cada marco para facilitar la identificación del marco y la navegación entre ellos. (Prioridad 1); Comentario: No se utiliza(n) marcos.

Volver

Puntos de prioridad 1 con resultado "parcial"

Punto: 7.1: Hasta que las aplicaciones de usuario permitan al usuario controlarlo, evite provocar el parpadeo de la pantalla. (Prioridad 1); Comentario: Otro punto que se ve afectado por el uso del plugin SNAP. Aunque no es un parpadeo la aparición de la imagen del sitio externo junto al enlace sobre el cual el usuario ha pasado el ratón puede distraer y dificultar el correcto uso de la página.

Volver

Prioridad 2

Puntos de prioridad 2 con resultado "correcto"

Punto: 3.1: Utilice marcadores en vez de imágenes para transmitir información, si existe un lenguaje de marcado apropiado. (Prioridad 2); Comentario: Las imagenes que hay se usan adecuadamente.
Punto: 3.2: Cree documentos que se ciñan a las gramáticas formales publicadas. (Prioridad 2); Comentario: XHTML 1.0 strict y CSS son correctos
Punto: 3.3: Use hojas de estilo para controlar la disposición y la presentación. (Prioridad 2); Comentario: No se usan elementos HTML ni atributos HTML para controlar la presentación.
Punto: 3.4: Use unidades relativas en vez de absolutas en los valores de los atributos del lenguaje de marcado y en los valores de las propiedades de las hojas de estilo. (Prioridad 2); Comentario:
Punto: 3.5: Use elementos de encabezado para sugerir la estructura del documento y úselos siguiendo la especificación. (Prioridad 2); Comentario: Los elementos de encabezado se usan de forma adecuada y respetando un orden correcto para su importancia.
Punto: 3.6: Marque correctamente las listas y los ítem de lista. (Prioridad 2); Comentario:
Punto: 5.3: No use tablas para maquetar, a menos que el contenido de la tabla tenga sentido cuando se represente en forma lineal. De lo contrario, si la tabla no se entiende, proporcione un equivalente alternativo (que puede ser una versión lineal del contenido de la tabla). (Prioridad 2); Comentario: No se usan tablas para maquetar
Punto: 7.2: Hasta que las aplicaciones de usuario permitan al usuario controlar el destello, evite que el contenido destelle (por ejemplo, los cambios en la presentación a ritmo regular, como si se encendiera y apagase). (Prioridad 2); Comentario:
Punto: 7.3: Hasta que las aplicaciones de usuario permitan congelar el contenido en movimiento, evite el movimiento en las páginas. (Prioridad 2); Comentario:
Punto: 7.4: Hasta que las aplicaciones de usuario proporcionen la posibilidad de detener el refresco, no cree páginas que periódicamente se auto-refresquen. (Prioridad 2); Comentario:
Punto: 7.5: Hasta que las aplicaciones de usuario proporcionen la posibilidad de detener el re-direccionamiento automático, no utilice marcadores para redirigir las páginas automáticamente. En su lugar, configure el servidor llevar a cabo los re-direccionamientos. (Prioridad 2); Comentario:
Punto: 11.1: Utilice las tecnologías del W3C cuando estén disponibles y sean apropiadas para la tarea, y use las últimas versiones en cuanto sean soportadas. (Prioridad 2); Comentario:
Punto: 11.2: Evite usar elementos obsoletos de las tecnologías del W3C. (Prioridad 2); Comentario: No se utilizan elementos HTML obsoletos.

No se utilizan atributos HTML obsoletos.
Punto: 12.3: Divida los bloques de información largos en grupos más manejables cuando resulte natural y apropiado. (Prioridad 2); Comentario: Se divide la información en bloques.
Punto: 13.1: Identifique claramente el objetivo de cada enlace. (Prioridad 2); Comentario: Aunque hay un enlace que usa solo la palabra "enlace" como texto y el texto de las opciones de menú es muy reducido (1 palabra) todos los enlaces tienen un atributo TITLE que facilita la comprensión de su objetivo.
Punto: 13.2: Proporcione metadatos para añadir información semántica a las páginas y los sitios. (Prioridad 2); Comentario:
Punto: 13.3: Proporcione información sobre la maquetación general de un sitio (por ejemplo, un mapa del sitio o tabla de contenidos). (Prioridad 2); Comentario:
Punto: 13.4: Utilice mecanismos de navegación de manera consistente. (Prioridad 2); Comentario:

Volver

Puntos de prioridad 2 con resultado "incorrecto"

Punto: 2.2: Asegúrese de que las combinaciones de color del fondo y del primer plano contrastan lo suficiente cuando son vistas por alguien que tiene una deficiencia de percepción del color o que utiliza un monitor en blanco y negro. (Prioridad 2 para imágenes, 3 para textos); Comentario: Usando la herramienta (Juicy Studio: Colour Contrast Analyser) y contrastando posteriormente con la que proporciona HERA ambas dan como resultado un pequeño fallo de contraste de color entre #6600cc y #f9f6ee. La diferencia de color es 427 y debe ser superior a 500. Este error afecta a las opciones del menú.
Punto: 3.7: Marque las citas. No use el marcado de citas para efectos de formato tales como la sangría. (Prioridad 2); Comentario: Entiendo que el uso de que se realiza de la etiqueta q en la portada no es correcto, puesto que no se pueden entender como citas el título de unas jornadas, ni las palabras normais y diferentes, ni el texto triplo A. Este uso, para de q para conseguir un aspecto distinto se usa también en otras páginas, como en la de accesibilidad...
Punto: 6.4: Para los scripts y applets, asegúrese de que la ejecución de los manejadores de evento sea independiente del tipo de dispositivo. (Este punto incluye el 9.3). (Prioridad 2); Comentario: El plugin SNAP hace que el funcionamiento de la página sea distinto al utilizar el ratón o el teclado.

Volver

Puntos de prioridad 2 con resultado "no aplicable"

Punto: 5.4: Si utiliza una tabla para maquetar, no utilice ningún marcado estructural para conseguir un efecto visual de formateo. (Prioridad 2); Comentario: No se utiliza(n) tablas para maquetar.
Punto: 9.2: Asegúrese de que cualquier elemento que tenga su propia interfaz pueda manejarse de forma independiente del tipo de dispositivo. (Prioridad 2); Comentario: No se utiliza(n) mapas de imagen del servidor.

No se utiliza(n) elementos con interfaz propia.
Punto: 9.3: Para los scripts, especifique manejadores de evento lógicos en vez de manejadores de evento dependientes del dispositivo. (Prioridad 2); Comentario: No se utiliza(n) manejadores de evento.
Punto: 10.2: Hasta que las aplicaciones de usuario soporten asociaciones explícitas entre las etiquetas y los controles de formulario, para todos los controles de formulario con etiquetas implícitamente asociadas, asegúrese de que la etiqueta está colocada adecuadamente. (Prioridad 2); Comentario: No se ha considerado aquí los formularios de la bitácora ni del foro.
Punto: 12.2: Describa el propósito de los marcos y cómo se relacionan entre sí, si no resulta obvio sólo con los títulos de marco. (Prioridad 2); Comentario: No se utiliza(n) marcos.
Punto: 12.4: Asocie etiquetas explícitamente con sus controles. (Prioridad 2); Comentario: No se ha considerado aquí los formularios de la bitácora ni del foro.
Punto: 13.10: Proporcione un medio para saltar sobre un "ASCII art" que ocupa varias líneas. (Prioridad 3); Comentario:

Volver

Puntos de prioridad 2 con resultado "parcial"

Punto: 10.1: Hasta que las aplicaciones de usuario permitan a los usuarios desactivar la generación de ventanas, no provoque que aparezcan llamadas emergentes u otras ventanas y no cambie el foco de la ventana actual sin informar antes al usuario. (Prioridad 2); Comentario: Aunque no aparecen nuevas ventanas extrictamente hablando, el script snap genera una especie de nueva ventana que distrae y entorpece la lectura a cualquier usuario.

Volver

Prioridad 3

Puntos de prioridad 3 con resultado "correcto"

Punto: 4.3: Identifique el lenguaje natural principal de un documento. (Prioridad 3); Comentario: El documento tiene indicado el idioma principal con el código: "gl" (verifique que corresponda a un código ISO válido).
Punto: 9.4: Cree un orden lógico de tabulación a través de los enlaces, controles de formulario y objetos. (Prioridad 3); Comentario:
Punto: 9.5: Proporcione atajos de teclado para los enlaces importantes (incluyendo los de los mapas de imagen de tipo cliente), controles de formulario y grupos de controles de formulario. (Prioridad 3); Comentario: Se proporcionan 10 atajos de teclado (atributo "accesskey").
Punto: 10.5: Hasta que las aplicaciones de usuario (incluidas las ayudas técnicas) representen de forma diferenciada los enlaces adyacentes, incluya caracteres imprimibles no enlazados (rodeados de espacios) entre los enlaces adyacentes. (Prioridad 3); Comentario: Todos los enlaces adyacentes contienen caracteres imprimibles no enlazados entre ellos.
Punto: 11.3: Proporcione información de manera que los usuarios puedan recibir los documentos según sus preferencias. Por ejemplo: idioma, tipo de contenido, etc. (Prioridad 3); Comentario: Se proporciona la información en español y gallego. Además, se proporcionan estilos de visualización alternativos.
Punto: 13.5: Proporcione barras de navegación para resaltar y dar acceso al mecanismo de navegación. (Prioridad 3); Comentario:
Punto: 13.8: Coloque información distintiva al comienzo de encabezados, párrafos, listas, etc. (Prioridad 3); Comentario:
Punto: 13.9: Proporcione información sobre las colecciones de documentos (por ejemplo, los documentos que comprendan múltiples páginas). (Prioridad 3); Comentario:
Punto: 14.2: Complemente el texto con presentaciones gráficas o sonoras cuando ello facilite la comprensión de la página. (Prioridad 3); Comentario:
Punto: 14.3: Cree un estilo de presentación que sea consistente en todas las páginas. (Prioridad 3); Comentario:

Volver

Puntos de prioridad 3 con resultado "incorrecto"

Punto: 4.2: Especifique la expansión de cada abreviatura o acrónimo cuando aparezcan por primera vez en el documento. (Prioridad 3); Comentario: En el mapa hay siglas que no están marcadas como abreviaturas o acrónimos.
Además, en diversas páginas, se usa la etiqueta abbr incorrectamente. En lugar de indicar una abreviatura, se emplea para proporcionar una explicación adicional de algunos términos (en forma de tooltip), como por ejemplo los términos accesibilidad o usabilidad en la página del mapa.
Punto: 13.6: Agrupe los enlaces relacionados, identificando el grupo (para las aplicaciones de usuario) y, hasta que las aplicaciones de usuario lo hagan, proporcione una manera de saltarse el grupo. (Prioridad 3); Comentario: No se proporciona ningún enlace que permita saltar el menú (que aparece primero) y acceder directamete al contenido.

Volver

Puntos de prioridad 3 con resultado "no aplicable"

Punto: 1.5: Hasta que las aplicaciones de usuario interpreten los textos equivalentes de los enlaces de los mapas de imagen de tipo cliente, proporcione enlaces redundantes, en formato texto, para cada zona activa del mapa de imagen de tipo cliente. (Prioridad 3); Comentario: No hay mapas de imagen de cliente
Punto: 5.5: Proporcione resúmenes de las tablas. (Prioridad 3); Comentario: No se utiliza(n) tablas.
Punto: 5.6: Proporcione abreviaturas para las etiquetas de los encabezamientos. (Prioridad 3); Comentario: No se utilizan tablas con celdas de encabezado (<th>).
Punto: 10.3: Hasta que las aplicaciones de usuario (incluidas las ayudas técnicas) interpreten correctamente los textos contiguos, proporcione un texto alternativo lineal (en la misma página o en alguna otra) para todas las tablas que presenten el texto en columnas paralelas y desplazan el texto automáticamente a la siguiente línea cuando no cabe en la misma. (Prioridad 3); Comentario: No se utiliza(n) tablas.
Punto: 10.4: Hasta que las aplicaciones de usuario manejen correctamente los controles vacíos, incluya caracteres por omisión en los campos de edición y áreas de texto. (Prioridad 3); Comentario: No se ha considerado aquí los formularios de la bitácora ni del foro.
Punto: 13.7: Si proporciona funciones de búsqueda, facilite diferentes tipos de búsquedas para diversos niveles de habilidad y preferencias. (Prioridad 3); Comentario: No hay funciones de búsqueda. (No se ha considerado aquí la bitácora ni el foro.)

Volver

Este sitio tiene la intención de ser accesible para todos, si Ud. encuentra alguna dificultad para acceder a cualquier aspecto de su contenido, por favor colabore, comuníqueselo al Webmaster. Gracias.

Última actualización: 07/10/2007