Principio 1/1.3 Adaptable

Pauta 1.3: Crear contenido adaptable sin perder información ni estructura.

1.3.1 - Información y relaciones - Nivel: A

Objetivo: asegurar que la información y las relaciones existentes en el contenido transmitidas a través de la presentación también están disponibles cuando se cambie el formato de presentación (por ejemplo, cuando se accede con un lector de pantalla o cuando se sustituyen las hojas de estilo del sitio por hojas de estilo de los usuarios).

• 1.3.1-A. Encabezados adecuados Usar los elementos de encabezado (<h1>-<h6>) para identificar los textos que actúan como encabezados de secciones de contenido.

• 1.3.1-B. Evitar falsos encabezados No emplear los elementos de encabezado (<h1>-<h6>) para marcar textos que no son encabezados de sección.

• 1.3.1-C. Estructura lógica de encabezados La jerarquía de encabezados o el outline de la página debe reflejar la estructura lógica del contenido.

• 1.3.1-D. Listas estructuradas El contenido que representa elementos relacionados debe marcarse con <ol>, <ul> o <dl> según corresponda.

• 1.3.1-E. Evitar listas decorativas No usar elementos de lista con fines puramente presentacionales.

• 1.3.1-F. Tablas estructuradas La información tabular debe organizarse mediante <table>, <tr>, <th> y <td>.

• 1.3.1-G. Celdas de encabezado identificadas En las tablas de datos, las celdas de encabezado se deben identificar con <th> y las de datos con <td>.

• 1.3.1-H. Asociación entre celdas Las celdas de encabezado y de datos deben estar correctamente asociadas.

• 1.3.1-I. Uso de caption Si una tabla tiene título, debe identificarse con <caption> y describir adecuadamente la tabla.

• 1.3.1-J. Uso de summary El atributo summary debe describir la organización o el uso de la tabla.

• 1.3.1-K. Evitar duplicar caption y summary Cuando se usan ambos, sus contenidos no deben estar duplicados.

• 1.3.1-L. Tablas de maquetación limpias Las tablas de maquetación no deben usar elementos ni atributos propios de las tablas de datos.

• 1.3.1-M. Etiquetas de formulario Los campos de formulario deben tener una etiqueta asociada explícitamente o un título que describa su función.

• 1.3.1-N. Agrupar campos relacionados Los grupos de campos relacionados deben incluirse en un <fieldset> con su correspondiente <legend>.

• 1.3.1-O. Agrupar opciones En los menús <select>, las opciones relacionadas se deben agrupar mediante <optgroup>.

• 1.3.1-P. Color e información Si el color transmite información, esta también debe expresarse mediante marcado semántico o texto.

• 1.3.1-Q. Marcado semántico general Usar elementos estructurales y semánticos para reflejar la estructura y el énfasis del contenido, asegurando que la información transmitida visualmente también esté disponible mediante marcado o texto.

1.3.2 - Secuencia significativa - Nivel: A

Objetivo: lograr que los agentes de usuario puedan proporcionar presentaciones alternativas del contenido manteniendo el orden de lectura correcto para su comprensión.

• 1.3.2-A. Orden lógico de lectura El orden de lectura del contenido en el código debe tener sentido y coincidir con la presentación visual.

• 1.3.2-B. Tablas de maquetación legibles Las tablas usadas para maquetar deben mantener un orden comprensible cuando se leen de forma lineal.

• 1.3.2-C. Dirección del texto Se deben identificar correctamente los cambios en la dirección de lectura del texto.

1.3.3 - Características sensoriales - Nivel: A

Objetivo: asegurar que todos los usuarios pueden acceder al contenido y comprender las instrucciones para usarlo, incluso cuando no puedan percibir la forma, color, tamaño, localización espacial, orientación o sonido.

• 1.3.3-A. Evitar referencias sensoriales exclusivas Las instrucciones no deben depender solo de características sensoriales como forma, tamaño, posición, orientación o sonido.

1.3.4 - Orientación - Nivel: AA

Objetivo: lograr que se pueda visualizar y operar con todos los contenidos en cualquier tipo de orientación de la pantalla (vertical u horizontal), excepto si una orientación específica es esencial.

• 1.3.4-A. Contenido adaptable a la orientación No deben existir zonas inaccesibles o invisibles al cambiar la orientación del dispositivo.

1.3.5 - Identificar el propósito de la entrada - Nivel: AA

Objetivo: identificar el propósito de los campos de introducción de datos para que los navegadores y tecnologías de apoyo puedan reconocer automáticamente su finalidad.

• 1.3.5-A. Propósito de los campos de datos Se debe usar un método que permita al navegador identificar automáticamente el tipo de dato solicitado (por ejemplo, nombre, correo, dirección, etc.).