Diferencia entre revisiones de «Principio 1/1.3 Adaptable/1.3.4-A»
De WCAG Wiki
< Principio 1 | 1.3 Adaptable
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 1: | Línea 1: | ||
{{CriterioWCAG | {{CriterioWCAG | ||
| | |id_wcag_criterio=1.3.4 | ||
| | |id_wcag_subcriterio=1.3.4-A | ||
| | |wcag_titulo_criterio=1.3.4-A. Contenido adaptable a la orientación | ||
| | |wcag_nivel=AA | ||
| | |wcag_version=2.2 | ||
| | |wcag_principio=1.Perceptible | ||
| | |wcag_principio_enlace=Principio_1 | ||
| | |wcag_pauta=1.3.Adaptable | ||
| | |wcag_pauta_enlace=Principio_1/1.3_Adaptable | ||
| | |wcag_grupo=Diseño adaptable | ||
| | |wcag_subgrupo=Orientación de pantalla | ||
|wcag_discapacidades= | |||
<li class="discapacidad-item"> | <li class="discapacidad-item"> | ||
[[Archivo:Motriz.png|20px|class=icon-discapacidad|alt=Discapacidad motriz]] | [[Archivo:Motriz.png|20px|class=icon-discapacidad|alt=Discapacidad motriz]] | ||
| Línea 29: | Línea 30: | ||
</li> | </li> | ||
| | |wcag_lista_discapacidades= | ||
[[Categoría:Discapacidad motriz]] | [[Categoría:Discapacidad motriz]] | ||
[[Categoría:Discapacidad baja visión]] | [[Categoría:Discapacidad baja visión]] | ||
[[Categoría:Discapacidad cognitiva]] | [[Categoría:Discapacidad cognitiva]] | ||
| | |wcag_texto_criterioOAW = | ||
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. | 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. | ||
| | |wcag_descripcion_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. | 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. | ||
| | |wcag_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. | 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. | ||
| | |wcag_importancia= | ||
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. | 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. | ||
| | |wcag_referencias= | ||
<ul> | <ul> | ||
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/orientation.html Understanding Success Criterion 1.3.4: Orientation (W3C)]</span></li> | <li><span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/orientation.html Understanding Success Criterion 1.3.4: Orientation (W3C)]</span></li> | ||
</ul> | </ul> | ||
| | |wcag_recursos= | ||
<ul> | <ul> | ||
<li>[https://developer.mozilla.org/es/docs/Web/CSS/@media/orientation Guía de Mozilla sobre consultas CSS de orientación]</li> | <li>[https://developer.mozilla.org/es/docs/Web/CSS/@media/orientation Guía de Mozilla sobre consultas CSS de orientación]</li> | ||
| Línea 58: | Línea 59: | ||
</ul> | </ul> | ||
| | |wcag_tipo_evaluacion=Manual | ||
| | |wcag_pasos_evaluacion= | ||
<ol class="paso-list"> | <ol class="paso-list"> | ||
<li><span class="paso-badge">Paso 1.</span> Abrir la página y acceder a las herramientas de desarrollo del navegador.</li> | <li><span class="paso-badge">Paso 1.</span> Abrir la página y acceder a las herramientas de desarrollo del navegador.</li> | ||
| Línea 69: | Línea 70: | ||
</ol> | </ol> | ||
| | |wcag_resultado_evaluacion= | ||
El contenido se muestra correctamente y es completamente operable tanto en orientación vertical como horizontal, sin pérdida de información ni funcionalidad. | El contenido se muestra correctamente y es completamente operable tanto en orientación vertical como horizontal, sin pérdida de información ni funcionalidad. | ||
| | |wcag_ejemplo_evaluacion= | ||
Se muestra un diseño flexible que se adapta automáticamente a cualquier orientación de pantalla. | Se muestra un diseño flexible que se adapta automáticamente a cualquier orientación de pantalla. | ||
[[Archivo:1.3.4-A-Girar-dispositivo.jpg|alt=Captura que muestra el contenido en orientación vertical]] | [[Archivo:1.3.4-A-Girar-dispositivo.jpg|alt=Captura que muestra el contenido en orientación vertical]] | ||
| Línea 78: | Línea 79: | ||
</div> | </div> | ||
| | |wcag_otras_herramientas= | ||
Usa directamente un móvil o tablet para visualizar las dos orientaciones en el dispositivo. | Usa directamente un móvil o tablet para visualizar las dos orientaciones en el dispositivo. | ||
}} | }} | ||
Revisión del 15:23 31 oct 2025
1.3.4-A. Contenido adaptable a la orientación
- 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
Recursos de apoyo
Evaluación del criterio
Tipo de evaluación
Evaluación Manual
Procedimiento de evaluación
- Paso 1. Abrir la página y acceder a las herramientas de desarrollo del navegador.
- Paso 2. Activar la simulación de dispositivo (por ejemplo, “Toggle device toolbar” en Chrome o “Vista de diseño adaptable” en Firefox).
- Paso 3. Cambiar entre orientación vertical y horizontal.
- Paso 4. Verificar que el contenido se visualiza correctamente y que las funciones siguen siendo operables en ambas orientaciones.
- 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
{{{wcag_otras_herramientas_evaluacion}}}
Ejemplos accesibles y no accesibles creados por alumnos
Comentarios
A continuación se muestran comentarios sobre el criterio 1.3.4-A. Contenido adaptable a la orientación
Loading comments...
