Snackbar - Accessibility

A Snackbar shows brief user feedback messages that overlay content, with an optional action such as Undo.

AndroidreleasedElementsreleasediOSreleased

General

From an accessibility perspective the snackbar component is problematic.

• Since the popovers disappear on their own users might not even see them, especially when zoomed in.
• The popovers are in practice impossible to reach with keyboard since they appear away from the element that triggered them.
• Important elements on the page might get hidden behind the popover.

A snackbar must never be the backbone of your user experience, it should only ever include information and actions that are available elsewhere.

• Keep messages and actions short since the popover is visible only for a short time.
• Ensure any information and action in the snackbar, such as Undo, is possible to do elsewhere.

Questions?

Feel free to ask any questions on usage in the Warp DS Slack channel: #warp-design-system