web3-accessibility-guide
CommunityMake Web3 dApps usable for everyone.
System Documentation
What problem does it solve?
web3-accessibility-guide addresses the accessibility gaps that prevent people with disabilities from using Web3 and DeFi applications, such as illegible wallet address UX, non-keyboard wallet flows, unclear transaction confirmations, poor error messaging, and inaccessible motion/contrast choices.
Core Features & Use Cases
- Accessible Wallet Connection UX: Provides patterns for keyboard-navigable wallet modals with proper dialog semantics and ARIA labeling.
- Inclusive Transaction Confirmation: Defines accessible confirmation UI using plain language, alert/alertdialog roles, and aria-live status updates for pending/success/error.
- Robust Address and Form Accessibility: Recommends labeled, truncated, and copyable address displays plus accessible screen reader output, along with fully labeled form inputs.
- Motion, Contrast, and Error Handling Checklist: Covers reduced motion support, contrast minimums, and clear human-readable errors for dApps.
Quick Start
Use the web3-accessibility-guide to audit your wallet connect and transaction confirmation UI against W3AG by implementing accessible dialogs, step-by-step confirmations, aria-live status regions, and clearly labeled errors.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: web3-accessibility-guide Download link: https://github.com/nirholas/three-ui/archive/main.zip#web3-accessibility-guide Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.