Uploaded image for project: 'stripes-components'
  1. stripes-components
  2. STCOM-813

Fix color contrast issues for the <MetaSection> and disabled <Button>

    XMLWordPrintable

Details

    • Bug
    • Status: Closed (View Workflow)
    • P3
    • Resolution: Done
    • None
    • None
    • stripes-force 109, stripes-force 110
    • Stripes Force
    • Very Small (VS) < 1day

    Description

      While working on fixing color contrast issues in https://issues.folio.org/browse/UIDATIMP-818, we came across a few contrast issues that need to be fixed in stripes-components:

      • The disabled state for the <Button> component
      • A false negative in the <MetaSection> component

      How to test and fix

      Run the WCAG Color Contrast checker chrome plugin in the Storybook for each of the components and update the colors to ensure that the contrast ratio is WCAG 2.1 level AA compliant.

      TestRail: Results

        Attachments

          Issue Links

            Activity

              People

                rasmuswoelk Rasmus Wølk
                rasmuswoelk Rasmus Wølk
                Votes:
                0 Vote for this issue
                Watchers:
                0 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  TestRail: Runs

                    TestRail: Cases