Skip to content

Fix narration of "New messages" button#3204

Merged
compulim merged 12 commits intomicrosoft:masterfrom
compulim:fix-3203-new-messages-button
Jun 5, 2020
Merged

Fix narration of "New messages" button#3204
compulim merged 12 commits intomicrosoft:masterfrom
compulim:fix-3203-new-messages-button

Conversation

@compulim
Copy link
Copy Markdown
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
Comment thread docs/ACCESSIBILITY.md Outdated
Comment thread docs/ACCESSIBILITY.md Outdated
Comment thread docs/ACCESSIBILITY.md Outdated
Comment thread __tests__/html/newMessageButton.tabOrder.html
@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