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

De WCAG Wiki
Página creada con «== '''2.5.7-A. Movimientos de arrastre''' == <!-- Análisis interno: Este criterio impacta principalmente a: Personas con discapacidad motriz Problema grave: Si los arrastres no tienen alternativa, los usuarios no pueden operar controles deslizantes o interfaces drag & drop, generando barrera grave de interacción. --> <html> <!-- criterio 2.5.7-A --> <article class="wcag-card"> <section class="wcag-info"> <ul> <li><span class="label">Nivel:</s…»
 
Sin resumen de edición
Línea 1: Línea 1:
== '''2.5.7-A. Movimientos de arrastre''' ==
{{CriterioWCAG
<!-- 
|id_wcag_criterio=2.5.7
  Análisis interno:
|id_wcag_subcriterio=2.5.7-A
  Este criterio impacta principalmente a: Personas con discapacidad motriz 
|wcag_titulo_criterio=2.5.7-A. Movimientos de arrastre
  Problema grave: Si los arrastres no tienen alternativa, los usuarios no pueden operar controles deslizantes o interfaces drag & drop, generando barrera grave de interacción.
|wcag_nivel=AA*
-->
|wcag_version=2.2
<html>
|wcag_principio=2_Operable
<!-- criterio 2.5.7-A -->
|wcag_principio_url=Principio_2
<article class="wcag-card">
|wcag_pauta=2.5_Modalidades_de_entrada
   <section class="wcag-info">
|wcag_pauta_url=Principio_2/2.5_Modalidades_de_entrada
    <ul>
|wcag_grupo=Interacción
      <li><span class="label">Nivel:</span><span class="value">AA</span></li>
|wcag_subgrupo=Gestos_y_movimiento
      <li><span class="label">Versión:</span><span class="value">2.2</span></li>
|wcag_subcriterio_url=Principio_2/2.5_Modalidades_de_entrada/2.5.7-A
      <li><span class="label">Principio:</span><span class="value">2. Operable</span></li>
 
      <li><span class="label">Pauta:</span><span class="value">2.5 Modalidades de entrada</span></li>
|wcag_discapacidades=
      <li><span class="label">Categoría:</span><span class="value">Interacción</span></li>
<li class="discapacidad-item">
      <li><span class="label">Subcategoría:</span><span class="value">Arrastre</span></li>
   [[Archivo:Motriz.png|20px|class=icon-discapacidad|alt=Discapacidad motriz]]
    </ul>
  <span class="discapacidad-texto">[[:Categoría:Discapacidad motriz|Motriz]]</span>
  </section>
  <span class="gravedad gravedad-grave">Barrera grave</span>
  <section class="wcag-users">
</li>
    <p>Usuarios más afectados</p>
 
    <ul>
|wcag_lista_discapacidades=
      <li><img src="/images/0/06/Motriz.png" alt="Icono discapacidad motriz" class="icono-discapacidad" /> Personas con discapacidad motriz – <span class="gravedad">Barrera grave</span></li>
[[Categoría:Discapacidad motriz]]
    </ul>
 
  </section>
|wcag_texto_criterioOAW=
</article>
Toda funcionalidad que utiliza un movimiento de arrastre para la operación (por ejemplo, controles deslizantes o interfaces de arrastrar y soltar) se debe poder operar con un único puntero sin necesidad de arrastrar, a menos que el arrastre sea esencial o la funcionalidad esté controlada completamente por el agente de usuario y no modificada por el autor.
</html>
 
|wcag_descripcion_resumida=
Cuando una acción requiere arrastrar, se debe proporcionar una alternativa que permita lograr el mismo resultado mediante activación con un único toque o clic, como botones para mover, seleccionar o ajustar valores.
 
|wcag_objetivo=
Garantizar que las personas con dificultades de movimiento fino, temblores, o que utilizan dispositivos de apoyo puedan operar controles normalmente basados en arrastre mediante acciones simples y alternativas accesibles.
 
|wcag_importancia=
Los gestos de arrastre requieren precisión y control motriz. Sin alternativas accesibles, estos elementos se vuelven inoperables para usuarios con movilidad reducida, provocando exclusión en tareas críticas como ordenar elementos, mover objetos o ajustar controles.
 
|wcag_referencias=
<ul>
<li><span lang="en">Understanding Success Criterion 2.5.7: Dragging Movements (W3C)</span></li>
<li>WCAG 2.2 Quick Reference — 2.5.7 Dragging Movements</li>
<li>WAI-ARIA Authoring Practices — Pointer and Gesture Inputs</li>
</ul>
 
|wcag_recursos=
<ul>
<li>Buenas prácticas para controles accesibles en interfaces móviles</li>
<li>Alternativas a drag & drop: botones incrementales, selección + confirmar</li>
</ul>
 
|wcag_tipo_evaluacion=Manual
 
|wcag_pasos_evaluacion=
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span> Identificar controles que requieran arrastrar (sliders, drag & drop, áreas de dibujo).</li>
<li><span class="paso-badge">Paso 2.</span> Verificar que existe una alternativa mediante pulsación simple o controles de incremento.</li>
<li><span class="paso-badge">Paso 3.</span> Confirmar que la alternativa es visible, operable y clara.</li>
<li><span class="paso-badge">Paso 4.</span> Probar interacción con puntero único y teclado/tecnologías de apoyo.</li>
<li><span class="paso-badge">Paso 5.</span> Asegurar que el arrastre solo es obligatorio si es esencial (p. ej., tareas de dibujo).</li>
</ol>
 
|wcag_resultado_evaluacion=
Las funciones que utilizan movimiento de arrastre proporcionan una alternativa accesible mediante activación sencilla que no depende de la precisión del movimiento.
 
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
<strong>✅ Alternativa a arrastrar con control accesible</strong>
<pre class="wcag-codigo-html">
<!-- Control deslizante con botones alternativos -->
<input type="range" id="vol" min="0" max="100" value="50">
<button aria-label="Aumentar valor">+</button>
<button aria-label="Disminuir valor">−</button>
</pre>
</div>
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>Pruebas con dispositivos asistivos (puntero de cabeza, switch control, eye tracking)</li>
<li>Simulación táctil en navegador</li>
<li>Evaluación manual en móvil/tablet</li>
<li>Herramientas de análisis parcial: AXE, Accessibility Insights</li>
</ul>
}}

