Diferencia entre revisiones de «Principio 1/1.3 Adaptable»

De WCAG Wiki
← Edición anteriorEdición siguiente →
VisualWikitexto
Sin resumen de edición
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. ==


<html>
<!--
=== '''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).
Línea 40: Línea 42:


* [[Principio 1/1.3 Adaptable/1.3.1-Q|'''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''']] 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
-->
</html>
=== '''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).
* [[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-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-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-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. Evitar listas decorativas''']] No usar elementos de lista con fines puramente presentacionales.
* [[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>.
* [[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>.
* [[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.
* [[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.
* [[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.
* [[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.
* [[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.
* [[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.
* [[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>.
* [[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>.
* [[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.
* [[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.
[[Category:Principio1]]


=== '''1.3.2 - SECUENCIA SIGNIFICATIVA NIVEL: A''' ===
=== '''1.3.2 - SECUENCIA SIGNIFICATIVA NIVEL: A''' ===

Revisión del 23:22 21 oct 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.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
Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_1/1.3_Adaptable&oldid=1152»