Inclusivity and accessibility (A11Y) are some of the main concerns of Spruce CSS. Our goal is to help you develop more accessible web-based projects through our code and documentation, where we will try to show you small, related tips and guidance where necessary.

Building something more inclusive is a long process. We learn on the way, too, so this always will be a work in progress.

We will do our best to test our code with NVDA (under Windows 10). Testing is an area where help is much appreciated. Please open an issue if you have any input related to this topic. Thank you!

WCAG 2.1

Our primary reference is the Web Content Accessibility Guidelines 2.1 level AA. As a CSS framework, Spruce can’t tackle too much of this reference, but it is more critical at Spruce UI, where you can grab standalone components.

Integrated Inclusivity

We will meet the following accessibility-related issues:

  • The base colors and the base combinations will complete the color contrast guides.
  • We respect the user settings through prefers-reduced-motion and prefers-color-scheme.
  • We care about semantics and will try to present the code examples more meaningfully.