Diferencia entre revisiones de «Principio 1/1.3 Adaptable»

De WCAG Wiki
← Edición anterior
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
 
(No se muestran 24 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
== Pauta 1.3: Crear contenido adaptable sin perder información ni estructura. ==
== Pauta 1.3: Crear contenido adaptable sin perder información ni estructura. ==


=== '''1.3.1 - INFORMACIÓN Y RELACIONES NIVEL: A''' ===
 
=== '''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).
'''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).


* '''[[Principio 1/1.3 Adaptable/1.3.1-A|1.3.1-A]]''' Se deben usar los elementos de encabezado (<nowiki><h1>-<h6>) para identificar los textos que actúan como encabezados de secciones de contenido</nowiki>
* [[Principio 1/1.3 Adaptable/1.3.1-A|'''1.3.1-A. Encabezados adecuados''']] Usar los elementos de encabezado (<nowiki><h1>-<h6></nowiki>) para identificar los textos que actúan como encabezados de secciones de contenido.
* [[Principio 1/1.3 Adaptable/1.3.1-A BIS|'''1.3.1-A BIS?''']]


* [[Principio 1/1.3 Adaptable/1.3.1-B|'''1.3.1-B''']] No se deben emplear los elementos de encabezado (<nowiki><h1>-<h6>) para marcar textos que no son encabezados de sección de contenido</nowiki>
* [[Principio 1/1.3 Adaptable/1.3.1-B|'''1.3.1-B. Evitar falsos encabezados''']] No emplear los elementos de encabezado (<nowiki><h1>-<h6></nowiki>) para marcar textos que no son encabezados de sección.
* [[Principio 1/1.3 Adaptable/1.3.1-B BIS|'''1.3.1-B BIS''']]


