Informe

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

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

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

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

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

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

Este fallo describe un error que ocurre cuando no se usa correctamente el elemento label para asociar explícitamente un control de formulario con una etiqueta. El texto de la etiqueta identifica el propósito del control. Un elemento label se asocia a un determinado control a través del atributo for, que debe ser el mismo que el valor del atributo id del control de formulario.

El elemento label no se usa en los siguientes casos porque las etiquetas para estos elementos están proporcionadas a través del atributo value (para los botones submit y reset), el atributo alt (para botones gráficos) o el contenido del propio elemento (button)

• Botones submit o reset (input type="submit" o input type="reset")
• Botones gráficos (input type="image")
• Campos ocultos (input type="hidden")
• Botones para scripts (elementos button o input type="button")

WCAG 2.0: F68 (en inglés)

Este fallo se relaciona con:

1. Criterio de conformidad 1.3.1 (Nivel A) Comprender 1.3.1
2. Criterio de conformidad 4.1.2 (Nivel A) Comprender 4.1.2

Los elementos label permiten asociar una etiqueta de texto con los controles de formulario para brindar información sobre los controles. El propósito de esta técnica es utilizar el atributo title para etiquetar los controles de formulario cuando el diseño visual no permite acomodar la etiqueta o cuando puede resultar confuso mostrar una etiqueta. Las aplicaciones de usuario, incluyendo las ayudas técnicas, pueden leer el atributo title que reemplaza la función de label.

WCAG 2.0: H65 (en inglés)

Esta técnica se relaciona con:

1. Criterio de conformidad 1.1.1 (Nivel A) Comprender 1.1.1
2. Criterio de conformidad 1.3.1 (Nivel A) Comprender 1.3.1
3. Criterio de conformidad 3.3.2 (Nivel A) Comprender 3.3.2
4. Criterio de conformidad 4.1.2 (Nivel A) Comprender 4.1.2

El propósito de esta técnica es especificar el tamaño de fuente de texto proporcionalmente, de forma que las aplicaciones de usuario puedan escalar el contenido con eficacia. El aumento del tamaño del contenido es, en primer término, una responsabilidad de las aplicaciones de usuario pero la responsabilidad del autor es crear contenido web que no le impida a las aplicaciones de usuario escalar efectivamente el texto.

La intención es asegurar que el texto procesado visualmente, incluyendo los controles basados en texto, puedan ser aumentados de tamaño para que las personas con problemas visuales puedan leerlo sin necesidad de usar ayudas técnicas. Ejemplos:

strong {font-size: 120%}
strong {font-size: 1.2em}

WCAG 2.0: C12 (en inglés)

Esta técnica se relaciona con:

1. Criterio de conformidad 1.4.4 (Nivel AA) Comprender 1.4.4