Skip to content

Accessibility and Inclusive Design Resources

Accessibility (sometimes abbreviated a11y) is an important part of any design process. It is essential to ensure that all users can access and use your project. This includes providing alternative text for images, ensuring that color contrast is sufficient, and making sure that the project is navigable using a keyboard. Inclusive design goes beyond accessibility to consider the needs of all users, including those with disabilities, different cultural backgrounds, and varying levels of experience with technology.

Accessibility and Inclusive Design have become a priority for many developers and designers. SceneryStack is designed to be accessible by default, but there are many ways to enhance the accessibility of your project. This page provides resources and guides for creating accessible features in your SceneryStack project.

Tip

You can also find tips for accessibly integrating features in some libraries (e.g., sun UI components). Much of this is organized within the in-progress PhET Style Guide, Binder .

Find important information about integrating accessibility into your SceneryStack project by getting up to speed with Scenery Accessibility.

Accessibility in Scenery

Helpful PhET Resources for Creating Accessible Features

The following resources are intended for use when implementing accessibility and Inclusive Features into PhET Interactive Simulations but contain useful information for anyone looking to create similar features.

Inclusive Design and Multimodal Features

Learn more about what other multimodal and accessible features can be integrated using SceneryStack using PhET Interactive Simulations' Inclusive Features as an example.

Interactive Description Design

Dive into a free crash course in Interactive Description - dynamic, navigatable screen-reader description design for web interactives:

Description Design for Interactives on Coursera