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 El orden de lectura del contenido en el código de la página debe tener sentido

• 1.3.2-B Las tablas de maquetación deben tener sentido cuando se leen de forma lineal

• 1.3.2-C Se deben identificar 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 La información y las instrucciones dadas a los usuarios para entender y operar el contenido no deben depender exclusivamente de las características sensoriales de los elementos como su forma, tamaño, ubicación visual, 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 (p.ej. en vertical o en horizontal), excepto si se considera como esencial una orientación específica.

• 1.3.4-A? No deben existir zonas con las que no se pueda operar o que no se muestren en cualquiera de las configuraciones de 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 de forma que se pueda determinar automáticamente la finalidad de aquellos que solicitan información acerca de las personas.

• 1.3.5-A Debe incorporarse algún método para que el navegador pueda determinar automáticamente el tipo de datos requerido