nextcloud-vue icon indicating copy to clipboard operation
nextcloud-vue copied to clipboard

[BITV] Check color picker for accessibility requirements and fix all found issues

Open JuliaKirschenheuter opened this issue 2 years ago • 1 comments

We need to make sure that our color picker is fully accessible. Small list of requirements:

  • contrasts
  • keyboard navigation
  • all needed aria attributes for each color button and action button with right naming

If there would be too much issues, an alternative could be to use a native color picker instead.

Current state:

Peek 2023-08-16 10-34

  • Focus state on 'change schema' button is not there: Screenshot from 2023-08-16 10-35-21
  • description for all buttons is not there

JuliaKirschenheuter avatar Aug 16 '23 08:08 JuliaKirschenheuter

Working on it. I'm going to do 2 things:

  1. Replace vue-chroma package with a native color picker. It works in all modern browsers, accessible and advanced.
  2. Add the optional ability to add a name of the color in the palette (but with l11n...)

ShGKme avatar Aug 16 '23 15:08 ShGKme