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

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

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed (View Workflow)
    • Priority: P3
    • Resolution: Done
    • Affects Version/s: None
    • Fix Version/s: None
    • Labels:
    • Template:
    • Sprint:
      stripes-force 109, stripes-force 110
    • Development Team:
      Stripes Force
    • Front End Estimate:
      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

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

                  Dates

                  Created:
                  Updated:
                  Resolved:

                    TestRail: Runs

                      TestRail: Cases