Description: Alerts inform users with important information.
508 Guidelines: When alerts appear on the screen, the focus of the screen reader should be shifted to the alert.
<div class="control form-group form-alert-banner alertBanner-control alertMessage">
<div class="alert alert-warning alert-dismissible alert-user" role="alert">
<div class="alert-content">
<p><strong><i class="fa fa-warning"></i> Warning</strong></p>
<p>Warning message.</p>
</div>
<button title="To close this alert, press enter" data-dismiss="alert" class="close" type="button"><span aria-hidden="true">×</span></button>
</div>
</div>
Copy