Summary
A solid reference for making Capacitor apps accessible across web and native platforms. Covers the essentials like semantic HTML, ARIA labels, focus trapping in modals, and the 44x44pt touch target rule. Includes practical code snippets for screen reader support, live regions for dynamic announcements, and native implementations for iOS VoiceOver and Android TalkBack. The quick checklist hits WCAG basics like 4.5:1 color contrast and keyboard navigation. Good for when you need to actually implement accessibility rather than just read about why it matters. The focus management examples are especially useful since that's where most hybrid apps fall short.
Install to Claude Code
npx -y skills add cap-go/capacitor-skills --skill capacitor-accessibility --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Files
SKILL.md
Select a file.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
