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.

Sign up for GitHub

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

Jump to bottom

10 a11y warnings with svelte 4.0.0 #43

Closed
9 of 10 tasks
Ennoriel opened this issue Jun 30, 2023 · 1 comment
Closed
9 of 10 tasks

10 a11y warnings with svelte 4.0.0 #43

Ennoriel opened this issue Jun 30, 2023 · 1 comment

Comments

@Ennoriel
Copy link
Owner

Ennoriel commented Jun 30, 2023 •
edited
Loading

  • A11y: <div> with mousedown handler must have an ARIA role (Picker.svelte:104:1)
  • A11y: <div> with mousedown handler must have an ARIA role (Slider.svelte:84:1)
  • A11y: <div> with mousedown handler must have an ARIA role (Alpha.svelte:87:1)
  • A11y: Non-interactive element <label> should not be assigned mouse or keyboard event listeners. (Input.svelte:9:0)
  • A11y: noninteractive element cannot have nonnegative tabIndex value (A11yNotice.svelte:16:1)

From the issue below:

  • operation hints should not be in the aria-label (you have the hint for arrow key operation there).
  • the normal sliders do not need a hint for arrow key operation (you currently have it there)
  • the colorpicker should not be opened automatically when the buttons are focused, but only after activating the buttons - a keyboard user might want to navigate over the button and not be "trapped" in the colorpicker
  • the colorpicker should be able to be closed with ESC
  • for blind users the exceeding of a limit value concerning AA or AAA WCAG contrast requirements can be transmitted e.g. via Live Region
@Ennoriel
Copy link
Owner Author

aria attributes for color pickers have also been discussed here: w3c/aria-practices#2742

@Ennoriel Ennoriel changed the title 5 a11y warnings with svelte 4.0.0 10 a11y warnings with svelte 4.0.0 Jul 30, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@Ennoriel