spectrum-web-components icon indicating copy to clipboard operation
spectrum-web-components copied to clipboard

[Bug][a11y]: Slider focus style should support forced-colors: active / WHCM

Open majornista opened this issue 1 year ago • 3 comments

Code of conduct

  • [X] I agree to follow this project's code of conduct.

Impacted component(s)

Slider, SliderHandle

Expected behavior

Slider focused style should match Spectrum specification and the focus ring should render with forced-colors: active or windows high contrast mode. We should also use Highlight color appropriately for track, fill-color and focused state.

Spectrum

Spectrum Slider keyboard focused style

Spectrum with forced-colors: active / WHCM

Spectrum Slider keyboard focused style with forced-colors: active

Actual behavior

Slider uses an older version of the focused style and the focus ring is not visible in high contrast mode.

SWC

Spectrum Web Components Slider keyboard focused style

SWC with forced-colors: active / WHCM

Spectrum Web Components Slider keyboard focused style with forced-colors: active

Screenshots

No response

What browsers are you seeing the problem in?

No response

How can we reproduce this issue?

  1. Go to '...'
  2. Click on '....'
  3. Scroll to '....'
  4. Check console
  5. See error

Sample code that illustrates the problem

No response

Logs taken while reproducing problem

No response

majornista avatar Jun 19 '23 19:06 majornista