Contenido

Informe

5.3
Los resultados de la validación (X)HTML no están incluidos. Código

Resultados generales de 11 pruebas:

Excelente: 4 pruebas

10 Se usa 1 elemento de encabezado

G141: Organizar una página usando encabezados

El propósito de esta técnica es garantizar que las secciones tengan encabezados que los identifiquen. En HTML, esto se hace usando los elementos de encabezado HTML (h1, h2, h3, h4, h5, h6). Estos permiten a las aplicaciones de usuario identificar automáticamente los encabezados de sección. Para facilitar la navegación y la comprensión de la estructura general del documento, los autores deben utilizar los encabezados correctamente anidados (por ejemplo, h1 seguido de h2, h2 seguido de h2 o h3, etc.).

Los encabezados indican la organización del contenido, facilitan su navegación y proporcionan un "mapa" mental que ayuda a comprender el contenido. Otros elementos pueden complementar los encabezados para mejorar la presentación (por ejemplo, líneas horizontales o cajas), pero la presentación visual no basta para identificar las secciones de un documento.

WCAG 2.0: G141 (en inglés)

Esta técnica se relaciona con:

  1. Criterio de conformidad 1.3.1 (Nivel A) Comprender 1.3.1
  2. Criterio de conformidad 2.4.10 (Nivel AAA) Comprender 2.4.10
  • Encabezados (h1~h6): 1 Examinar

10 Todas las imágenes tienen una alternativa textual

H37: Usar atributos alt en los elementos img

Al usar el elemento img, especifique una breve alternativa textual con el atributo alt. El valor de este atributo se denomina "texto alternativo". Cuando una imagen contiene palabras que son importantes para la comprensión del contenido, el texto alternativo debe incluir esas palabras. Esto permitirá que el texto alternativo cumpla la misma función en la página que la imagen. Tenga en cuenta que no es necesario describir las características visuales de la imagen en sí, sino que se debe transmitir el mismo significado que la imagen.

WCAG 2.0: H37 (en inglés)

Esta técnica se relaciona con:

  1. Criterio de conformidad 1.1.1 (Nivel A) Comprender 1.1.1
  • Imágenes: 16 Examinar
  • Imágenes sin alt: 0

10 No se usan elementos para controlar la presentación visual

G115: Usar elementos semánticos para marcar la estructura

El propósito de esta técnica es marcar la estructura del contenido de la página utilizando los elementos semánticos adecuados. En otras palabras, los elementos se utilizan de acuerdo con su significado, no por la forma en que aparecen visualmente. La intención es asegurar que la información y las relaciones implícitas en el formato visual se mantengan cuando cambie el formato de la presentación.

Aunque los elementos de presentación implican una estructura visual -los usuarios pueden determinar encabezados, párrafos, listas, etc., a partir de los formatos convencionales-, no codifican la estructura de forma inequívoca para que las ayudas técnicas puedan interactuar con la página de forma efectiva. Con el uso de los elementos semánticos adecuados se asegura que la estructura esté a disposición de las aplicaciones de usuario.

WCAG 2.0: G115 (en inglés)

Esta técnica se relaciona con:

  1. Criterio de conformidad 1.3.1 (Nivel A) Comprender 1.3.1
  • Elementos para controlar el estilo visual de la presentación: 0

10 La página tiene un elemento title

H25: Proporcionar un título usando el elemento title

Todos los documentos HTML y XHTML, incluyendo aquellos en los marcos individuales de un frameset, tienen un elemento title en la sección head que define, en una frase simple, el propósito del documento. Esto ayuda a los usuarios a orientarse dentro del sitio de forma rápida y sin tener que buscar información en el cuerpo de la página. Tenga en cuenta que el elemento title (obligatorio), que sólo aparece una vez en un documento, es diferente del atributo title, que se puede aplicar a casi todos los elemento HTML y XHTML.

WCAG 2.0: H25 (en inglés)

Esta técnica se relaciona con:

  1. Criterio de conformidad 2.4.2 (Nivel A) Comprender 2.4.2
  • Título de la página: Index of /web/sitio72

Regular: 1 prueba

4 Hay 1 tabla de datos compleja con celdas de datos sin el atributo headers

H43: Usar atributos id y headers para asociar las celdas de datos con las celdas de encabezado en las tablas de datos

