Pruebas de accesibilidad.

[sergivv]

Hola a todos.

Estoy haciendo una web y poco a poco voy validando el código (xhtml y css) para que vaya conforme a los estandares. También estoy intentando que sea lo más accesible posible y uso la siguiente página para comprobarlo (www.accesible.com.ar/examinator/index.php), en ella me aparecen varios errores que estoy tratando de solucionar pero que no veo como.

Son los siguientes:

- Información transmitida a través del color.
Resultado: regular.
Ocultar 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)

Aquí creo que tengo definido todos los colores tando de fondo como de texto.

- Contenido alternativo para scripts.
Resultado: mal.
Ocultar Hay 2 elemento(s) script en el cuerpo de la página y no se proporciona ningún contenido alternativo (falta <noscript>).

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)

El script que uso es de Google analytics. ¿hay alguna forma de poder usar el script y que no fallé el examinador?

- Información sobre documentos relacionados.
Resultado: mal.
Ocultar No se proporciona información sobre documentos relacionados (usando <link>, por ejemplo).

Los elementos <link> con atributos "rel" o "rev" permiten dar información acerca de la relación entre la página actual y otros recursos.

WCAG 13.9: Proporcione información sobre las colecciones de documentos (por ejemplo, los documentos que comprenden múltiples páginas). (Prioridad 3)

¿Alguna página donde me expliquen el tema de los "rel" y "rev"? Encontré algunas pero no me quedo muy claro.

Alguién me hecha una mano. Un saludo y muchas gracias.

[daPhyre]

Para el segundo:

Después de hacer el <script></script>, debes poner algo como <noscript><p>Usted tiene javascript desactivado por lo que es posible que no pueda usar o hacer uso de [razón].</p></noscript>

Para el tercero:

En tu página es aconsejable poner los atributos link al principio de la página (En el head). Recuerdo haber encontrado en google detalle de estos. Algunos ejemplos son:

<link rel="index" href="index.html" />
Para indicar la página índice de la página actual.

<link rev="index" href="pagina1.html" />
Para indicar desde el index, que la página actual es índice de la página a la que te refieres.

Esto en general ayuda en navegadores especiales para gente con capacidades especiales, o para los crawlers (como el de google) para entender como está ordenada tu página, y poder hacer mejor sus búsquedas.

Ahora... el primero...

El primero ha resultado ser un error desde hace tiempo con eXaminator... Temo que por el momento ese deberás ignorarlo mientras lo corrigen, así como el de la falta de hojas de cascada. Quizá en algún momento futuro.

Por otro lado, se dice que hay otros test mucho más certeros como el de TAW. Pero esto será ya tu decisión final. Espero esto haya resuelto tus dudas. Suerte

[sergivv]

Muchas gracias por contestar.

La verdad es que ya me quedó todo más o menos claro. El fallo de las hojas css del examinator lo solucioné así:

Código:

<link href="/css/layout.css" rel="stylesheet" type="text/css" />

en lugar de:

Código:

	
<style type="text/css">
@import url("http://space-eyes.com/css/layout.css");
</style>

Ahora tengo que estudiar algo más el tema de <link rev> y <link rel>.

Un saludo.

[daPhyre]

Bueno, parece ser que los chicos del eXaminator ya se han puesto a trabajar, pues antes marcaba ese error de forma insolucionable. Revisaré de nuevo a ver que modificaciones han hecho al analizador, quizá ya hayan corregido también el problema con las imágenes.

Me alegro poder haber ayudado. Suerte

Edito: Extraño, sigue dándome los errores de siempre... Habrá que esperar un poco más...

[sergivv]

Hola de nuevo.

Pues a mi no me da errores en la css. Si en las imágenes.
Cambié la forma de enlazar el archivo css en la página y se solucionó.

Un saludo y gracias de nuevo.

Edito: Para que me funcione el tema de CSS tengo que ponerlo así:

Código:

<style type="text/css">
<!-- @import url("http://www.astrohobby.es/css/layout.css"); -->
</style>
<link href="http://www.astrohobby.es/css/layout.css" rel="stylesheet" type="text/css" />

Probando, con solo la última opción no me funciona, con las dos si.

[daPhyre]

Debería poder leer ambos. Además, el último es el más correcto. Como dije, habrá que esperar un poco hasta que los errores sean corregidos

[talmente]

El problema es el que te esplicaba antes daPhyre tines que poner por ejemplo esto

<link rel="start" type="text/html" href="/index.htm" title="Portada" />

y te dejara de dar ese erro

y con el color de fondo puedes utilizar inherit por ejemplo o especificar el color si tus fondos son blancos especificalo.