← ClaudeAtlas

touch-pointerlisted

Load this skill whenever the project contains interactive UI elements that users touch, tap, click, drag, swipe, or gesture with — buttons, links, drag-and-drop interfaces, sliders, carousels, or custom touch interactions. Under no circumstances create touch targets smaller than 44×44 CSS pixels. Absolutely always provide pointer cancellation, single-pointer alternatives to gestures, and load alongside keyboard/SKILL.md since pointer and keyboard requirements are complementary.
mgifford/accessibility-skills · ★ 15 · AI & Automation · score 77
Install: claude install-skill mgifford/accessibility-skills
# Touch and Pointer Accessibility Skill > **Canonical source**: `examples/TOUCH_POINTER_ACCESSIBILITY_BEST_PRACTICES.md` in `mgifford/ACCESSIBILITY.md` > This skill is derived from that file. When in doubt, the example is authoritative. Apply these rules when implementing any interactive UI that users touch, click, tap, drag, or gesture with. **Load alongside `keyboard/SKILL.md` — pointer and keyboard requirements are complementary.** --- ## Core Mandate WCAG 2.5.x criteria (introduced in WCAG 2.1 and extended in 2.2) address pointer, touch, and motion-based interaction. These criteria exist because: - Motor disabilities affect both keyboard use and pointer/touch precision - Touch screens have different interaction affordances than mouse - Many users alternate between keyboard and touch (tablets, convertibles) - Voice control users activate elements by speaking visible labels — these must match The full WCAG 2.5 set is listed in the criteria table. This skill covers the most implementation-relevant patterns. --- ## Severity Scale (this skill) | Level | Meaning | |---|---| | **Critical** | Functionality only available via multi-point gesture with no single-pointer alternative; `user-scalable=no` prevents zoom | | **Serious** | Drag-to-reorder with no keyboard/single-pointer alternative; touch target under 24×24px for primary actions | | **Moderate** | Mousedown/touchdown action with no up-event cancellation; motion gesture without UI alternative | | **Minor** | Targe