Coder Social home page Coder Social logo

finos / a11y-theme-builder Goto Github PK

View Code? Open in Web Editor NEW
32.0 9.0 68.0 184.47 MB

DesignOps toolchain theme builder for accessibility inclusion using Atomic Design.

License: Apache License 2.0

Dockerfile 0.02% TypeScript 78.84% HTML 0.10% CSS 18.12% JavaScript 2.89% Shell 0.03%
accessibility design-systems nodejs react a11y-tb

a11y-theme-builder's Introduction

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.