* [[Principio 1/1.3 Adaptable/1.3.1-C|'''1.3.1-C?''']] La estructura de encabezados (o el outline de la página si se emplean encabezados y secciones de HTML5) debe tener sentido y reflejar la estructura lógica del contenido de la página
* [[Principio 1/1.3 Adaptable/1.3.1-C|'''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.
* [[Principio 1/1.3 Adaptable/1.3.1-C BIS|'''1.3.1-C BIS''']]


* [[Principio 1/1.3 Adaptable/1.3.1-D|'''1.3.1-D''']] El contenido que se muestra como un listado de elementos relacionados entre sí (incluyendo los enlaces de menús y barras de navegación) se debe marcar con los elementos adecuados de lista (<nowiki><ol> para listas ordenadas, <ul> para listas desordenadas y <dl>, <dt> y <dd> para listas de términos y definiciones)</nowiki>
* [[Principio 1/1.3 Adaptable/1.3.1-D|'''1.3.1-D. Listas estructuradas''']] El contenido que representa elementos relacionados debe marcarse con <nowiki><ol></nowiki>, <nowiki><ul></nowiki> o <nowiki><dl></nowiki> según corresponda.


* [[Principio 1/1.3 Adaptable/1.3.1-E|'''1.3.1-E?''']] No se deben emplear los elementos de lista únicamente con fines presentacionales para marcar contenidos que no son elementos relacionados entre sí.
* [[Principio 1/1.3 Adaptable/1.3.1-E|'''1.3.1-E. Evitar listas decorativas''']] No usar elementos de lista con fines puramente presentacionales.


* 1.3.1-F La información tabular se debe estructurar mediante elementos de tablas de datos (<nowiki><table>,<tr></nowiki>, <nowiki><th>, <td></nowiki>)
* [[Principio 1/1.3 Adaptable/1.3.1-F|'''1.3.1-F. Tablas estructuradas''']] La información tabular debe organizarse mediante <nowiki><table>, <tr>, <th> y <td></nowiki>.


* 1.3.1-G? En las tablas de datos se deben identificar las celdas de encabezado con el elemento <nowiki><th> y las celdas de datos con <td></nowiki>
* [[Principio 1/1.3 Adaptable/1.3.1-G|'''1.3.1-G. Celdas de encabezado identificadas''']] En las tablas de datos, las celdas de encabezado se deben identificar con <nowiki><th></nowiki> y las de datos con <nowiki><td></nowiki>.


* 1.3.1-H En las tablas de datos se deben asociar adecuadamente las celdas de encabezado con las celdas de datos
* [[Principio 1/1.3 Adaptable/1.3.1-H|'''1.3.1-H. Asociación entre celdas''']] Las celdas de encabezado y de datos deben estar correctamente asociadas.


* 1.3.1-I? En las tablas de datos que disponen de un título éste se deb eidentificar mediante el elemento <nowiki><caption> y dicho título debe identificar adecuadamente la tabla</nowiki>
* [[Principio 1/1.3 Adaptable/1.3.1-I|'''1.3.1-I. Uso de caption''']] Si una tabla tiene título, debe identificarse con <nowiki><caption></nowiki> y describir adecuadamente la tabla.


* 1.3.1-J En las tablas de datos que disponen de un atributo summary, dicho atributo debe describir la organización de la tabla o explicar cómo se usa.
* [[Principio 1/1.3 Adaptable/1.3.1-J|'''1.3.1-J. Uso de summary''']] El atributo <nowiki>summary</nowiki> debe describir la organización o el uso de la tabla.


* 1.3.1-K? En las tablas de datos que contienen tanto el elemento <nowiki><caption> como el atributo summary, el contenido de ambos no debe estar duplicado.</nowiki>
* [[Principio 1/1.3 Adaptable/1.3.1-K|'''1.3.1-K. Evitar duplicar caption y summary''']] Cuando se usan ambos, sus contenidos no deben estar duplicados.


* 1.3.1-L En las tablas de maquetación no se deben emplear elementos o atributos propios de las tablas de datos (<nowiki><th>, <caption>, summary, scope, headers).</nowiki>
* [[Principio 1/1.3 Adaptable/1.3.1-L|'''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 Los campos de formulario deben tener una etiqueta asociada explícitamente o, en su defecto, al menos tienen un título que describa su función
* [[Principio 1/1.3 Adaptable/1.3.1-M|'''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? Los grupos de campos de formulario relacionados entre sí que requieren de una descripción de todo el grupo, de forma adicional a las etiquetas individuales, se deben agrupar dentro de un elemento fieldset y describirse con el elemento legend
* [[Principio 1/1.3 Adaptable/1.3.1-N|'''1.3.1-N. Agrupar campos relacionados''']] Los grupos de campos relacionados deben incluirse en un <nowiki><fieldset></nowiki> con su correspondiente <nowiki><legend></nowiki>.


* 1.3.1-O En los elementos select donde haya diferentes grupos de opciones relacionadas entre sí dichas opciones se deben agrupar mediante el elemento optgroup
* [[Principio 1/1.3 Adaptable/1.3.1-O|'''1.3.1-O. Agrupar opciones''']] En los menús <nowiki><select></nowiki>, las opciones relacionadas se deben agrupar mediante <nowiki><optgroup></nowiki>.


* 1.3.1-P? Cuando el color se emplea para transmitir información también se debe transmitir dicha información mediante el marcado semántico o estructural, o al menos en forma de texto
* [[Principio 1/1.3 Adaptable/1.3.1-P|'''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 En general, se deben emplear elementos estructurales y semánticos para marcar la estructura del contenido de la página y el texto especial o enfatizado, haciendo que toda la información y las relaciones del contenido transmitidas a través de la presentación visual también se marquen con dichos elementos estructurales y semánticos o, en su defecto, directamente en forma de texto
* [[Principio 1/1.3 Adaptable/1.3.1-Q|'''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''' ===
=== '''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.
'''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
* [[Principio 1/1.3 Adaptable/1.3.2-A|'''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.
 
* [[Principio 1/1.3 Adaptable/1.3.2-B|'''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.
 
* [[Principio 1/1.3 Adaptable/1.3.2-C|'''1.3.2-C. Dirección del texto''']] Se deben identificar correctamente los cambios en la dirección de lectura del texto.


* 1.3.2-B Las tablas de maquetación deben tener sentido cuando se leen de forma lineal
=== '''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.2-C Se deben identificar los cambios en la dirección de lectura del texto
* [[Principio 1/1.3 Adaptable/1.3.3-A|'''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.3 - CARACTERÍSTICAS SENSORIALES NIVEL: A''' ===
=== '''1.3.4 - Orientación - Nivel: AA''' ===
'''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
'''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.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
* [[Principio 1/1.3 Adaptable/1.3.4-A|'''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.4 - ORIENTACIÓN NIVEL: AA''' ===
=== '''1.3.5 - Identificar el propósito de la entrada - 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.
'''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.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.
* [[Principio 1/1.3 Adaptable/1.3.5-A|'''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.).


=== '''1.3.5 – IDENTIFICAR EL PROPÓSITO DE LA ENTRADA NIVEL: AA''' ===
[[Category:Principio1]]
'''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


[[Category:Principio1]]
[[Category:Principio1]]

Revisión actual - 17:29 4 nov 2025

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

Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_1/1.3_Adaptable&oldid=3272»