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

Bug: sbb-select accessibility issue with Safari & macOs #1613

Open
IForgotAccount opened this issue Jul 22, 2022 · 3 comments
Open

Bug: sbb-select accessibility issue with Safari & macOs #1613

IForgotAccount opened this issue Jul 22, 2022 · 3 comments
Assignees
Labels
bug Something isn't working comp: angular Issues related to @sbb-esta/angular effort2: days prio3: medium Should be done when time available

Comments

@IForgotAccount
Copy link

Describe the bug
There is an accessibility issue with the Safari browser on macOs.

The sbb-select does not read out with the screen reader VoiceOver the entries selected or ticked by arrow key.

To Reproduce
Use macOs 15.4 or 15.5 with Safari 15.5

Steps to reproduce the behavior:
1, Start VoiceOver (Settings->Accessibility)
2. Go to https://angular.app.sbb.ch/angular/components/select/examples
3. Scroll down to 'Select Option Groups Multi Selection'
4. Tab to 'sbb-select International food'
5. Open sbb-select
6. Try select some option ex. Pasta
7. Error: Listen missing sound output

Expected behavior
Same sound output like Chrome/Firefox on WIndows.

Desktop

  • OS: macOs 15.5
  • Browser safari
  • Version 15
@IForgotAccount IForgotAccount added the bug Something isn't working label Jul 22, 2022
@kyubisation kyubisation added comp: angular Issues related to @sbb-esta/angular effort2: days prio3: medium Should be done when time available labels Jul 22, 2022
@mhaertwig mhaertwig reopened this Jul 27, 2022
@mhaertwig
Copy link
Collaborator

Sorry, I closed this accidentally.

@mhaertwig mhaertwig self-assigned this Jul 27, 2022
@mhaertwig
Copy link
Collaborator

I could not find any solution for this bug. And I also did not find any MultiSelect widget that consists of a combobox and a listbox (like ours) that works well with VoiceOver and Safari. Even the W3 example is not working properly.

There are several Webkit bug reports that seem to be related to this issue, e.g.

And there are bug reports for other libraries like e.g. Angular Components: angular/components#24390

@mhaertwig
Copy link
Collaborator

I'll keep an eye on the linked issues and update this bug if there's a solution.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working comp: angular Issues related to @sbb-esta/angular effort2: days prio3: medium Should be done when time available
Projects
None yet
Development

No branches or pull requests

3 participants