Información y relaciones:
Comprender CC 1.3.1
1.3.1 Información y relaciones: La información, estructura y relaciones comunicadas a través de la presentación pueden ser determinadas por software o están disponibles como texto. (Nivel A)
Proposito de este Criterio de Conformidad
La intención de este Criterio de Conformidad es asegurar que la información y las relaciones implícitas en el formato visual o auditivo se mantengan cuando cambie el formato de la presentación. Por ejemplo, el formato de la presentación cambia cuando un lector de pantalla lee el contenido o cuando se sustituye la hoja de estilo proporcionada por el autor.
Las personas videntes pueden percibir la estructura a través de varios indicadores visuales. Por ejemplo, los títulos por lo general tienen una fuente más grande, están en negritas y separados de los párrafos por espacios en blanco; los elementos en una lista van precedidos por una viñeta y probablemente con sangría; los párrafos están separados por una línea en blanco; los elementos que tienen características comunes están organizados en filas o columnas; los campos de formulario pueden estar organizados en grupos que comparten los textos de las etiquetas; se puede usar un color de fondo diferente para indicar que varios elementos están relacionados entre sí; las palabras con un significado especial están marcadas con otra fuente, en negritas, cursivas o subrayadas, etcétera.
También se pueden utilizar indicaciones sonoras. Por ejemplo, el repique de una campana puede indicar el comienzo de una nueva sección; el cambio en la velocidad o tono de la voz se puede utilizar para resaltar información importante o para indicar que el texto es una cita, etcétera.
Cuando esas relaciones son perceptibles para un grupo de usuarios, se puede lograr que esas relaciones sean perceptibles para todos los usuarios. Un método para comprobar que la información resulta accesible para todos los usuarios consiste en acceder a la información utilizando diferentes modalidades.
Si se proporcionan enlaces a los términos de un glosario a través de anclas (o el elemento link apropiado para la tecnología en uso) y se identifican usando una fuente diferente, los usuarios de lectores de pantalla podrán oír que el elemento es un enlace cuando se encuentren con un término del glosario, aún cuando no reciban la información acerca del cambio de fuente. Un catálogo en línea puede presentar los precios de los productos utilizando una fuente más grande de color rojo. Un lector de pantalla o una persona que no percibe el color rojo recibe la misma información siempre y cuando el precio tenga adelante el símbolo indicador de dinero.
Algunas tecnologías no proporcionan los medios para determinar automáticamente algunos tipos de información y relaciones. En esos casos se debe proporcionar una descripción textual de la información y las relaciones. Por ejemplo, "todos los campos obligatorios están marcados con un asterisco (*)". La descripción textual debe estar cerca de la información que describe (cuando la página es organizada linealmente), ya sea en el elemento padre o en el elemento adyacente.
También pueden existir casos en los que se deberá decidir qué información deberá aparecer en el texto y cuál deberá estar asociada directamente, y si será apropiado duplicar la información (por ejemplo, en una tabla HTML, proporcionar un resumen en el párrafo anterior a la tabla y también en el atributo summary de la propia tabla). Sin embargo, siempre que sea posible es preferible que la información pueda ser determinada por software en vez de proporcionar una descripción textual antes de la tabla.
Nota: No se require que el valor de los colores sea determinado por software. La información transmitida por el color no puede ser presentada adecuadamente simplemente a través del valor. Por ese motivo, el Criterio de Conformidad 1.4.1 trata sobre el caso específico del color, antes que el Criterio de Conformidad 1.3.1.
Beneficios específicos del Criterio de Conformidad 1.3.1:
Este Criterio de Conformidad ayuda a las personas con discapacidad al permitir que las aplicaciones de usuario adapten el contenido de acuerdo a las necesidades de cada usuario.
Los usuarios ciegos (que usan lectores de pantalla) se benefician cuando la información transmitida a través del color está disponible también en texto (incluyendo las alternativas textuales de las imágenes que usan el color para transmitir información).
Los usuarios sordo-ciegos que usan el sistema braille no pueden acceder a la información que depende del color.
Ejemplos del Criterio de Conformidad 1.3.1
Un formulario con campos obligatorios
Un formulario contiene varios campos obligatorios. Las etiquetas de los campos obligatorios son de color rojo. Además, al final de las etiquetas hay un asterisco, *. Las instrucciones para completar el formulario indican que "todos los campos obligatorios están en rojo y marcados con un asterisco", y a continuación se incluye un ejemplo.
Un formulario que utiliza color y texto para indicar los campos obligatorios
Un formulario contiene algunos campos obligatorios y otros opcionales. Las instrucciones en la parte superior de la página explican que los campos obligatorios están marcados con texto de color rojo y también con un ícono cuya alternativa textual dice: "Obligatorio". Tanto el texto en rojo como el ícono están asociados por software con los campos correspondientes, de modo que los usuarios de ayudas técnicas pueden identificar los campos obligatorios.
Una tabla con los horarios de autobuses cuyos encabezados para cada celda pueden ser determinados por software
El horario consiste en una tabla con las paradas de los autobuses listadas verticalmente en la primer columna y los distintos autobuses listados horizontales en la primer fila. Cada celda contiene la hora en que el autobus pasará por cada una de las paradas. Las celdas de los autobuses y las paradas están identificadas como encabezados de su correspondiente fila o columna, de modo que las ayudas técnicas pueden determinar por software qué autobus y qué parada están asociadas con la hora de cada celda.
Un formulario donde las etiquetas de las casillas de verificación pueden ser determinadas por software
En un formulario, las etiquetas para cada una de las casillas de verificación pueden ser determinadas por las ayudas técnicas.
Un documento de texto
En el formato de un documento de texto simple se usa una doble línea en blanco antes de los títulos, asteriscos para indicar los elementos de una lista y otras convenciones gráficas estándares, de modo que la estructura del documento puede ser determinada por software.
Recursos relacionados
Los recursos tienen un propósito puramente informativo y no implican ningún aval.
Técnicas y Fallos para el Criterio de Conformidad 1.3.1 - Información y relaciones
Cada elemento enumerado en esta sección representa una técnica o una combinación de técnicas que el Grupo de Trabajo WCAG considera suficientes para cumplir con este Criterio de Conformidad. Las técnicas enumeradas sólo satisfacen el Criterio de Conformidad si se cumple con todos los requisitos de conformidad de las WCAG 2.0.
Técnicas suficientes
Instrucciones: Seleccione a continuación la situación que coincida con su contenido. Cada situación incluye técnicas o combinaciones de técnicas que son conocidas y están documentadas para resultar suficientes para esa situación.
Situación A: La tecnología proporciona una estructura semántica para lograr que la información y las relaciones transmitidas a través de la presentación sea determinable por software:
G115: Usar elementos semánticos para marcar la estructura Y H49: Usar marcado semántico para identificar el texto especial o enfatizado (HTML)
Hacer que la información y las relaciones transmitidas a través de la presentación sea determinada por software usando las siguientes técnicas:
G138: Usar marcado semántico siempre que se use pistas basadas en el color
H39: Usar elementos caption para asociar títulos de tabla con las tablas de datos (HTML)
FLASH31: Especificar el texto del título de un DataGrid (Flash)
H73: Usar el atributo summary del elemento table para brindar un resumen de las tablas de datos (HTML)
FLASH23: Añadir información de resumen a un DataGrid (Flash)
FLASH21: Usar el componente DataGrid para asociar las columnas de encabezados con las celdas (Flash)
H44: Usar los elementos label para asociar etiquetas con los controles de formulario (HTML)
FLASH29: Establecer la propiedad label para los componentes de los formularios (Flash)
FLASH25: Etiquetar un control de formulario mediante el establecimiento de su nombre accesible (Flash)
H85: Usar OPTGROUP para agrupar los elementos OPTION dentro de un SELECT (HTML)
SCR21: Usar funciones del Modelo de Objetos del Documento (DOM) para añadir contenido a una página (Script)
Situación B: La tecnología usada NO proporciona una estructura semántica para lograr que la información y las relaciones transmitidas a través de la presentación sea determinable por software:
FLASH8: Agregar un nombre de grupo al nombre accesible de un control de formulario (Flash)
Hacer que la información y las relaciones transmitidas a través de la presentación sea determinada por software o estén disponibles en texto usando las siguientes técnicas:
Técnicas adicionales (recomendables) para 1.3.1
Aunque no se requieren para lograr la conformidad, las siguientes técnicas adicionales deben ser consideradas a fin de hacer más accesibles los contenidos. No todas las técnicas podrán ser utilizadas o resultarán eficaces en todas las situaciones.
C22: Usar CSS para controlar la presentación visual del texto (CSS)
Usar CSS en vez de tablas para disponer la página (futuro enlace)
G162: Posicionar las etiquetas para optimizar las previsibilidad de las relaciones
ARIA2: Identificar los campos obligatorios con la propiedad "required" (ARIA)
Proporcionar etiquetas para todos los controles de formulario que no tienen etiquetas implícitas (futuro enlace)
Fallos comunes para el CC 1.3.1
Los siguientes son los errores comunes que son considerados fallos al Criterio de Conformidad 1.3.1 por el Grupo de Trabajo WCAG.
Términos clave
- determinado por software (determinable por software)
Determinado por software a partir de la información suministrada por el autor de modo tal que las aplicaciones de usuario, incluyendo las ayudas técnicas, pueden extraer y presentar esta información a los usuarios de distintas maneras.
Ejemplo 1: Determinado en el lenguaje de marcas a partir de elementos y atributos a los que acceden directamente las ayudas técnicas comúnmente disponibles.
Ejemplo 2: Determinado a partir de la estructura de datos de una tecnología específica que no es un lenguaje de marcas y expuesta a las ayudas técnicas a través de una API de accesibilidad que es soportada por las ayudas técnicas comúnmente disponibles.
- estructura
La forma en que las partes de una página web están organizadas entre sí; y
La forma en que una colección de páginas web está organizada.
- presentación
El procesamiento del contenido de manera que pueda ser percibido por los usuarios.
- relaciones
Las asociaciones significativas entre distintas partes del contenido.