skills.rest
matthewharwood
matthewharwoodCOMMUNITY
Explore all skills by this author →
GitHub

pixijs-accessibility

Add screen reader and keyboard navigation support to PixiJS v8 apps.

1|Updated Apr 26, 2026
Search Tags:#accessibility#a11y#screen-reader#shadow-dom#keyboard-navigation#pixijs#ui-accessibility
One-click install
npx skills add https://github.com/matthewharwood/dean-stack --skill pixijs-accessibility-matthewharwood
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pixijs-accessibility
Source: https://github.com/matthewharwood/dean-stack/tree/main/.claude/skills/pixijs-accessibility
Command: npx skills add https://github.com/matthewharwood/dean-stack --skill pixijs-accessibility-matthewharwood

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enable screen reader and keyboard navigation for PixiJS apps by providing an integrated AccessibilitySystem that creates a shadow DOM overlay over accessible containers, making UI discoverable to assistive technologies.

Core Features & Use Cases

  • Per-container accessibility properties like accessible, accessibleTitle, accessibleHint, and tabIndex to control focus and narration.
  • Shadow DOM overlay integration that supports keyboard activation and screen reader interaction across canvas-based UI.
  • Easy configuration of accessibility options (enabledByDefault, debug, activateOnTab, deactivateOnMouseMove) to suit desktop and mobile scenarios.

Quick Start

Initialize your PixiJS application with accessibility enabled and activate the overlay to turn on screen reader and keyboard navigation.

Frequently Asked Questions about pixijs-accessibility

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

FAQPage Schema
How do I add screen reader support to a PixiJS canvas application?▼

You can enable screen reader support in PixiJS by initializing an AccessibilitySystem that generates a shadow DOM overlay over your containers, making canvas UI elements discoverable to assistive technologies.

How does keyboard navigation work with PixiJS interactive containers?▼

Keyboard navigation in PixiJS works by configuring per-container properties like accessible, accessibleTitle, and tabIndex, allowing users to Tab through and activate overlay elements mapped to your canvas UI.

Can I configure screen reader behavior differently for desktop and mobile PixiJS apps?▼

You can configure PixiJS accessibility options like enabledByDefault, debug, activateOnTab, and deactivateOnMouseMove to tailor screen reader and keyboard interactions for desktop or mobile scenarios.

Does PixiJS v8 support per-container accessibility attributes for screen readers?▼

PixiJS v8 supports per-container accessibility by allowing you to set properties like accessible, accessibleTitle, accessibleHint, and tabIndex directly on containers to control focus and narration behavior.

What is the best way to make canvas-based UI elements accessible to assistive technologies?▼

The best way to make canvas UI accessible is using an integrated AccessibilitySystem that creates a shadow DOM overlay, exposing interactive containers to screen readers without altering the underlying render.

Why are my PixiJS canvas elements not being read by screen readers?▼

Canvas elements are not read by screen readers because they lack DOM nodes; you must enable an AccessibilitySystem overlay and set accessible properties on containers to expose them to assistive technologies.

Related Skills

Explore More Software Engineering Skills→
softmgsoftmg

pixijs

Route PixiJS v8 tasks to specialized sub-skills via a root SKILL.md.

Official
Advanced
pixijspixijs
302

pixijs-accessibility

Enable screen reader and keyboard navigation for PixiJS v8 apps.

Official
Intermediate
alexkaferalexkafer

pixijs-accessibility

Add screen-reader and keyboard accessibility to PixiJS v8 canvas interfaces.

Community
Intermediate
adamhjkadamhjk
2

pixijs-accessibility

Implement screen reader and keyboard navigation support for PixiJS v8 applications.

Community
Intermediate