Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
JuliaKirschenheuter opened this issue Aug 16, 2023 · 1 comment
Assignees
Labels
accessibility Making sure we design for the widest range of people possible, including those who have disabilities feature: colorpicker Related to the colorpicker component

Comments

@JuliaKirschenheuter
Copy link
Contributor

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
@ShGKme ShGKme self-assigned this Aug 16, 2023
@ShGKme
Copy link
Contributor

ShGKme commented Aug 16, 2023

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 ShGKme added accessibility Making sure we design for the widest range of people possible, including those who have disabilities feature: colorpicker Related to the colorpicker component labels Aug 16, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Making sure we design for the widest range of people possible, including those who have disabilities feature: colorpicker Related to the colorpicker component
Projects
None yet
Development

When branches are created from issues, their pull requests are automatically linked.

2 participants