Informe

El propósito de esta técnica es describir cómo el elemento link puede proporcionar metadatos sobre la posición de una página HTML dentro de un conjunto de páginas web o puede ayudar a localizar el contenido en un conjunto de páginas. El valor de los atributos rel indica qué tipo de relación se está describiendo y el atributo href proporciona un vínculo al documento que tiene esa relación. Múltiples elementos link pueden proporcionar múltiples relaciones. Ejemplos:

<link rel="Contents" href="contenidos.html" title="Tabla de contenidos" />
<link rel="Index" href="index.html" title="Indice" />

WCAG 2.0: H59 (en inglés)

Esta técnica se relaciona con:

1. Criterio de conformidad 2.4.5 (Nivel AA) Comprender 2.4.5
2. Criterio de conformidad 2.4.8 (Nivel AAA) Comprender 2.4.8

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

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 que los usuarios puedan aumentar el tamaño del texto sin tener que desplazarse horizontalmente para leer una línea de texto. Para utilizar esta técnica, el autor debe especificar el ancho de los contenedores de texto usando valores de porcentaje.

Verifique que sea posible ampliar en un 200% los textos sin requerir el uso de las barras de desplazamiento horizontal para leer cualquier línea de texto.

Cuando se brinda la posibilidad de ajustar el texto se está permitiendo que el texto sea ampliado sin necesidad de efectuar desplazamientos laterales para ver todo el contenido. Cuando esto es posible se dice que el texto fluye y permite, a las personas con baja visión y con problemas cognitivos, incrementar el tamaño del texto sin sentirse desorientadas. Ejemplo:

div#container {width: 80%}

WCAG 2.0: C24 (en inglés)

Esta técnica se relaciona con:

1. Criterio de conformidad 1.4.8 (Nivel AAA) Comprender 1.4.8

El propósito de esta técnica es proporcionar un mecanismo que permita agregar imágenes puramente decorativas e imágenes usadas para dar formato visual al contenido sin necesidad de marcas adicionales en el contenido. Esto hace posible que las ayudas técnicas ignoren el contenido no textual. Cuando las imágenes son decorativas es aceptable el uso del atributo alt nulo pero las imágenes que no transmiten información ni proporcionan alguna funcionalidad deberían incluirse mediante CSS. Ejemplos:

body {background: #ffe url("/images/home-bg.jpg") repeat;}
ul {list-style-image: url("bullet.gif")}
p:before {content: url("smiley.gif")}

WCAG 2.0: C9 (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 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

Los usuarios con pérdida de visión o capacidad cognitiva, con problemas de lenguaje y de aprendizaje suelen preferir combinaciones específicas de colores de primer plano y de fondo que les facilitan ver la página. Muchas aplicaciones permiten a los usuarios elegir los colores de primer plano o de fondo que les gustaría ver cuando los colores no han sido especificados por el autor.

A menos que un autor especifique los colores de primer plano y de fondo no podrá garantizar que el usuario tendrá un contraste que cumpla con los requisitos de contraste. Si el autor especifica un color del texto en primer plano, entonces debería especificar también un color de fondo que tenga suficiente contraste con el primer plano y viceversa.

No es estrictamente necesario que ambos colores se encuentren definidos en la misma regla CSS, aunque es una práctica recomendable. Dado que las propiedades de color CSS se heredan de los elementos padres, es suficiente con que ambos colores se definan ya sea directamente o a través de la herencia. Ejemplo:

div {color: white; background-color: black;}

WCAG 2.0: F24 (en inglés)

Este fallo se relaciona con:

1. Criterio de conformidad 1.4.3 (Nivel AA) Comprender 1.4.3
2. Criterio de conformidad 1.4.6 (Nivel AAA) Comprender 1.4.6
3. Criterio de conformidad 1.4.8 (Nivel AAA) Comprender 1.4.8

El propósito de esta técnica es crear listas de elementos relacionados utilizando los elementos de lista apropiados. El elemento ol se usa cuando la lista está ordenada y el elemento ul se utiliza cuando la lista no está ordenada. Las listas de definiciones (dl) se usan para agrupar términos con sus definiciones.

Cuando se utiliza un marcado que da formato visual a los elementos como una lista pero no indica la relación entre los elementos, los usuarios pueden tener dificultades para navegar la información. Un ejemplo de este formato visual es incluir asteriscos al principio de cada elemento de la lista y usar <br> para separar los elementos.

WCAG 2.0: H48 (en inglés)

Esta técnica se relaciona con:

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

Los valores duplicados de tipo id pueden ser problemáticos para las aplicaciones de usuario que dependen de este atributo para comunicar con precisión las relaciones entre las distintas partes del contenido a los usuarios. Por ejemplo, un lector de pantalla puede utilizar los valores id para identificar la cabecera aplicable a una celda de datos dentro de una tabla, o un control de entrada al que se aplica una etiqueta determinada. Si estos valores no son únicos, el lector de pantalla no será capaz de determinar mediante programación qué cabeceras están asociados con la celda de datos o qué control está asociado a la etiqueta o el nombre.

WCAG 2.0: F77 (en inglés)

Este fallo se relaciona con:

1. Criterio de conformidad 4.1.1 (Nivel A) Comprender 4.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 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

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

Muchas personas con algunos tipos de discapacidad cognitiva tienen dificultades para seguir las líneas de texto cuando en un bloque de texto las líneas están muy juntas debido a un espaciado de línea simple. Un espacio de entre 1,5 y 2 les permite iniciar una nueva línea con mayor facilidad una vez que han terminado la anterior. Los espacios adicionales entre líneas y párrafos le permiten a estas personas ubicar mejor la línea siguiente y reconocer cuando llegaron al final de cada párrafo. Para ellos es aún mejor si existen diferentes opciones, por ejemplo, un espacio y medio y doble espaciado entre líneas. Ejemplo:

p {line-height: 150%;}

WCAG 2.0: C21 (en inglés)

Esta técnica se relaciona con:

1. Criterio de conformidad 1.4.8 (Nivel AAA) Comprender 1.4.8