An AI coding agent skill for developing and auditing HTML5 games optimized for screen readers and keyboard-only navigation.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install accessible-game-development
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install accessible-game-development using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Accessible Game Development?
The accessible-game-development skill for Openclaw Skills empowers developers to create inclusive gaming experiences specifically optimized for screen readers like Zhengdu, NVDA, and JAWS. By leveraging advanced ARIA semantics and strict keyboard navigation standards, this skill ensures that blind and low-vision users can enjoy web-based games with the same level of interactivity as sighted players.
Integrating this tool into your workflow via Openclaw Skills allows for the automated generation and auditing of HTML5 game code. It prioritizes a blind-user experience while maintaining visual appeal for low-vision users and sighted companions, making a11y-compliant game development faster and more reliable.
Accessible Game Development Use Cases
- Creating screen-reader friendly puzzle or adventure games.
- Converting existing HTML5 games into accessible formats.
- Auditing web-based interfaces for ARIA compliance and keyboard focus.
- Implementing dynamic content announcements using aria-live for real-time game events.
How Accessible Game Development Works
- Analyze the prompt for keywords like accessible game development to trigger the specialized workflow.
- Reference the internal accessible-html-game-development-spec.md to establish development constraints.
- Generate or refactor HTML, CSS, and JavaScript code focusing on ARIA labels and keyboard accessibility.
- Verify the implementation against a comprehensive accessibility checklist including focus management and state updates.
- Provide actionable suggestions for improving the user experience for blind and low-vision players.
Accessible Game Development Setup
To use this skill within the Openclaw Skills ecosystem, ensure your agent has access to the relevant specification file.
# Example: Triggering the skill in your agent environment
"Create a simple accessible blackjack game using Openclaw Skills"
Configure the environment to prioritize ARIA-live regions and high-contrast CSS patterns during the code generation phase.
Accessible Game Development Data Schema & Taxonomy
The skill follows a strict data schema to ensure compliance with accessibility standards:
| Component | Details |
|---|---|
| Specification | References accessible-html-game-development-spec.md |
| Metadata | Tracks name, description, and trigger keywords |
| ARIA Labels | Maps dynamic labels for all interactive elements |
| Keybindings | Defines support for accesskey and global keyboard listeners |
| Focus Map | Manages Tab index and focus outline visibility |
Accessible Game Development Advanced Features
- Multi-reader compatibility ensuring support for NVDA, JAWS, and Zhengdu.
- Automated focus trapping for modal dialogs and ARIA dialog properties.
- High-contrast mode support specifically designed for low-vision users.
- Real-time status updates via aria-live for fast-paced game logic.
- Shortcut key integration (accesskey) for power-user navigation within Openclaw Skills.
SKILL.md
Loading
Related Openclaw Skills
Weather Radar
A dynamic visualization tool that generates composite animated GIFs of real-time weather radar data overlaid on geographic maps.
Salesforce Business Data Export
A sophisticated AI agent skill that transforms natural language requests into validated, business-readable Salesforce data exports in Excel format.
Adyen BinLookup API Skill
A high-performance interface for Adyen BinLookup services, enabling AI agents to verify 3D Secure status and calculate transaction cost estimates.
Adyen Payment API Skill
A specialized Openclaw Skills integration for the Adyen Payment API v68, enabling AI agents to automate transaction lifecycles and secure payment processing.
pixelmsg
A professional rendering utility for Openclaw Skills that converts HTML and Tailwind CSS templates into pixel-perfect PNG image messages.
GitHub Assistant
A dual-mode GitHub management tool combining REST API efficiency with Playwright browser automation for comprehensive repository and trending analysis.
Featured*
