igniteui-webcomponents icon indicating copy to clipboard operation
igniteui-webcomponents copied to clipboard

Calendar prev/next month buttons focus visual state not distinctive enough

Open damyanpetev opened this issue 3 years ago • 0 comments

Description

When the previous/next month buttons are focused, the visual state indication doesn't seem to be distinctive enough, specifically in the Bootstrap theme there's barely any difference. Marking this for Bootstrap for that reason, though I believe the Indigo theme might also be too close, depending on requirements for color and contrast value differences to satisfy general accessibility and also color blind users.

Steps to reproduce

  1. Open the Calendar Docs or Stories
  2. Focus one of the month buttons (either focus the calendar (date) and shift-tab or click one of the buttons directly)
  3. Observe the focused visual state

Result

There's a barely perceptible difference in color: image

Close contender with the Indigo theme - same button is focused and it is visible (mostly) but I'm not sure this passes accessibility requirements: image

Expected result

I'd expect the focused state to be easy to see clearly and follow accessibility standards

damyanpetev avatar Aug 31 '22 12:08 damyanpetev