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

[A11y] Make Windows Narrator announce redesign tabs properly #8799

Merged
merged 1 commit into from
Sep 9, 2021

Conversation

loic-sharma
Copy link
Contributor

Bootstrap 3 tabs do not have aria-expanded or aria-selected attributes until the user switches the tab. This causes issues with Windows Narrator. This change manually adds the aria-expanded and aria-selected attributes to ensure Windows Narrator properly announces these tabs.

Part of #8790

@loic-sharma loic-sharma requested a review from a team as a code owner September 8, 2021 23:10
<i class="ms-Icon ms-Icon--Dictionary" aria-hidden="true"></i>
README
</a>
</li>

activeBodyTab = activeBodyTab ?? "dependencies";
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Currently it's impossible for the dependencies or the release notes tabs to be the active tab by default. However, I still set and use activeBodyTab on these tabs to prevent bugs if we ever re-order tabs.

@loic-sharma loic-sharma merged commit cd8eb6a into dev Sep 9, 2021
@loic-sharma loic-sharma deleted the loshar-a11y-tabs branch September 9, 2021 17:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants