Visitar URL original
USWDS - Disabled styles: High Contrast Components · Issue #5198 · uswds/uswds · GitHub
Skip to content

USWDS - Disabled styles: High Contrast Components #5198

Closed

Description

@mahoneycm

Description

#5063 introduces consistent disabled styles across all components. Viewing these components in high contrast mode exposes further inconsistency across components as well as missing icons & hover states.

image

*Note: this green is the disabled system color for high contrast modes and should be expected

Steps to reproduce the issue

  1. View the disabled forms pattern introduced in Form Inputs: Normalize disabled forms styles #5063
  2. Activate forced-colors rendering in your browser's devTools1 or through your computers operating system if available
  3. Inspect components

Additional information

Footnotes

  1. Instructions: Emulate forced-colors mode ↩

Activity

  1. self-assigned this
    on Mar 24, 2023
  2. added this to the uswds 3.5.0 milestone on Mar 24, 2023
  3. changed the title [-]USWDS - Disabled: High Contrast Components[/-] [+]USWDS - Disabled styles: High Contrast Components[/+] on Mar 29, 2023
  4. moved this from On deck to In progress in USWDS Core Project Dataon Apr 4, 2023
  5. moved this from In progress to Hold in USWDS Core Project Dataon Apr 7, 2023
  6. mahoneycm commented on Apr 7, 2023

    @mahoneycm
    ContributorAuthor

    Work has been completed, waiting for #5063 and #5147 to be merged to continue testing

  7. added
    Affects: Accessibility 🟡Affects access for disabled users or assistive tech. Record the barrier; not a severity score.
    on Apr 14, 2023
  8. moved this from Hold to In progress in USWDS Core Project Dataon May 17, 2023
  9. self-assigned this
    on May 17, 2023
  10. moved this from In progress to Review in USWDS Core Project Dataon May 18, 2023
  11. removed their assignment
    on May 22, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Affects: Accessibility 🟡Affects access for disabled users or assistive tech. Record the barrier; not a severity score.Context: SassIssue is in Sass

Type

No type

Projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions