planned

Overview

Our approach

Our approach to accessibility ladders up to the vision of Illustrative Mathematics:

Accessibility is about inclusion, ensuring that everyone has the ability to access, engage with, enjoy, or share an experience and information. Illustrative Mathematics aims to meet the Web Content Accessibility Guidelines (WCAG), a set of guidelines defining accessibility standards for design and development of digital platforms, specifically WCAG 2.2 AA Standards.

The design and engineering considerations below ladder up to the four principles that provide the foundation for web accessibility.

1. Perceivable - Information and user interface components must be presentable to users in ways they can perceive.
2. Operable - User interface components and navigation must be operable.
3. Understandable - Information and the operation of user interface must be understandable.
4. Robust - Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies.

If any of these are not true, users with disabilities will not be able to use the Web.

Design Considerations

We strongly believe that accessibility starts at the design phase. When designing, consider the following guidelines based off WCAG 2.2:

• Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.
• Check that color contrast meets Level AA, meaning the visual presentation of text and images of text should have a contrast ratio of at least 4.5:1 except for large text, purely decorative images or text, or logos.
• Use appropriate text sizes, with 16px (roughly 12pt) generally accepted as the minimum for body text for readability.

Interaction Considerations

Interaction design contributes to the overall accessibility of our digital products.

• Focus, hover, focus + hover, active, selected, and disabled states should be visually distinct.
• Ensure disabled elements are clearly perceived as such.

Hierarchy

Design navigation and layouts with clear information hierarchy to make digital experiences more inclusive.

• Navigation should have clear labeling, hierarchy, and appropriate contrast.
• Use logical heading hierarchy that can be used by screen readers.

Responsiveness

Account for varying device sizes when thinking about accessibility.

• The target size for interactive elements is 24x24px, but on touch devices like tablet and mobile devices, aim for a minimum of 40x40px.
• Avoid crowding of interface elements by introducing ample white space and padding.

Engineering Considerations

In progress.