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 35: | Línea 35: | ||
|descripcion_comprension= | |descripcion_comprension= | ||
El contenido no debe obligar al usuario a visualizarlo o manejarlo en una orientación | 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. | ||
|descripcion_resumida= | |descripcion_resumida= | ||
El sitio o aplicación debe adaptarse correctamente a cualquier orientación del dispositivo ( | 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= | |objetivo= | ||
Garantizar que las personas con movilidad reducida | 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= | |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. | |||
|referencias= | |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> | ||
|recursos= | |recursos= | ||
<ul> | <ul> | ||
<li>[https://developer.mozilla.org/es/docs/Web/CSS/@media/orientation Guía de Mozilla sobre consultas de orientación | <li>[https://developer.mozilla.org/es/docs/Web/CSS/@media/orientation Guía de Mozilla sobre consultas CSS de orientación]</li> | ||
<li>[https://www.w3.org/WAI/design-develop/mobile/ Pautas W3C | <li>[https://www.w3.org/WAI/design-develop/mobile/ Pautas W3C sobre accesibilidad en dispositivos móviles]</li> | ||
</ul> | </ul> | ||
| Línea 64: | Línea 61: | ||
|procedimiento= | |procedimiento= | ||
<ol class="paso-list"> | <ol class="paso-list"> | ||
<li><span class="paso-badge">Paso 1.</span> Abrir la página | <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 2.</span> Activar la | <li><span class="paso-badge">Paso 2.</span> Activar la simulación de dispositivo (por ejemplo, “Toggle device toolbar” en Chrome o “Vista de diseño adaptable” en Firefox).</li> | ||
<li><span class="paso-badge">Paso 3.</span> Cambiar | <li><span class="paso-badge">Paso 3.</span> Cambiar entre orientación vertical y horizontal.</li> | ||
<li><span class="paso-badge">Paso 4.</span> Verificar que | <li><span class="paso-badge">Paso 4.</span> Verificar que el contenido se visualiza correctamente y que las funciones siguen siendo operables en ambas orientaciones.</li> | ||
<li><span class="paso-badge">Paso 5.</span> | <li><span class="paso-badge">Paso 5.</span> Asegurar que no existen mensajes que obliguen al usuario a girar el dispositivo ni código que bloquee la orientación.</li> | ||
</ol> | </ol> | ||
|resultado= | |resultado= | ||
El contenido se muestra correctamente y es | 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= | |ejemplo= | ||
Se muestra un diseño flexible que se adapta automáticamente a cualquier orientación mediante una cuadrícula. | |||
<div class="accessibility-card"> | |||
<pre class="wcag-codigo-html"> | <pre class="wcag-codigo-html"> | ||
.container { | .container { | ||
| Línea 91: | Línea 88: | ||
|otras_herramientas= | |otras_herramientas= | ||
<ul> | <ul> | ||
<li>[https://accessibilityinsights.io/ '''Accessibility Insights'''] | <li>[https://accessibilityinsights.io/ '''Accessibility Insights'''] — Permite verificar la adaptabilidad y simular la rotación del dispositivo.</li> | ||
<li>[https://developer.chrome.com/docs/devtools/device-mode/ '''Chrome DevTools – Device Mode'''] | <li>[https://developer.chrome.com/docs/devtools/device-mode/ '''Chrome DevTools – Device Mode'''] — Simula dispositivos móviles y tabletas con distintas orientaciones.</li> | ||
<li>[https://wave.webaim.org/ '''WAVE'''] | <li>[https://wave.webaim.org/ '''WAVE'''] — Analiza problemas de estructura y presentación relacionados con la accesibilidad.</li> | ||
</ul> | </ul> | ||
}} | }} | ||
Revisión del 12:36 29 oct 2025
{{{wcag_titulo_criterio}}}
- Nivel: {{{wcag_nivel}}}La propiedad «Wcag nivel» (como tipo de página) con el valor de entrada «{{{wcag_nivel}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación.
- Versión: {{{wcag_version}}}La propiedad «Wcag version» (como tipo de página) con el valor de entrada «{{{wcag_version}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación.
- Principio: [[{{{wcag_principio_url}}}|{{{wcag_principio}}}]]
- Pauta: [[{{{wcag_pauta_url}}}|{{{wcag_pauta}}}]]
- Grupo: {{{wcag_grupo}}}La propiedad «Wcag grupo» (como tipo de página) con el valor de entrada «{{{wcag_grupo}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación.
- Subgrupo: {{{wcag_subgrupo}}}La propiedad «Wcag subgrupo» (como tipo de página) con el valor de entrada «{{{wcag_subgrupo}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación.
Discapacidades afectadas
Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.
Enunciado del criterio (Observatorio de Accesibilidad Web)
- {{{wcag_texto_criterioOAW}}}
{{{wcag_lista_discapacidades}}}
Comprensión del criterio
Descripción resumida
{{{wcag_descripcion_resumida}}}
Objetivo
{{{wcag_objetivo}}}
Importancia de cumplir el criterio
{{{wcag_importancia}}}
Referencias WCAG
{{{wcag_referencias}}}
Recursos de apoyo
{{{wcag_recursos}}}
Evaluación del criterio
Tipo de evaluación
Evaluación [[:Categoría:{{{wcag_tipo_evaluacion}}}|{{{wcag_tipo_evaluacion}}}]]
Procedimiento de evaluación
{{{wcag_pasos_evaluacion}}}
Resultado esperado
{{{wcag_resultado_evaluacion}}}
Ejemplo
{{{wcag_ejemplo_evaluacion}}}
Otras herramientas de evaluación
{{{wcag_otras_herramientas_evaluacion}}}
Ejemplos accesibles y no accesibles creados por alumnos
Algún uso de "" en tu consulta no se cerró con los correspondientes "".
Comentarios
A continuación se muestran comentarios sobre el criterio {{{wcag_titulo_criterio}}}
Loading comments...
[[Category:{{{wcag_principio}}}]] [[Category:{{{wcag_pauta}}}]] [[Category:{{{id_wcag_criterio}}}]]
