Diferencia entre revisiones de «Principio 2/2.5 Modalidades de los input/2.5.4-A»

De WCAG Wiki
Sin resumen de edición
Sin resumen de edición
Línea 24: Línea 24:


|wcag_texto_criterioOAW=
|wcag_texto_criterioOAW=
Las funciones que se pueden activar mediante el movimiento del dispositivo o mediante gestos basados en sensores también deben poder activarse mediante componentes de la interfaz de usuario. Las funciones activadas mediante movimiento pueden desactivarse para evitar activaciones accidentales, excepto cuando el movimiento sea esencial.
Cualquier funcionalidad que se pueda operar mediante el movimiento del dispositivo también se debe poder realizar a través del interfaz de usuario y también se debe poder desactivar dicha operación mediante el movimiento para evitar acciones no deseadas.


|wcag_descripcion_resumida=
|wcag_descripcion_resumida=
Línea 37: Línea 37:
|wcag_referencias=
|wcag_referencias=
<ul>
<ul>
<li>Understanding Success Criterion 2.5.4: Motion Actuation (W3C)</li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Techniques/general/G213 G213: Provide conventional controls and an application setting for motion activated input]</span></li>
<li>WCAG Quick Reference – 2.5.4</li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Techniques/failures/F106 F106: Failure due to inability to deactivate motion actuation]</span></li>
<li>WAI-ARIA Authoring Practices — Motion and Sensors</li>
</ul>
</ul>


|wcag_recursos=
 
<ul>
|wcag_recursos= No se presentan
<li>Buenas prácticas para interacción basada en sensores</li>
<li>Controles alternativos para gestos por movimiento</li>
</ul>


|wcag_tipo_evaluacion=Manual
|wcag_tipo_evaluacion=Manual
Línea 52: Línea 48:
|wcag_pasos_evaluacion=
|wcag_pasos_evaluacion=
<ol class="paso-list">
<ol class="paso-list">
<li>Identificar funciones que dependen de movimiento del dispositivo.</li>
<li><span class="paso-badge">Paso 1.</span>
<li>Verificar que existe un control alternativo visible y accesible.</li>
Localizar si existen funcionalidades que puedan ser activadas mediante el movimiento del dispositivo (p. ej., avanzar entre páginas al inclinar el dispositivo).
<li>Comprobar que la activación por movimiento puede desactivarse cuando no sea esencial.</li>
</li>
<li>Probar accesibilidad con teclado, puntero y control asistido.</li>
 
<li>Validar funcionamiento en móvil o tablet, si es posible.</li>
<li><span class="paso-badge">Paso 2.</span>
Garantizar que existe un método alternativo que no dependa del movimiento (p. ej., un botón).
</li>
</ol>
</ol>


Línea 64: Línea 62:
|wcag_ejemplo_evaluacion=
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
<div class="accessibility-card">
<strong>✅ Control alternativo visible + opción para desactivar movimiento</strong>
Control alternativo visible + opción para desactivar movimiento.
<pre class="wcag-codigo-html">
<pre class="wcag-codigo-html">
<label>
<label>
Línea 89: Línea 87:
|wcag_otras_herramientas_evaluacion=
|wcag_otras_herramientas_evaluacion=
<ul>
<ul>
<li>Simuladores de sensores en navegador</li>
<li>'''Prueba con movimiento del dispositivo''': inclinar, girar o agitar el dispositivo para detectar funcionalidades activadas por sensores de movimiento.</li>
<li>Pruebas con control por voz y dispositivos asistivos</li>
<li>'''Alternativa en la interfaz''': comprobar que cualquier acción que pueda activarse mediante movimiento también se puede ejecutar mediante controles visibles (botón, interruptor, gesto simple).</li>
<li>Validación manual en móvil/tablet</li>
<li>'''Desactivación del movimiento''': verificar que existe un mecanismo para desactivar las acciones que dependen del movimiento, evitando activaciones accidentales.</li>
<li>'''Inspección del código''': buscar el uso de <code>devicemotion</code> o <code>deviceorientation</code> y confirmar que existe alternativa y desactivación.</li>
<li>'''Prueba asistiva''': usar navegación con teclado, ratón o productos de apoyo para asegurar que la función no depende del movimiento físico.</li>
</ul>
</ul>
}}
}}

Revisión del 05:56 6 nov 2025

2.5.4-A. Activación por movimiento

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)

  • Cualquier funcionalidad que se pueda operar mediante el movimiento del dispositivo también se debe poder realizar a través del interfaz de usuario y también se debe poder desactivar dicha operación mediante el movimiento para evitar acciones no deseadas.

Comprensión del criterio

Descripción resumida

Si una acción se activa moviendo el dispositivo (sacudir, inclinar, girar), debe existir un control accesible alternativo (botón, enlace). Además, los usuarios deben poder desactivar la activación por movimiento cuando no sea esencial.

Objetivo

Garantizar alternativas accesibles cuando la interacción dependa de movimiento físico del dispositivo, de forma que personas con movilidad reducida o temblores puedan usar la interfaz sin gestos físicos complejos.

Importancia de cumplir el criterio

Los usuarios que no pueden mover el dispositivo o lo tienen fijo en un soporte, así como quienes sufren movimientos involuntarios, necesitan poder usar controles convencionales para evitar errores y activar funcionalidades de manera fiable.

Referencias WCAG

Recursos de apoyo

No se presentan

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Localizar si existen funcionalidades que puedan ser activadas mediante el movimiento del dispositivo (p. ej., avanzar entre páginas al inclinar el dispositivo).
  2. Paso 2. Garantizar que existe un método alternativo que no dependa del movimiento (p. ej., un botón).

Resultado esperado

La funcionalidad basada en movimiento dispone de alternativa accesible y puede desactivarse cuando no sea esencial, garantizando interacción segura y usable para todos los usuarios.

Ejemplo

Control alternativo visible + opción para desactivar movimiento.

<label>
  <input type="checkbox" id="motion-toggle" checked>
  Activar control por movimiento
</label>

<button id="undo">Deshacer</button>

<script>
let motionEnabled = true;
document.getElementById('motion-toggle')
  .addEventListener('change', e => motionEnabled = e.target.checked);

window.addEventListener('devicemotion', e => {
  if (motionEnabled && e.acceleration.x > 15) {
    document.getElementById('undo').click();
  }
});
</script>

Otras herramientas de evaluación

  • Prueba con movimiento del dispositivo: inclinar, girar o agitar el dispositivo para detectar funcionalidades activadas por sensores de movimiento.
  • Alternativa en la interfaz: comprobar que cualquier acción que pueda activarse mediante movimiento también se puede ejecutar mediante controles visibles (botón, interruptor, gesto simple).
  • Desactivación del movimiento: verificar que existe un mecanismo para desactivar las acciones que dependen del movimiento, evitando activaciones accidentales.
  • Inspección del código: buscar el uso de devicemotion o deviceorientation y confirmar que existe alternativa y desactivación.
  • Prueba asistiva: usar navegación con teclado, ratón o productos de apoyo para asegurar que la función no depende del movimiento físico.










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 2.5.4-A. Activación por movimiento

Loading comments...