Skip to content

DesignOps toolchain theme builder for accessibility inclusion using Atomic Design.

License

Notifications You must be signed in to change notification settings

coderakhand/a11y-theme-builder

 
 

Repository files navigation

FINOS - 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 to view an introductory video and to learn about Theme Builder's features.

Using the Application

Try it for yourself, take Theme Builder for a spin!

Interested in exploring Theme Builder further? Learn how to install and use the Accessibility Theme Builder Application in your own environment.

Using the SDK

Learn how to work with the Accessibility Theme Builder SDK.

Join our community!

We encourage designers, developers, technical writers and testers to read about our project, to learn about our goals, and to play in our sandbox. And we hope that you will spend some time in our community.

Contributing

Get involved! Our project welcomes passionate contributors.

Learn more, give feedback

We are happy to listen to ideas, to learn where we can improve and would love to help you become involved in our project. If you would like to help us to refine Theme Builder by reporting issues or suggesting enhancements, please begin the dialog by capturing your thoughts and observations in a GitHub Issue.

If you would like to discuss our ambitions and vision, or to reach out to learn more about Theme Builder, please reach out to us through GitHub Discussions.

We encourage the community to join us in our weekly meetings to understand where our current focus lies, what events we will be participating in, and what opportunities are on the horizon. And, of course, please join us on Slack if we can be of any additional help.

License

Copyright 2023 Discover Financial Services

Distributed under the Apache-2.0 License.

About

DesignOps toolchain theme builder for accessibility inclusion using Atomic Design.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 78.9%
  • CSS 18.1%
  • JavaScript 2.9%
  • Other 0.1%