Principio 1/1.3 Adaptable/1.3.4-A

1.3.4-A. Contenido adaptable a la orientación

1_Perceptible 1.3_Adaptable

• Nivel: AA
• Versión: 2.2
• Principio: [[{{{wcag_principio_url}}}|1_Perceptible]]
• Pauta: [[{{{wcag_pauta_url}}}|1.3_Adaptable]]
• Grupo: Diseño adaptable
• Subgrupo: Orientación de pantalla

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

• Motriz – Barrera grave
• Baja visión – Barrera moderada
• Cognitiva – Barrera leve

Enunciado del criterio (Observatorio de Accesibilidad Web)

• El contenido no debe obligar al usuario a visualizarlo o manejarlo en una única orientación (vertical u horizontal), salvo cuando esta orientación sea indispensable para comprender o utilizar correctamente el contenido.

Comprensión del criterio

Descripción resumida

El sitio o aplicación debe adaptarse correctamente a cualquier orientación del dispositivo (vertical o horizontal) sin pérdida de información ni bloqueo de funciones, salvo cuando una orientación específica sea esencial para la funcionalidad.

Objetivo

Garantizar que las personas con movilidad reducida o que usan dispositivos fijos puedan acceder y manejar el contenido sin necesidad de rotar el dispositivo. Este criterio mejora la accesibilidad y la experiencia de uso en todo tipo de pantallas.

Importancia de cumplir el criterio

Bloquear la orientación puede generar zonas invisibles o inaccesibles, pérdida de información y dificultad de interacción. Cumplir este criterio evita barreras graves para personas con movilidad limitada y mejora la adaptabilidad general del diseño web.

Referencias WCAG

• Understanding Success Criterion 1.3.4: Orientation (W3C)

Recursos de apoyo

• Guía de Mozilla sobre consultas CSS de orientación
• Pautas W3C sobre accesibilidad en dispositivos móviles

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

1. Paso 1. Abrir la página y acceder a las herramientas de desarrollo del navegador.
2. Paso 2. Activar la simulación de dispositivo (por ejemplo, “Toggle device toolbar” en Chrome o “Vista de diseño adaptable” en Firefox).
3. Paso 3. Cambiar entre orientación vertical y horizontal.
4. Paso 4. Verificar que el contenido se visualiza correctamente y que las funciones siguen siendo operables en ambas orientaciones.
5. Paso 5. Asegurar que no existen mensajes que obliguen al usuario a girar el dispositivo ni código que bloquee la orientación.

Resultado esperado

El contenido se muestra correctamente y es completamente operable tanto en orientación vertical como horizontal, sin pérdida de información ni funcionalidad.

Ejemplo

Se muestra un diseño flexible que se adapta automáticamente a cualquier orientación de pantalla.

Otras herramientas de evaluación

Usa directamente un móvil o tablet para visualizar las dos orientaciones en el dispositivo.

Comentarios

A continuación se muestran comentarios sobre el criterio 1.3.4-A. Contenido adaptable a la orientación

Loading comments...