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

fix(sbb-dialog, sbb-menu, sbb-navigation, sbb-tooltip): fix reading order for VoiceOver with Safari #2106

Merged
merged 21 commits into from
Oct 26, 2023

Conversation

jeripeierSBB
Copy link
Contributor

@jeripeierSBB jeripeierSBB commented Oct 24, 2023

Beside the main fix for the reading order in Safari with VoiceOver, we removed the role=group from the sbb-dialog and replaced it with a custom announcing logic. Moreover we could remove some existing workarounds and fixed a small bug in high contrast mode of the sbb-navigation.

Closes #2015, #1879, #1880

BREAKING CHANGE:

  • The property accessibilityLabel of the sbb-navigation was removed. As replacement, an aria-label can now directly be placed on the sbb-navigation element.

@github-actions github-actions bot temporarily deployed to preview-pr2106 October 24, 2023 07:13 Inactive
@codecov-commenter
Copy link

codecov-commenter commented Oct 24, 2023

Codecov Report

Merging #2106 (5c3862f) into master (ab917b0) will decrease coverage by 18.44%.
Report is 1797 commits behind head on master.
The diff coverage is 30.54%.

❗ Your organization needs to install the Codecov GitHub app to enable full functionality.

@@             Coverage Diff             @@
##           master    #2106       +/-   ##
===========================================
- Coverage   54.85%   36.41%   -18.44%     
===========================================
  Files          49      288      +239     
  Lines        1659    10972     +9313     
  Branches      406     2397     +1991     
===========================================
+ Hits          910     3996     +3086     
- Misses        671     6707     +6036     
- Partials       78      269      +191     
Files Coverage Δ
...c/components/sbb-action-group/sbb-action-group.tsx 100.00% <100.00%> (ø)
...mponents/sbb-alert-group/sbb-alert-group.events.ts 100.00% <100.00%> (ø)
src/components/sbb-alert/sbb-alert.events.ts 100.00% <100.00%> (ø)
...onents/sbb-autocomplete/sbb-autocomplete.events.ts 100.00% <ø> (ø)
src/components/sbb-card-badge/sbb-card-badge.tsx 100.00% <100.00%> (+11.11%) ⬆️
src/components/sbb-card/sbb-card.stories.tsx 0.00% <ø> (ø)
src/components/sbb-card/sbb-card.tsx 90.00% <ø> (ø)
.../sbb-checkbox-group/sbb-checkbox-group.stories.tsx 0.00% <ø> (ø)
...mponents/sbb-checkbox-group/sbb-checkbox-group.tsx 33.33% <ø> (ø)
src/components/sbb-checkbox/sbb-checkbox.events.ts 0.00% <ø> (ø)
... and 55 more

... and 239 files with indirect coverage changes

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

Copy link
Contributor

@kyubisation kyubisation left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 👍

Copy link
Contributor

@dauriamarco dauriamarco left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good! 🙂 Just a comment:

Copy link
Contributor

@dauriamarco dauriamarco left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 👍

@github-actions github-actions bot temporarily deployed to preview-pr2106 October 24, 2023 09:51 Inactive
@jeripeierSBB jeripeierSBB changed the title refactor(sbb-navigation): simplify implementation, remove HTML dialog fix(sbb-navigation): Fix reading order for Safari on iOS with VoiceOver Oct 24, 2023
@jeripeierSBB jeripeierSBB changed the title fix(sbb-navigation): Fix reading order for Safari on iOS with VoiceOver fix(sbb-navigation): fix reading order for Safari on iOS with VoiceOver Oct 24, 2023
@github-actions github-actions bot temporarily deployed to preview-pr2106 October 24, 2023 11:36 Inactive
@jeripeierSBB jeripeierSBB marked this pull request as ready for review October 24, 2023 11:48
@github-actions github-actions bot temporarily deployed to preview-pr2106 October 24, 2023 13:41 Inactive
@github-actions github-actions bot temporarily deployed to preview-pr2106 October 24, 2023 19:19 Inactive
@github-actions github-actions bot temporarily deployed to preview-pr2106 October 25, 2023 06:40 Inactive
@github-actions github-actions bot temporarily deployed to preview-pr2106 October 25, 2023 07:36 Inactive
@github-actions github-actions bot temporarily deployed to preview-pr2106 October 25, 2023 08:06 Inactive
@github-actions github-actions bot temporarily deployed to preview-pr2106 October 25, 2023 09:06 Inactive
@jeripeierSBB jeripeierSBB changed the title fix(sbb-navigation): fix reading order for Safari on iOS with VoiceOver fix(sbb-navigation, sbb-dialog, sbb-menu): fix reading order for Safari on iOS with VoiceOver Oct 26, 2023
@github-actions github-actions bot temporarily deployed to preview-pr2106 October 26, 2023 09:53 Inactive
Copy link
Contributor

@kyubisation kyubisation left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 👍

Copy link
Contributor

@dauriamarco dauriamarco left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 👍

@github-actions github-actions bot temporarily deployed to preview-pr2106 October 26, 2023 11:31 Inactive
@jeripeierSBB jeripeierSBB changed the title fix(sbb-navigation, sbb-dialog, sbb-menu): fix reading order for Safari on iOS with VoiceOver fix(sbb-navigation, sbb-dialog, sbb-menu): fix reading order when using browse mode of VoiceOver Oct 26, 2023
@jeripeierSBB jeripeierSBB changed the title fix(sbb-navigation, sbb-dialog, sbb-menu): fix reading order when using browse mode of VoiceOver fix(sbb-dialog, sbb-menu, sbb-navigation, sbb-tooltip): fix reading order when using browse mode of VoiceOver Oct 26, 2023
@jeripeierSBB jeripeierSBB changed the title fix(sbb-dialog, sbb-menu, sbb-navigation, sbb-tooltip): fix reading order when using browse mode of VoiceOver fix(sbb-dialog, sbb-menu, sbb-navigation, sbb-tooltip): fix reading order when using VoiceOver Oct 26, 2023
@jeripeierSBB jeripeierSBB changed the title fix(sbb-dialog, sbb-menu, sbb-navigation, sbb-tooltip): fix reading order when using VoiceOver fix(sbb-dialog, sbb-menu, sbb-navigation, sbb-tooltip): fix reading order for VoiceOver with Safari Oct 26, 2023
@jeripeierSBB jeripeierSBB merged commit 6497b18 into master Oct 26, 2023
15 of 16 checks passed
@jeripeierSBB jeripeierSBB deleted the overlay-rework branch October 26, 2023 13:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: Dialog is output with incorrect role
4 participants