Skip to content

Accessibility and Inclusive Design Resources

Accessibility (sometimes abbreviated a11y) is an important part of any design process. It is essential to the usability of your project for all users. 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 evolving toward being 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.

Development Resources

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

Accessibility in Scenery

Component-level accessibility information can be found within sun UI components). Much, but not all, of this is organized within the in-progress PhET Style Guide, Binder .

Helpful PhET Resources for Creating Accessible Features

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

Design Resources

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

Sound and Sonification Design

Resources for Sound and Sonification Design

Sound and sonification can enhance accessibility by providing auditory feedback and information. Here are some resources to help you implement sound design effectively:

Sound and Sonification Design for Interactive Learning Tools on Coursera

Interactive Description Design

Our first recommendation is to dive into a free crash course in Interactive Description - dynamic, navigatable screen-reader description design for web interactives:

Description Design for Interactives on Coursera

The course includes a Course Resources Index that has a wealth of information about designing spoken descriptions for web interactives.

General Inclusive Design Resources

Basics of Inclusive Design for Online Education on Coursera