drag-drop-pointer-accessibility-audit

Audits drag-and-drop, gesture, and pointer interactions against WCAG 2.2 accessibility criteria.

Updated Jul 7, 2026
One-click install
npx skills add https://github.com/vmitsaras/Agent-Skills --skill drag-drop-pointer-accessibility-audit-vmitsaras
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: drag-drop-pointer-accessibility-audit
Source: https://github.com/vmitsaras/Agent-Skills/tree/main/skills/frontend-a11y/drag-drop-pointer-accessibility-audit
Command: npx skills add https://github.com/vmitsaras/Agent-Skills --skill drag-drop-pointer-accessibility-audit-vmitsaras

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Interfaces that rely on drag and drop, swipe, pinch, hover, small targets, or device motion often exclude users who cannot perform precise pointer actions, and teams lack a structured way to find and document these barriers. ## Core Features & Use Cases - Pointer Interaction Inventory: Catalogs every drag, gesture, hover, motion, and precision-dependent behavior and maps each task from initiation through cancellation and recovery. - WCAG 2.2 Mapping: Evaluates evidence against criteria such as 2.5.1 Pointer Gestures, 2.5.2 Pointer Cancellation, 2.5.7 Dragging Movements, and 2.5.8 Target Size without overstating conformance. - Structured Findings: Produces findings with severity, confidence, framework mappings, remediation guidance, and verification steps, separating confirmed WCAG issues from Universal Design concerns. - Use Case: A QA team reviewing a kanban board uses this Skill to verify that card reordering has a non-dragging single-pointer alternative, a complete keyboard path, and adequate target sizes, then receives a report of confirmed findings and items needing runtime validation. ## Quick Start Audit the drag-and-drop reordering in this task board component for pointer accessibility and report any WCAG 2.2 findings.

Frequently Asked Questions about drag-drop-pointer-accessibility-audit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit drag-and-drop accessibility against WCAG 2.2?▼

Inventory every dragging interaction, then verify a non-dragging single-pointer alternative per WCAG 2.5.7 and a complete keyboard path. Test the full lifecycle including instructions, cancellation, reorder feedback, focus behavior, and error recovery, and record evidence for each finding.

How to test pointer gesture accessibility on touch interfaces?▼

For each multipoint or path-based gesture like swipe or pinch, check that a simple single-pointer alternative achieves the same outcome, as required by WCAG 2.5.1. Keyboard access alone does not satisfy this criterion, so test the actual single-pointer path on real or emulated touch environments.

Does keyboard support satisfy WCAG dragging and gesture requirements?▼

No. WCAG 2.5.1 and 2.5.7 require a simple single-pointer alternative, and keyboard access cannot substitute for it. Keyboard operability remains a separate requirement under 2.1.1 and should be tested independently.

What target size does WCAG 2.2 require for pointer controls?▼

WCAG 2.5.8 requires a minimum of 24 by 24 CSS pixels at Level AA, subject to spacing, inline, equivalent-control, and essential exceptions. The 44 by 44 pixel size in 2.5.5 applies only at Level AAA or as an advisory goal.

Can this audit be done from screenshots or source code alone?▼

Only partially. Source review can confirm deterministic code defects, but target geometry, gesture recognition, focus movement, computed accessible names, and announcements require runtime or assistive-technology testing and should be marked needs-validation otherwise.

When should I not use a pointer accessibility audit?▼

Avoid it for full legal conformance audits, pure keyboard or focus reviews without pointer interactions, and general contrast or responsive-layout questions. It also does not implement fixes; it only reviews and reports findings.