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

[ISSUE#1909][MAS1.3.1][Screen Reader-Connect the bot] Voiceover announces the same name on the two control with different role #2012

merged 6 commits into from Dec 2, 2019


Copy link

denscollo commented Nov 26, 2019

Solves #1909


Fixes how Voiceover announces the same name "Restart Conversation" for the "Restart conversation" button and "Restart conversation" dropdown.

Changes made

We added a new property to the SplitButton component named auxiliaryLabel. This label will add to the "Restart conversation" legend an extra "sub menu" legend to difference the button from the dropdown when the emulator runs under macOS.
This way, Voiceover will read the SplitButton with two different legends as NVDA does on Windows.


In the following recording, you can see how Voiceover reads the button and the dropdown with two different labels:


denscollo added 2 commits Nov 26, 2019

This comment has been minimized.

Copy link

coveralls commented Nov 26, 2019

Coverage Status

Coverage increased (+0.05%) to 68.795% when pulling aa62412 on fix/same-name-for-different-controls into 3ecf25f on master.

Copy link

tonyanziano left a comment

Some minor changes. Otherwise, I tested on Windows and Mac and it looks good! :) Outdated Show resolved Hide resolved
@@ -95,7 +103,7 @@ export class SplitButton extends React.Component<SplitButtonProps, SplitButtonSt
<div className={styles.separator} aria-hidden={'true'} />

This comment has been minimized.

Copy link

tonyanziano Nov 27, 2019


I think it's a good idea to make this default to the defaultLabel here in case auxiliaryLabel was not passed in.

aria-label={ auxiliaryLabel | defaultLabel }

Copy link

tonyanziano left a comment

Awesome, thanks!

@tonyanziano tonyanziano merged commit 7019832 into master Dec 2, 2019
2 checks passed
2 checks passed
Emulator-CI-PR #93089 succeeded
license/cla All CLA requirements met.
@tonyanziano tonyanziano deleted the fix/same-name-for-different-controls branch Dec 2, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
None yet
4 participants
You can’t perform that action at this time.