Skip to content

[a11y [MatSnackBar] Screen reader announces message twice. #14825

Closed
@glushkova91

Description

@glushkova91

What is the expected behavior?

Screen reader should announce snack bar message only once.

What is the current behavior?

Using open API method the message is announced twice because:

  • role='status' behaves as aria-live and this role is assigned to massage wrapper
  • MatSnackBar uses LiveAnnouncer (or smth similar from cdk a11y module) to announce message.

What are the steps to reproduce?

  1. Open shared example
    https://stackblitz.com/angular/krygnaabbpg?file=app%2Fsnack-bar-overview-example.ts
  2. Enable SR.
  3. Go to "Show Snack-bar" button and press Enter.
  4. Observe the result - snack-bar's message is announced twicw

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Chromevox- Google Chrome OS Version 64.0.3282.190

Metadata

Metadata

Assignees

Labels

AccessibilityThis issue is related to accessibility (a11y)P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/snack-bar

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions