Accesibilidad según Examinator de accesible.com.ar

[rockrer]

Comprobé mi sitio en accesible.com.ar y me tiroalgunos errores y advertencias, estos son los que no entendí. Me dan una mano para entenderlos?

1- Información transmitida a través del color.

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

2- Uso de encabezados.

Resultado: regular.
Mostrar Hay un encabezado principal pero se altera el orden de los encabezados.

<---editado:

Esto de los encabezados es muy raro... por que estuve viendo los encabezados del sitio, son los siguientes...
1-<h1 class="tt"> (se especifica clase por que el logo cambia según la sección en la que se esté)
2-<h2>
3-<h2>
4-<h2>
5-<h5>
6-<h6>
7-<h6>

Creo que están bien o no?

-->

3- Uso de tablas.

Resultado: mal.
Mostrar Hay 1 tabla(s) utilizadas para controlar la presentación.

<---editado: este punto ya lo solucione :)
4- Asociación de etiquetas con controles.
Resultado: mal.
Mostrar Hay 3 control(es) de formulario y ninguna etiqueta (<label>).
--->

5- Utilización de CSS.
Resultado: mal.
Mostrar No se usan estilos pero sí tablas para controlar la presentación de la página.

6- Agrupamiento de enlaces.

Resultado: regular.
Mostrar El 25% de los enlaces están organizados en listas (total de enlaces: 28).

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

8- Caracteres por defecto.

Resultado: mal.
Mostrar Hay 3 control(es) vacíos y 3 de ellos no tienen un texto por omisión.

9- Enlaces adyacentes.

Resultado: mal.
Mostrar Hay 28 enlace(s) y 1 son adyacentes a otros enlaces pero no están separados entre sí con caracteres imprimibles.

10- Encabezados en tablas.
Resultado: mal.
Mostrar Hay 1 tabla(s) y ninguna tiene celdas de encabezados.

Agradezco mucho su ayuda!
Hasta luego,
rockrer

[LoBo2024]

Buenas,

Lo de los encabezados me imagino que se refiere al orden de ponerlo, por ejemplo si pones primero un h2 y debajo un h1 no es lógico ya que el h1 debe ser el que más peso tenga, o quizás se refiere a que saltas del h2 al h5 es una de esas cosas fijo ;)

En el tema de formularios debes poner la etiqueta label a donde introduzcan ellos cosas para asi al hacer click en la etiqueta se muestra el formulario que deben tocar te muestro ejemplo a continuación

Código:

<label for="nombre">Nombre:</label><input type="text" name="nombre" id="nombre" size="40" maxlength="255" />

El tema de las tablas eliminalo a no ser que realmente sea una tabla y usa divs :)

Lo de los enlaces te lo dice porque encuentra que hay demasiados y todos en listas que no es normal eso, y el tema de que no estan separados es que si luego alguien lo ve en modo texto se verán dos enlaces juntos sin separación alguna y eso implicaria que no se supiese si es uno o dos links.

Y el tema del <link> es para facilitar la busqueda entre tus páginas saber cual es la principal, la siguiente,

Ej.:

Código:

<link rel="index" href="../index.html" />
<link rel="prev" href="capitulo.html" />
<link rel="next" href="capitulo.html" />
<link rel="alternate" media="print" href="capitulo2-impresora.html" />
<link rel="alternate" hreflang="en" href="capitulo2-en.html" />

Espero haberte ayudado con el tema ;) para cualquier cosa no dudes en preguntar ;)

[talmente]

Hola yo te puedo orientar un poco:

1- Información transmitida a través del color.

Resultado: regular.
Mostrar No se definen colores de fondo o primer plano (debe comprobar las imágenes y objetos multimedia).
Define los colores de fondo y primer plano(texto) aun que sean fondo blanco y textos negros
2- Uso de encabezados.

Resultado: regular.
Mostrar Hay un encabezado principal pero se altera el orden de los encabezados.

<---editado:

Esto de los encabezados es muy raro... por que estuve viendo los encabezados del sitio, son los siguientes...
1-<h1 class="tt"> (se especifica clase por que el logo cambia según la sección en la que se esté)
2-<h2>
3-<h2>
4-<h2>
5-<h5>
6-<h6>
7-<h6>

Creo que están bien o no?