El propósito de esta técnica es asociar cada celda de datos (en una tabla de datos) con las cabeceras apropiadas. Esta técnica agrega un atributo headers a cada celda de datos (elemento td). También agrega un atributo id a cualquier celda utilizada como cabecera para otras celdas. El atributo headers de una celda contiene una lista de los atributos id de las celdas de encabezado asociadas. Si hay más de un headers, deben estar separados por espacios.

Esta técnica se utiliza cuando las celdas de datos están asociadas con más de una fila y/o una columna de encabezados. Esto permite que los lectores de pantalla lean los encabezados asociados a cada celda de datos cuando las relaciones son demasiado complejas para ser identificadas mediante el elemento th solo o el elemento th con el atributo scope. Esta técnica también hace que las relaciones complejas se puedan percibir cuando cambia el formato de presentación.

WCAG 2.0: H43 (en inglés)

Esta técnica se relaciona con:

  1. Criterio de conformidad 1.3.1 (Nivel A) Comprender 1.3.1
  • Tablas de datos complejas: 1 Examinar
  • Tablas de datos complejas con celdas sin atributo headers: 1 Examinar

Mal: 4 pruebas

2 Hay 2 enlaces con el mismo texto pero diferentes destinos

F84: Fallo del Criterio de Conformidad 2.4.9 debido al uso de un enlace no específico tal como "pinche aquí" o "más" sin un mecanismo para cambiar el texto del enlace a un texto específico

Este fallo describe una condición común en enlaces como "haga clic aquí" o "más", donde es necesario tener el texto que lo rodea para entender su propósito. Muchas personas ciegas que usan lectores de pantalla llaman a un cuadro de diálogo que tiene una lista de los enlaces de la página para decidir dónde van a ir. Pero si muchos de los enlaces de esa lista simplemente dicen "haga clic aquí" o "más" no estarán en condiciones de utilizar esta característica en su lector de pantalla, que es una estrategia de navegación muy importante. Los enlaces con iguales destinos deben tener las mismas descripciones y aquellos con distintos propósitos y destinos deben tener diferentes descripciones.

WCAG 2.0: F84 (en inglés)

Este fallo se relaciona con:

  1. Criterio de conformidad 2.4.9 (Nivel AAA) Comprender 2.4.9
  • Enlaces: 19 Examinar
  • Enlaces con el mismo texto pero diferentes destinos: 2 Examinar

3 No existen enlaces para saltar bloques de contenido

G123: Agregar un enlace al principio de un bloque de contenido repetitivo que dirija al final del bloque

El propósito de esta técnica es proporcionar un mecanismo para eludir un bloque de contenido saltando al final del bloque. El primer enlace en el bloque o el enlace directamente anterior al bloque mueve el foco del teclado al contenido inmediatamente posterior al bloque. Cuando hay varios bloques para eludir, el usuario puede saltar de uno a otro usando estos enlaces. Los enlaces deben ser visibles siempre o cuando reciben el foco del teclado.

WCAG 2.0: G123 (en inglés)

Esta técnica se relaciona con:

  1. Criterio de conformidad 2.4.1 (Nivel A) Comprender 2.4.1
  • Enlaces: 19 Examinar
  • Enlaces para saltar bloques de contenido: 0

3 El primer enlace de la página no lleva al contenido principal de la página

G1: Agregar un enlace al principio de cada página que lleve directamente al área de contenido principal

El propósito de esta técnica es proporcionar un mecanismo para evitar bloques de material que se repiten en múltiples páginas saltando directamente al contenido principal de la página. El primer elemento interactivo de la página debe ser un enlace que, al activarlo, mueve el foco más allá de cualquier otro contenido hasta el contenido principal. Es preferible que los enlaces sean visibles en todo momento, sin embargo, el criterio también se cumple si los enlaces se hacen visibles cuando reciben el foco del teclado.

WCAG 2.0: G1 (en inglés)

Esta técnica se relaciona con:

  1. Criterio de conformidad 2.4.1 (Nivel A) Comprender 2.4.1
  • Enlaces: 19 Examinar
  • Enlace para saltar al contenido principal: 0

3 Falta el código de idioma en el atributo lang

H57: Usar atributos de idioma en el elemento html

El propósito de esta técnica es identificar el idioma predeterminado de un documento proporcionando el atributlo lang y/o xml:lang en el elemento html. Identificar el idioma del documento es importante para que las ayudas técnicas y las aplicaciones de usuario convencionales puedan procesar los textos con mayor fidelidad. Los lectores de pantalla pueden cargar las reglas de pronunciación adecuadas y los usuarios con discapacidad tendrán más posibilidades de entender el contenido. HTML sólo ofrece el uso del atributo lang mientras que XHTML 1.0 (como medida de transición) permite lang y xml:lang (ambos deben tener un mismo valor), y XHTML 1.1 sólo permite xml:lang.

