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 narration of "New messages" button #3204

Merged
merged 12 commits into from
Jun 5, 2020

Conversation

compulim
Copy link
Contributor

@compulim compulim commented Jun 4, 2020

Fixes #3203.

Changelog Entry

  • Fixed #3203. "New messages" button should be narrated by assistive technology, by @compulim in PR #3204

Description

When focusing on the "New messages" button, assistive technology are not reading its content. This is because the container of the button has a special flag "presentational children".

We need to build the button on the container instead.

Specific Changes

  • Add design rationale to docs/ACCESSIBILITY.md
  • Turn <ScrollToEndButton> from <button> into <li>
    • Add corresponding ARIA fields
    • Handle ENTER and SPACEBAR
    • On iOS Safari + VoiceOver, role="separator" will become role="presentation", we will use the default role (listitem) isntead

  • Testing Added
    • Existing tests should cover the functionality of the button
    • Narration cannot be tested with automated testing

@compulim compulim marked this pull request as ready for review June 4, 2020 13:13
@compulim compulim force-pushed the fix-3203-new-messages-button branch from ac6b237 to 95c885b Compare June 4, 2020 14:51
docs/ACCESSIBILITY.md Outdated Show resolved Hide resolved
docs/ACCESSIBILITY.md Outdated Show resolved Hide resolved
docs/ACCESSIBILITY.md Outdated Show resolved Hide resolved
@compulim compulim merged commit 270a1d4 into microsoft:master Jun 5, 2020
@compulim compulim deleted the fix-3203-new-messages-button branch June 5, 2020 11:44
@compulim compulim mentioned this pull request Jun 10, 2020
38 tasks
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.

[Accessibility] New messages button are not read when focus on it
3 participants