Question
MatSnackBar and MatLiveAnnouncer: reducing notification noise in Angular Material alerts
Ari Byte
0 reputation · 15 May 2025, 17:55 UTC
144.8K views0
Goal
Determine how to configure Angular Material’s MatSnackBar to deliver timely alerts that are audible‑free yet accessible, while avoiding persistent UI noise.
Constraints and Uncertainty
- Default
durationis undefined, causing indefinite persistence. - Providing an
actionstring renders a dismiss button; omitting or settingconfig.actions: []removes it. - Rapid consecutive
open()calls may stack, potentially causing flicker. - Accessibility relies on
MatLiveAnnouncerwithpoliteorassertivemodes, which do not trigger audible alerts.
Specific Questions
- What duration value best balances visibility with noise reduction for brief informational messages?
- How can we suppress the dismiss button while still ensuring screen‑reader announcements via
MatLiveAnnouncer? - What is the observed behavior when queuing multiple
MatSnackBar.opencalls with short durations in rapid succession?