WCAG 2.0: H57 (en inglés)

Esta técnica se relaciona con:

  1. Criterio de conformidad 3.1.1 (Nivel A) Comprender 3.1.1
  • Idioma principal de la página ausente: lang Examinar

Muy mal: 2 pruebas

1 Se usan 29 atributos para controlar la presentación visual

G140: Separar la información y la estructura en la presentación para permitir presentaciones diferentes

El propósito de esta técnica es facilitar la interacción de las ayudas técnicas con el contenido separando el contenido de su presentación. La codificación estructural es la indicación de elementos tales como títulos, párrafos, listas, tablas, etc. Por el contrario, la codificación de la presentación es la indicación de los efectos de formato como tipo de letra, color, tamaño, posición, bordes, etc.

Aunque las características de presentación implican visualmente una estructura -los usuarios pueden determinar los encabezados, párrafos, listas, etc., a partir de las convenciones de formato utilizadas- estas características no codifican la estructura de forma inequívoca para que las ayudas técnicas puedan interactuar con la página de forma eficaz. Proporcionar las capas de estructura, funcionalidad y presentación separadas permite que la semántica implícita en el formato pueda ser determinada por software a través de la capa de estructura.

WCAG 2.0: G140 (en inglés)

Esta técnica se relaciona con:

  1. Criterio de conformidad 1.3.1 (Nivel A) Comprender 1.3.1
  2. Criterio de conformidad 1.4.5 (Nivel AA) Comprender 1.4.5
  3. Criterio de conformidad 1.4.9 (Nivel AAA) Comprender 1.4.9
  • Atributos para controlar el estilo visual de la presentación: 29 Examinar

1 Hay 1 tabla de datos sin caption ni el atributo summary

H39: Usar elementos caption para asociar títulos de tabla con las tablas de datos

El propósito de esta técnica es asociar por software los títulos de las tablas de datos cuando los títulos se proporcionan en la presentación. El título de una tabla es un identificador de la tabla y actúa como un encabezado. El elemento caption es el marcado adecuado para tal texto y se asegura de que el identificador se asocie a la tabla, incluso visualmente. Además, usar el elemento caption permite que los lectores de pantalla naveguen directamente al título de la tabla si hay uno presente.

El elemento caption se puede utilizar aún si la tabla incluye un atributo summary. El elemento caption identifica la tabla mientras que el atributo summary ofrece una visión general de la finalidad o explica cómo navegar la tabla. Si se usan ambos, el título no debe duplicar la información en el resumen.

WCAG 2.0: H39 (en inglés)

Esta técnica se relaciona con:

  1. Criterio de conformidad 1.3.1 (Nivel A) Comprender 1.3.1
  • Tablas de datos: 1 Examinar
  • Tablas de datos sin el elemento caption ni el atributo summary: 1 Examinar

Tablero: 11 pruebas. Score 5.3

Lista completa de pruebas
# Situación N P N*P
1 Se usan 29 atributos para controlar la presentación visual 1 2.88 2.9
2 Hay 1 tabla de datos sin caption ni el atributo summary 1 1.8 1.8
3 Hay 2 enlaces con el mismo texto pero diferentes destinos 2 2.2 4.4
4 No existen enlaces para saltar bloques de contenido 3 2.88 8.6
5 El primer enlace de la página no lleva al contenido principal de la página 3 2.88 8.6
6 Falta el código de idioma en el atributo lang 3 2 6
7 Hay 1 tabla de datos compleja con celdas de datos sin el atributo headers 4 1.6 6.4
8 Se usa 1 elemento de encabezado 10 3.42 34.2
9 Todas las imágenes tienen una alternativa textual 10 2.7 27
10 No se usan elementos para controlar la presentación visual 10 2.2 22
11 La página tiene un elemento title 10 1.62 16.2
  2.380 12.555

Score ponderado = round( 12.555 / 2.380 ) = 5.3

Resultados por personas

  • Limitación total para ver: Score 5.3 (11 pruebas)
  • Limitación grave para ver: Score 5.3 (11 pruebas)
  • Limitación de los miembros superiores: Score 5.1 (8 pruebas)
  • Limitación para comprender: Score 5.0 (6 pruebas)
  • Limitaciones derivadas de la edad: Score 5.7 (9 pruebas)