/a11y-theme-builder

DesignOps toolchain theme builder for accessibility inclusion using Atomic Design.

Primary LanguageTypeScriptApache License 2.0Apache-2.0

FINOS - IncubatingDFS - Incubating Maintainers-Invited Contributors-Invited

Accessibility Theme Builder

logo A system for generating machine readable asset types allowing design systems to publish products that are accessibly inclusive.

Concept

Accessibility compliance is difficult. All too often accessibility is addressed late in the development and testing cycle. What if systems were designed upfront with accessible inclusion as a design principle? What if the workflow between designers and developers produced accessible components before the assembling of applications?

workflow

Adhering to an Atomic Accessibility Design Methodology, the Accessibility Theme Builder enables designers to systematically achieve consistent standards compliance. The system collects atomic design system variables, allowing a Designer to incrementally create asset types (JSON, CSS files) that can be used to:

  1. publish physical and digital solutions
  2. generate reusable design components that are leveraged to build physical and digital solutions

Getting Started

Theme Builder Capabilities

Visit the project docs.

Using the Application

Learn how to install and use the Accessibility Theme Builder Application.

Using the SDK

Learn how to work with the Accessibility Theme Builder SDK.

Contributing

Get involved! Our project welcomes passionate contributors.

License

Copyright 2023 Discover Financial Services

Distributed under the Apache-2.0 License.