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

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

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

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

El propósito de esta técnica es demostrar cómo se pueden utilizar las CSS para controlar la presentación visual del texto. Esto permitirá a los usuarios modificar, a través de la aplicación de usuario, las características visuales del texto para satisfacer sus necesidades.

Las CSS benefician la accesibilidad principalmente por la separación de la estructura del documento de su presentación. Las hojas de estilo fueron diseñadas para permitir un control preciso -por fuera del sistema de marcas- del espaciado entre caracteres, alineación del texto, la posición del objeto en la página, las características de la fuente, etc. Al separar el estilo del sistema de marcas, los autores pueden simplificar y limpiar el marcado en su contenido, logrando al mismo tiempo que sea más accesible. Ejemplos:

code {font-family:"Courier New", Courier, monospace}
.right {text-align: right;}
strong.largersize {font-size: 1.5em;}
.highlight {font-weight:bold; color:#990000;}

WCAG 2.0: C22 (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.4 (Nivel AA) Comprender 1.4.4
3. Criterio de conformidad 1.4.5 (Nivel AA) Comprender 1.4.5
4. Criterio de conformidad 1.4.9 (Nivel AAA) Comprender 1.4.9

Este fallo demuestra cómo el uso de los elementos HTML genéricos para crear controles de interfaz de usuario pueden hacer que los controles resulten inaccesibles para las ayudas técnicas. Muchos elementos HTML tienen roles bien definidos, como los enlaces, los botones, campos de texto, etc. Los elementos genéricos, como div o span no tienen roles predefinidos. Cuando se utilizan estos elementos genéricos para crear controles de interfaz de usuario las ayudas técnicas pueden no tener la información necesaria para describir e interactuar con el control.

Cuando se usan los controles estándares de las tecnologías accesibles, es sencillo para las ayudas técnicas poder reunir información acerca de, activar (o establecer) y actualizar el estado de los controles de la interfaz de usuario presentes en el contenido. Si se crean controles personalizados o se programan elementos para la interfaz (en el código o mediante scripts) que tienen un papel y/o función distintos a lo habitual, entonces se deben tomar medidas adicionales para garantizar que los controles proporcionan la información necesaria a las ayudas técnicas.

WCAG 2.0: F59 (en inglés)

Este fallo se relaciona con:

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