Revision Accesibilidad - Primeros problemas

[el_javi]

Hola a todos.

Estoy empezando a montar una web Accesible.

El tema es que tengo el HTML, simple, con un H1 y e TAW me da errores que no tengo ni la más mínima idea de cómo solucionarlos.

Puedo asegurar que llevo más de 2 horas buscando y no entiendo porqué de estos mensajes.


Aquí el TAW correspondiente: http://www.tawdis.net/system/modules...a&recheck=true

Y los mensaje que no entiendo son:

- Dos encabezados del mismo nivel seguidos sin contenido entre ellos
- Posicionamiento de elementos mediante flotado (http://dev-addo.com/rayuela/css/main.css)

El resto son sensoriales, contrastres, etc, y se que no son perceptibles por el validador.

Pero estos ¿cómo se solucionan?


Gracias y un saludo.

[Zeromm]

Pues a ver.

Iniciado por el_javi

- Dos encabezados del mismo nivel seguidos sin contenido entre ellos
-

No soy experto en accesibilidad la verdad, pero por lo que veo en la w3.org es que después de una etiqueta de titulo tiene que ir siempre un contenido. Al fin y al cabo cuando se pone un título de algo, se supone que es porque después va a venir un contenido, por lo tanto ahí creo que te da el error porque falta contenido debajo.

Iniciado por el_javi

Posicionamiento de elementos mediante flotado (http://dev-addo.com/rayuela/css/main.css)

Pues parece que no le gustan los floats, no se porque, asique prueba con "display: inline-block" en vez de los floats.

[pzin]

La cuestión de flotar es simplemente que el orden visual debe corresponder con el orden del HTML. De todas formas no te lo marca como error, sino como advertencia, ya que flotar elementos puede causar que aparezcan visualmente de forma no correlativa al documento HTML.
Hay cosas que no pueden ser analizadas por revisores automáticos, entonces te manda avisos para que compruebes las cosas artesanalmente. Entonces miras la advertencia, compruebas que está bien y pasas a la siguiente.

[el_javi]

Hola Zeromm, gracias por contestar.

Iniciado por Zeromm

Pues a ver.
No soy experto en accesibilidad la verdad, pero por lo que veo en la w3.org es que después de una etiqueta de titulo tiene que ir siempre un contenido. Al fin y al cabo cuando se pone un título de algo, se supone que es porque después va a venir un contenido, por lo tanto ahí creo que te da el error porque falta contenido debajo.

Te entiendo, pero eso era simplemente un ejemplo.

Ahora, está 100% maquetada la HOME del portal, y los mensaje sobre H1, H2, H3 siguen siendo los mismos y se han unido algún que otro mensaje más que no se cómo atajar en accesibilidad.


¿Alguna idea al respecto?

La web es http://www.dev-addo.com/rayuela/

[el_javi]

pzin, Gracias por contestar

Iniciado por pzin

La cuestión de flotar es simplemente que el orden visual debe corresponder con el orden del HTML. De todas formas no te lo marca como error, sino como advertencia, ya que flotar elementos puede causar que aparezcan visualmente de forma no correlativa al documento HTML.
Hay cosas que no pueden ser analizadas por revisores automáticos, entonces te manda avisos para que compruebes las cosas artesanalmente. Entonces miras la advertencia, compruebas que está bien y pasas a la siguiente.

Entiendo que son cosas meramente "lógicas" pero se me escapan al entendimiento...

Actualmente la home está montada, la accesibilidad saca elementos incorrectos, y no se si cuando llegue la entidad de la ONCE que nos va a validar nos echará para atrás por estos elementos....


¿alguna ayuda? ¿Esos errores se pueden solventar?


Gracias y saludos.

[Usuarios466]

el_javi, estaría bien que además de utilizar TAWDIS utilizaras otro validador de Accesibilidad Web que no está nada mal, en mi caso siempre utilizo ambos, me refiero al Hera de la Fundación Sidar.

Échale un ojo porque acabo de pasar la URL que nos menciones y existen 3 errores (1 de Prioridad AA y 2 de Prioridad AAA). Uno de ellos es que la hoja de estilos CSS contiene errores (tan sólo 2 errores) y otro importante de cara a la Accesibilidad es que no tienes atajos de teclado (accesskey) en la página.

[el_javi]

Hola Juan Carlos.

Gracias por responder.

Utilizo (o empecé a utilizar) muchísimas herramientas de validación de accesibilidad:

- W3c CSS validation: http://jigsaw.w3.org/css-validator/

- TAW: http://www.tawdis.net/

- Compliance DEtector: http://compliancedetector.com

- HERA (de la fundación Sidar): http://www.sidar.org/hera


- Y la herramienta de control de contraste: http://www.colorsontheweb.com/colorcontrast.asp

El tema es que muchísimos de los errores que dichas herramientas muestran no son entendibles por mi parte, generando dudas de si son OBLIGATORIOS de eliminar para obtener la certificación de AA o son solo básicos sin importancia.

De ahí que busque ayuda, colaboración, etc...


Respecto a los errores de hojas de estilo, esos 2 errores los he validado con el validador de la W3C para CSS, y por más que busco esos dos errores referidos al HEIGHT no lo ve en ningún lado.



Respecto a los atajos de teclado:

Por más páginas accesibles que veo NUNCA funcionan los atajos de teclado...
No he visto ni una que le funcionen... ¿porqué?


Espero vuestros comentarios :)

saludos.


Javier

[Usuarios466]

Iniciado por el_javi

El tema es que muchísimos de los errores que dichas herramientas muestran no son entendibles por mi parte, generando dudas de si son OBLIGATORIOS de eliminar para obtener la certificación de AA o son solo básicos sin importancia.

Cuando utilizas una herramientas de validación de Accesibilidad Web te va a marcar dos cosas, por una parte los errores automáticos y los errores manuales, tú te debes fijar y solucionar los errores automáticos, cuando tengas los automáticos a 0 en los tres niveles, A, doble A y triple A, ya puedes darlo por subsanado.

Iniciado por el_javi

Respecto a los errores de hojas de estilo, esos 2 errores los he validado con el validador de la W3C para CSS, y por más que busco esos dos errores referidos al HEIGHT no lo ve en ningún lado.

Los dos errores del CSS dicen que están en las líneas 237 y 243 respectivamente.

Iniciado por el_javi

Respecto a los atajos de teclado:

Por más páginas accesibles que veo NUNCA funcionan los atajos de teclado...
No he visto ni una que le funcionen... ¿porqué?

Para poner un atajo de teclado (accesskey) basta con insertar ese comando en un enlace (por ejemplo, en el menú principal), de este modo:

Código HTML:

<a href="http://www.paginaweb.com/" accesskey="1">Inicio</a>

<a href="http://www.paginaweb.com/derechos/" accesskey="2">Derechos</a>

<a href="http://www.paginaweb.com/granitos-de-arena/" accesskey="3">Granitos de arena</a> 

Debes tener en cuenta que dependiendo del navegador que utilices, las Accesskey funcionan con un atajo de teclado diferente.

Te dejo aquí los más usados dependiendo el navegador que emplees:

Mozilla Firefox: ALT + SHIFT + tecla de acceso.

Google Chrome: ALT + tecla de acceso.

Internet Explorer: ALT + tecla de acceso + ENTER.