Informe de la revisión

Informe accessibilitat lloc web de la CUP Badalona

Página: http://www.cupbadalona.org/
Fecha: 21/05/2007 - 12:28 GMT
Autor: Badalona bitàcola <badalona@gmail.com>
Comentario:
- Hi ha diversos problemes menors que es podrien solucionar amb facilitat, com ara els errors en l'arxiu CSS i la manca de contingut alternatiu per a les imatges. Però el problema més difícil de solucionar és el fet de que la pàgina estigui maquetada amb taules.
  
  Aquest informe no pretén ser exhaustiu. Un veritable informe d'accessibilitat requeriria revisar tot el lloc web, no només la pàgina principal que és el que s'ha verificat per fer aquest.

Resultados por puntos de verificación

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): Incorrecto.
Totes les imatges han de portar un text alternatiu. En aquest cas, hi ha dues imatges (les dues de la part inferior del template) que no tenen text alternatiu. Haurien de portar un alt="" indicant d'aquesta manera que són imatges decoratives sense cap mena de contingut.
Per altra banda, hi ha alguna imatge amb un text alternatiu que dóna una informació poc rellevant. És el cas del logo d'Alerta Solidaria, el text alternatiu del qual és logo_as que per si mateix no té massa sentit. Fora millor un text alternatiu més clar, "logo Alerta Solidaria" seria el més correcte.
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): Correcto.
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): Correcto.
Punto 3.2 Cree documentos que se ciñan a las gramáticas formales publicadas. (Prioridad 2): Incorrecto.
Una de les normes de l'accessibilitat és que la pàgina ha de complir els estàndards web. Aquesta pàgina no és HTML vàlida. Tampoc ho és la pàgina CSS. Solucionar aquests problemes requereix una comprovació a banda.
Els errors de l'HTML es poden veure a aquesta pàgina:
http://validator.w3.org/check?uri=http://www.cupbadalona.org
I els de CSS a aquesta altra:
http://jigsaw.w3.org/css-validator/validator?uri=http://www.cupbadalona.org&warning=2&profile=css2&usermedium=all
Punto 3.3 Use hojas de estilo para controlar la disposición y la presentación. (Prioridad 2): Incorrecto.
Ja comentat: Es fan servir taules per maquetar.
Es fa servir l'etiqueta font per determinar el color d'un text. També es fan servir diferents atributs per determinar les característiques de presentació d'alguns elements de la pàgina. Tota la informació referent al disseny de la pàgina hauria d'estar a la pàgina CSS.
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): Incorrecto.
Per tal de facilitar la lectura a persones amb disminució de la visió, és convenient permetre que l'usuari faci la tipografia més gran. La manera d'aconseguir això és fent servir unitats relatives a la grandària seleccionada per l'usuari com grandària per defecte. Aquest tipus d'unitats són els percentatges i em. La utilització de píxels com unitat de mesura és valida en alguns casos, però no en tots i és especialment invàlida quan parlem de tipografia.
Punto 3.5 Use elementos de encabezado para sugerir la estructura del documento y úselos siguiendo la especificación. (Prioridad 2): Incorrecto.
Els encapçalaments donen una referència de l'estructura de la pàgina web i són importants per als usuaris que fan servir lectors de pantalla o pantalles braile. No hi ha cap encapçalament malgrat hi ha diferents seccions.
Punto 3.6 Marque correctamente las listas y los ítem de lista. (Prioridad 2): Parcial.
Els dos menús que es presenten a l'esquerra haurien de ser llistes en comptes de taules. Les llistes que existeixen, efectivament, són llistes.
Punto 5.1 En las tablas de datos, identifique los encabezados de fila y columna. (Prioridad 1): Incorrecto.
Les taules estan pensades per presentar a la pantalla dades tabulades, no per a fer el disseny de la pàgina. Aquesta plantilla de joomla fa servir taules per maquestar la pàgina web i, per tant, no és accessible.
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): Incorrecto.
Es fan servir taules dins de taules, fins a tres nivells de profunditat per tal de maquetar.
Punto 5.4 Si utiliza una tabla para maquetar, no utilice ningún marcado estructural para conseguir un efecto visual de formateo. (Prioridad 2): Incorrecto.
Es fa servir th en llocs on s'hauria de fer servir un encapçalament.
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): Parcial.
Tot i que hi ha enllaços que es deixen de veure (per tema de color de fons), en general la pàgina és força llegible sense fulls d'estil.
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): Correcto.
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): Correcto.
Punto 7.1 Hasta que las aplicaciones de usuario permitan al usuario controlarlo, evite provocar el parpadeo de la pantalla. (Prioridad 1): Correcto.
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): Correcto.
Punto 7.3 Hasta que las aplicaciones de usuario permitan congelar el contenido en movimiento, evite el movimiento en las páginas. (Prioridad 2): Correcto.
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): Correcto.
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): Correcto.
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): Correcto.
Punto 9.3 Para los scripts, especifique manejadores de evento lógicos en vez de manejadores de evento dependientes del dispositivo. (Prioridad 2): Correcto.
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): Correcto.
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): Correcto.
Punto 11.2 Evite usar elementos obsoletos de las tecnologías del W3C. (Prioridad 2): Incorrecto.
Es fan servir elements HTML obsolets.
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): Incorrecto.
Punto 12.4 Asocie etiquetas explícitamente con sus controles. (Prioridad 2): Incorrecto.
Tots els elements de formulari han d'estar etiquetats amb l'etiqueta label. En aquest cas afecta al formulari de cerca.
Punto 13.1 Identifique claramente el objetivo de cada enlace. (Prioridad 2): Correcto.
Punto 13.2 Proporcione metadatos para añadir información semántica a las páginas y los sitios. (Prioridad 2): Correcto.
Punto 13.4 Utilice mecanismos de navegación de manera consistente. (Prioridad 2): Correcto.
Punto 14.1 Utilice el lenguaje más claro y sencillo que sea apropiado para el contenido de un sitio. (Prioridad 1): Correcto.