touch-pointer

Enforce 44×44 CSS pixel touch targets and single-pointer gesture alternatives.

39|2|Updated Mar 28, 2026
One-click install
npx skills add https://github.com/mgifford/accessibility-skills --skill touch-pointer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: touch-pointer
Source: https://github.com/mgifford/accessibility-skills/tree/main/skills/touch-pointer
Command: npx skills add https://github.com/mgifford/accessibility-skills --skill touch-pointer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This section describes how to ensure touch and pointer accessibility for interactive UI elements, addressing issues like small targets and inaccessible gestures.

Core Features & Use Cases

  • Enforces minimum 44×44 CSS pixel targets for primary actions and ensures spacing to prevent mis-taps.
  • Provides single-pointer alternatives for multi-point gestures (e.g., pinch/rotate) and clear labeling for voice control.
  • Uses adaptive sizing with pointer-based CSS media queries to optimize for coarse-pointer devices.

Quick Start

Audit your interactive UI to ensure touch targets meet the 44×44 CSS pixel guideline and that multi-point gestures have single-pointer alternatives.

Frequently Asked Questions about touch-pointer

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

FAQPage Schema
How do I make touch targets accessible for mobile UI elements?

Touch targets are accessible when interactive UI elements meet minimum 44×44 CSS pixel sizing guidelines and provide adequate spacing to prevent accidental mis-taps. This enforces proper target dimensions for primary actions on coarse-pointer devices.

What is a single-pointer alternative for multi-point gestures?

A single-pointer alternative is an accessible fallback mechanism allowing users to execute actions like pinch-to-zoom or rotate using one touch point instead of multiple. Providing this alternative ensures custom gestures remain accessible to all pointer users.

How do I use pointer media queries for responsive touch accessibility?

Pointer media queries adapt interactive UI sizing by detecting coarse-pointer devices like touchscreens. Apply adaptive CSS sizing through these queries to optimize target dimensions and ensure UI elements remain accessible across varying input types.

Does WCAG 2.5 require voice control labeling for touch interfaces?

WCAG 2.5 accessibility guidelines require clear labeling for voice control on interactive touch and pointer UI elements. Proper voice-control labeling ensures buttons, links, and custom gestures can be accurately targeted and activated by voice commands.

How do I fix pointer cancellation issues in drag-and-drop interfaces?

Fix pointer cancellation issues by ensuring drag-and-drop interfaces allow users to abort an action by releasing the pointer outside the target. This prevents accidental activations and satisfies pointer cancellation accessibility requirements.