Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[TB] Implement color dependency identification logic for a design system #971

Open
4 tasks
Tracked by #820
aaronreed708 opened this issue Jul 24, 2024 · 0 comments
Open
4 tasks
Tracked by #820
Assignees
Labels
enhancement New feature or request sdk Software development kit theme builder app Theme Builder application

Comments

@aaronreed708
Copy link
Contributor

Problem/Concern

Issues #918 and #919 depend on Theme Builder having the ability to determine what dependencies will be affected when a color is modified or deleted AND suggesting, when possible and appropriate, alternative colors to be applied downstream in order to keep the design system compliant with WCAG.

When implemented, this solution should allow Theme Builder UI to determine:

  • what downstream components will be affected by the given color change in such a way that the UI can represent each to the user
    • meaningful text should also be determined by Theme Builder that can be shown to the user to be displayed along with the affected component
  • a color recommendation for EACH downstream component that will maintain compliance. The UI displayed downstream component should be able to load this recommendation for rendering
  • Each set of information should be available for WCAG AA and WCAG AAA

I assume that this code would live in the a11y-theme-builder-sdk, but that is not a requirement.

Proposed Solution

The result should allow for wireframe https://www.figma.com/design/Co8gYdDmE64Wv90eWy9FwE/Mentorship---Edit-Theme-Builder-Colors-and-Themes?node-id=218-23469&t=tdJfBS9zcfeEDALq-4 to be built and rendered

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request sdk Software development kit theme builder app Theme Builder application
Projects
Status: High Priority
Development

No branches or pull requests

3 participants