A reference to the current renderer
Whether accessibility divs are visible for debugging
Static
defaultThe default options used by the system. You can set these before initializing the Application to change the default behavior.
The DOM element that will sit over the PixiJS element. This is where the div overlays will go.
Value of true
if accessibility is currently active and accessibility layers are showing.
Value of true
if accessibility is enabled for touch devices.
Destroys the accessibility system. Removes all elements and listeners.
This is typically called automatically when the Application is destroyed. A typically user should not need to call this method directly.
The Accessibility system provides screen reader and keyboard navigation support for PixiJS content. It creates an accessible DOM layer over the canvas that can be controlled programmatically or through user interaction.
By default, the system activates when users press the tab key. This behavior can be customized through options:
The system can also be controlled programmatically by accessing the
renderer.accessibility
property:To make individual containers accessible:
There are several properties that can be set on a Container to control its accessibility which can be found here: AccessibleOptions.