pixijs avatar

Pixijs Accessibility

Screen reader support in canvas apps is messy, and PixiJS's AccessibilitySystem handles it by creating an invisible shadow DOM overlay that mirrors your interactive containers. The defaults are conservative: nothing happens until the user presses Tab, and mouse movement kills the overlay again, which makes testing annoying but assumes keyboard users don't touch mice. Set enabledByDefault and deactivateOnMouseMove to false if you're serious about it. The hook is a tabIndex property on containers plus accessibleTitle and accessibleHint strings, and you still need eventMode for the click events to route properly. Works on mobile via a hidden touch hook, doesn't work in Web Workers.

skills.sh installs
6.6K
GitHub stars
365
last updated
Aug 21, 2026

Install

$ npx -y skills add pixijs/pixijs-skills --skill pixijs-accessibility --agent claude-code

Installs into .claude/skills of the current project.

Files

Screen reader support in canvas apps is messy, and PixiJS's AccessibilitySystem handles it by creating an invisible shadow DOM overlay that mirrors your interactive containers. The defaults are conservative: nothing happens until the user presses Tab, and mouse movement kills the overlay again, which makes testing annoying but assumes keyboard users don't touch mice. Set enabledByDefault and deactivateOnMouseMove to false if you're serious about it. The hook is a tabIndex property on containers plus accessibleTitle and accessibleHint strings, and you still need eventMode for the click events to route properly. Works on mobile via a hidden touch hook, doesn't work in Web Workers.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/pixijs/pixijs-skills
Categories
Frontend Development, Debugging, Mobile Development, Design & UI/UX, CLI & Terminal
First seen
May 16, 2026

More from pixijs/pixijs-skills

All 26
1dagster-io avatardagster-expertdagster-io/skillsExpert guidance for working with Dagster and the dg CLI. ALWAYS use before doing any task that requires knowledge specific to Dagster, or that references assets6.5Kskills.sh installs
2rorkai avatarasc-aso-auditrorkai/app-store-connect-cli-skillsRun an offline ASO audit on canonical App Store metadata under `./metadata` and surface keyword gaps using Astro MCP. Use after pulling metadata with `asc metad6.4Kskills.sh installs
3affaan-m avatarprompt-optimizeraffaan-m/eccAnalyze raw prompts, identify intent and gaps, match ECC components (skills/commands/agents/hooks), and output a ready-to-paste optimized prompt. Advisory role 6.3Kskills.sh installs
4expo avatarexpo-observeexpo/skillsUse for anything related to EAS Observe — adding `expo-observe` to an Expo project (AppMetricsRoot/ObserveRoot HOC, markInteractive, the useObserve hook, the Ex6.2Kskills.sh installs
5forcedotcom avatarplatform-metadata-api-context-getforcedotcom/sf-skillsREQUIRED companion for Salesforce metadata generation — load this schema/API-context skill in the SAME turn as ANY metadata generation skill; if you load a gene6.2Kskills.sh installs
6affaan-m avatarjava-coding-standardsaffaan-m/eccJava coding standards for Spring Boot and Quarkus services: naming, immutability, Optional usage, streams, exceptions, generics, CDI, reactive patterns, and pro6.2Kskills.sh installs