Revisión del 12:08 5 nov 2025

2.5.7-A. Movimientos de arrastre

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)

  • Toda funcionalidad que utiliza un movimiento de arrastre para la operación (por ejemplo, controles deslizantes o interfaces de arrastrar y soltar) se debe poder operar con un único puntero sin necesidad de arrastrar, a menos que el arrastre sea esencial o la funcionalidad esté controlada completamente por el agente de usuario y no modificada por el autor.

Comprensión del criterio

Descripción resumida

Cuando una acción requiere arrastrar, se debe proporcionar una alternativa que permita lograr el mismo resultado mediante activación con un único toque o clic, como botones para mover, seleccionar o ajustar valores.

Objetivo

Garantizar que las personas con dificultades de movimiento fino, temblores, o que utilizan dispositivos de apoyo puedan operar controles normalmente basados en arrastre mediante acciones simples y alternativas accesibles.

Importancia de cumplir el criterio

Los gestos de arrastre requieren precisión y control motriz. Sin alternativas accesibles, estos elementos se vuelven inoperables para usuarios con movilidad reducida, provocando exclusión en tareas críticas como ordenar elementos, mover objetos o ajustar controles.

Referencias WCAG

  • Understanding Success Criterion 2.5.7: Dragging Movements (W3C)
  • WCAG 2.2 Quick Reference — 2.5.7 Dragging Movements
  • WAI-ARIA Authoring Practices — Pointer and Gesture Inputs

Recursos de apoyo

  • Buenas prácticas para controles accesibles en interfaces móviles
  • Alternativas a drag & drop: botones incrementales, selección + confirmar

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Identificar controles que requieran arrastrar (sliders, drag & drop, áreas de dibujo).
  2. Paso 2. Verificar que existe una alternativa mediante pulsación simple o controles de incremento.
  3. Paso 3. Confirmar que la alternativa es visible, operable y clara.
  4. Paso 4. Probar interacción con puntero único y teclado/tecnologías de apoyo.
  5. Paso 5. Asegurar que el arrastre solo es obligatorio si es esencial (p. ej., tareas de dibujo).

Resultado esperado

Las funciones que utilizan movimiento de arrastre proporcionan una alternativa accesible mediante activación sencilla que no depende de la precisión del movimiento.

Ejemplo

✅ Alternativa a arrastrar con control accesible

<!-- Control deslizante con botones alternativos -->
<input type="range" id="vol" min="0" max="100" value="50">
<button aria-label="Aumentar valor">+</button>
<button aria-label="Disminuir valor">−</button>

Otras herramientas de evaluación

  • Pruebas con dispositivos asistivos (puntero de cabeza, switch control, eye tracking)
  • Simulación táctil en navegador
  • Evaluación manual en móvil/tablet
  • Herramientas de análisis parcial: AXE, Accessibility Insights










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 2.5.7-A. Movimientos de arrastre

Loading comments...