android-accessibility

Audit Jetpack Compose UI components for accessibility compliance.

1|2|Updated Jan 25, 2026
One-click install
npx skills add https://github.com/jhparktime/OnGuard --skill android-accessibility-jhparktime
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: android-accessibility
Source: https://github.com/jhparktime/OnGuard/tree/main/.claude/skills/android-accessibility
Command: npx skills add https://github.com/jhparktime/OnGuard --skill android-accessibility-jhparktime

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Android apps often fail accessibility checks, making them unusable for users with disabilities. This skill provides an expert checklist and prompts to audit and fix Android accessibility issues, especially for Jetpack Compose.

Core Features & Use Cases

  • Content Descriptions: ensure meaningful contentDescription on Images and Icons; use contentDescription = null for decorative images.
  • Touch Target Size: enforce a minimum 48x48dp touch target; wrap in padding or use MinTouchTargetSize when needed.
  • Color Contrast: verify WCAG AA contrast ratios for text and icons against backgrounds.
  • Focus & Semantics: check focus order, use proper semantics grouping, and expose state to TalkBack.
  • Headings: apply semantics heading() for screen-reader navigation.

Quick Start

Analyze a Jetpack Compose screen with this checklist to surface actionable accessibility fixes.

Frequently Asked Questions about android-accessibility

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

FAQPage Schema
How do I audit Jetpack Compose components for Android accessibility compliance?

You audit Jetpack Compose components by analyzing screens against a checklist covering content descriptions, touch target sizes, color contrast, focus order, and semantics to surface actionable remediation steps.

What is the minimum touch target size for Android Jetpack Compose UI elements?

The minimum touch target size for Android Jetpack Compose UI elements is 48x48dp. Enforce this by wrapping components in padding or using MinTouchTargetSize to ensure accessible interaction areas.

How do I apply semantics heading() for TalkBack screen reader navigation in Compose?

Apply semantics heading() in Jetpack Compose to enable TalkBack screen reader navigation. This exposes text elements as headings, allowing users to navigate screen sections efficiently via semantic grouping.

When should I set contentDescription to null for decorative images in Android apps?

Set contentDescription to null for decorative images in Android apps when the visual provides no meaningful information. This prevents screen readers from announcing unnecessary visual details to accessibility users.

How do I verify WCAG AA color contrast ratios for text and icons in Jetpack Compose?

Verify WCAG AA color contrast ratios by checking text and icon colors against their background colors in Jetpack Compose. This ensures readable UI elements meet accessibility standards for visually impaired users.

Does this accessibility audit handle focus order and state exposure for TalkBack?

Yes, the accessibility audit handles focus order and state exposure for TalkBack. It checks proper focus traversal sequences and verifies that component states are correctly exposed to screen readers via semantics.