In-Line Alert Banners

An in-line alert banner is a non-modal message that is related to objects in a view.

Accessibility


Keyboard

The in-line alert component is not interactive.

Design Checklist

Accessible use of colorColor is not the only visual means of conveying information and meets a minimum of Level AA WCAG standards.

Accessible contrast for textText has a contrast ratio of at least 4.5:1 for small text and at least 3:1 for large text.

Accessible contrast for UI componentsVisual information required to identify components and states (except inactive components) has a contrast ratio of at least 3:1.

Keyboard interactionsFollows WCAG 2.0 standards for keyboard accessibility guidelines and includes a description of the keyboard interactions.