Skip to content

USWDS: Range Slider - Fixes high contrast visibility#4510

Merged
mejiaj merged 3 commits into
cm-high-contrast-a11yfrom
cm-hc-range-slider
Feb 10, 2022
Merged

USWDS: Range Slider - Fixes high contrast visibility#4510
mejiaj merged 3 commits into
cm-high-contrast-a11yfrom
cm-hc-range-slider

Conversation

@mahoneycm

@mahoneycm mahoneycm commented Feb 9, 2022

Copy link
Copy Markdown
Contributor

Preview

Range Slider →

Description

Resolves #4469 - Range Slider issue

This PR adds an outline to the range slider handle (or "thumb") when high contrast mode is detected

Additional information

Currently:

image

After Fix:

image

Before you hit Submit, make sure you’ve done whichever of these applies to you:

  • Follow the 18F Front End Coding Style Guide and Accessibility Guide.
  • Run npm test and make sure the tests for the files you have changed have passed.
  • Run your code through HTML_CodeSniffer and make sure it’s error free.
  • Title your pull request using this format: [Website] - [UI component]: Brief statement describing what this pull request solves.

Comment thread src/stylesheets/elements/form-controls/_range-input.scss

@mejiaj mejiaj left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, let's just add a line before the forced-colors query.

@mejiaj mejiaj merged commit 3783ae6 into cm-high-contrast-a11y Feb 10, 2022
@mejiaj mejiaj deleted the cm-hc-range-slider branch February 10, 2022 17:45
@brunerae brunerae mentioned this pull request Feb 14, 2022
4 tasks
@mahoneycm mahoneycm mentioned this pull request Feb 14, 2022
8 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants