Ir al contenido
EUID Servicio de auditoría & sello, Inicio
Auditar su sitio web

Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung

Accesibilidad

¿Por qué necesita arrastrar y soltar una alternativa de clic simple?

Cualquier función que requiera un movimiento de arrastre; por ejemplo, arrastrar un archivo a un campo o mover un control deslizante; necesita una alternativa con clics o toques simples. Quien solo puede tocar brevemente pero no puede mantener presionado un dedo o botón del ratón y mover simultáneamente falla en el puro arrastre. El criterio 2.5.7 "Movimientos de arrastre" es nuevo con WCAG 2.2 y cierra exactamente esta brecha.

Ofrezca carga de archivos, controles deslizantes y listas de clasificación accesibles

Tres patrones cubren la mayoría de los casos. La carga de archivo mediante arrastre necesita un botón "Seleccionar archivo" junto a ella que abra el cuadro de diálogo de archivo normal; la mayoría de los sistemas ya lo traen, solo no debe ocultarse en el diseño. El control deslizante, por ejemplo, para un rango de precio, necesita campos de entrada o botones más y menos para los mismos valores junto a él. Y las listas clasificables, donde las entradas se reordenan arrastrando, necesitan botones para cada entrada como "subir" y "bajar". El movimiento de arrastre permanece como una forma cómoda; lo que importa es que el mismo propósito también se puede lograr con clics individuales.

Así es como el servicio de comprobación indica este criterio

No se puede determinar de manera confiable automáticamente si cada función de arrastre en su página tiene una alternativa de clic: la comprobación tendría que realizar movimientos de arrastre y comparar su efecto con todos los botones; nuestro núcleo de medición funciona deliberadamente de forma pasiva y no realiza movimientos de arrastre en sitios externos. El informe indica que el criterio, por lo tanto, es abiertamente un punto a verificar manualmente. Esto sigue nuestro principio: cada criterio WCAG aparece individualmente en el informe como aprobado, infringido, verificación manual requerida o no comprobable automáticamente. Una comprobación vacía se trata como un error, nunca como un permiso.

Ejemplos

Clasificar sólo por tirón

No se conocen
<li draggable="true">Aufgabe A</li>
<li draggable="true">Aufgabe B</li>
Fulfilled
<li draggable="true">Aufgabe A
  <button type="button" aria-label="Aufgabe A nach oben">↑</button>
  <button type="button" aria-label="Aufgabe A nach unten">↓</button>
</li>

Dibujar requiere una mano firme sobre un camino. Un clic por dirección logra lo mismo.

  • Encuentre todas las funciones de arrastre en su sitio: carga de archivos, controles deslizantes, listas clasificables, mosaicos móviles.
  • Coloque un botón "Seleccionar archivo" al lado de cada campo de carga que abra el cuadro de diálogo de archivo normal.
  • Complementar controles deslizantes con campos de entrada o botones más y menos para los mismos valores.
  • Dé a las listas clasificables botones para cada entrada para mover hacia arriba y hacia abajo.
  • Pruebe cada una de estas funciones una vez sin ningún arrastre; solo con clics individuales.

Deutsche Fassung dieser Seite

  • Sello Digitale Barrierefreiheit
  • Sello Daten & Recht
  • Sello Technische Qualität
  • Sello Digital Excellence
  • Sello Cyberversicherung

Auditado. Por un futuro digital mejor.euid.com

¿Por qué necesita arrastrar y soltar una alternativa de clic simple? · euid.com