Mantén el orden h1 h2 h3 h4 h5 h6

3- Uso de tablas.

Resultado: mal.
Mostrar Hay 1 tabla(s) utilizadas para controlar la presentación.

<---editado: este punto ya lo solucione :)
4- Asociación de etiquetas con controles.

Resultado: mal.
Mostrar Hay 3 control(es) de formulario y ninguna etiqueta (<label>).
--->
Pues eso que pongas etiquetas lebel

5- Utilización de CSS.
Resultado: mal.
Mostrar No se usan estilos pero sí tablas para controlar la presentación de la página.
Esto de las css puede ser mentira si has usado Examinator

6- Agrupamiento de enlaces.

Resultado: regular.
Mostrar El 25% de los enlaces están organizados en listas (total de enlaces: 28).
Creo¡? que todos los enlaces tiene que estar en listas

7- Información sobre documentos relacionados.
Resultado: mal.
Mostrar No se proporciona información sobre documentos relacionados (usando <link>, por ejemplo).
Esto puedes poner la misma pag. Index u otra alternativa (pero no se te explicar)

8- Caracteres por defecto.

Resultado: mal.
Mostrar Hay 3 control(es) vacíos y 3 de ellos no tienen un texto por omisión.
Relacionado con los lebel creo

9- Enlaces adyacentes.

Resultado: mal.
Mostrar Hay 28 enlace(s) y 1 son adyacentes a otros enlaces pero no están separados entre sí con caracteres imprimibles.
relacionado con las listas

10- Encabezados en tablas.
Resultado: mal.
Mostrar Hay 1 tabla(s) y ninguna tiene celdas de encabezados.
Las tablas tienen que tener encabezados <table un_nombre=”loquesea”>Creo que es eso

[Daniel Ulczyk]

Creo¡? que todos los enlaces tiene que estar en listas

No necesariamente todos los enlaces de un documento deben estar agrupados en listas.

7- Información sobre documentos relacionados.
Resultado: mal.
Mostrar No se proporciona información sobre documentos relacionados (usando <link>, por ejemplo).
Esto puedes poner la misma pag. Index u otra alternativa (pero no se te explicar)

Realmente no entiendo que querés explicar con esos comentarios . La forma de relacionar documentos mediante HTML se efectúa con <link>, entre las etiquetas <head>

Código html:

<link rel="Content" type="text/html" href="http://www.dominio.com/contenidos.html" title="Tabla de Contenidos" />
 

10- Encabezados en tablas.
Resultado: mal.
Mostrar Hay 1 tabla(s) y ninguna tiene celdas de encabezados.
Las tablas tienen que tener encabezados <table un_nombre=”loquesea”>Creo que es eso

Mi amigo... esa no es la forma de estructurar el encabezado de una tabla . Para eso está el tag <thead>

Ya lo decía mi abuela: no aclares porque oscurece.

[kseso?]

1- Información transmitida a través del color.

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

Supón un contenedor con fondo negro, en éste tienes otro contenedor con una imagen clara como fondo y en él un texto de color negro. Te marcará ese error porque si no se cargan las imágenes no podrá ver el texto ya que no hay disparidad entre el color de fondo y el texto mostrado en él(negro sobre negro). Pero si en el 2º contenedor defines un fondo de color blanco y la imagen clara, el error desaparece.

2- Uso de encabezados.

Resultado: regular.
Mostrar Hay un encabezado principal pero se altera el orden de los encabezados.

<---editado:

Esto de los encabezados es muy raro... por que estuve viendo los encabezados del sitio, son los siguientes...
1-<h1 class="tt"> (se especifica clase por que el logo cambia según la sección en la que se esté)
2-<h2>
3-<h2>
4-<h2>
5-<h5>
6-<h6>
7-<h6>

No se refiere al orden en que aparecen en el html. Se refiere a que si no hay un h3 no puede haber h4 y sucesivos.

9- Enlaces adyacentes.

Resultado: mal.
Mostrar Hay 28 enlace(s) y 1 son adyacentes a otros enlaces pero no están separados entre sí con caracteres imprimibles.

Como te dice, entre un enlace y otro debes insertar algún carácter tipográfico para el caso de que se deshabiliten las imágenes o el css, no haya dudas de que son dos enlaces consecutivos y no uno con mucho texto.