mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-05-18 12:39:41 +03:00
add role="alert" to Alert examples, to improve accessibility
Per https://github.com/paypal/bootstrap-accessibility-plugin/blob/d8fcbcd3fe86f0cb47fda0ffe269b2c7a2131f07/README.md#alert
This commit is contained in:
@@ -1393,14 +1393,14 @@ $('#myPopover').on('hidden.bs.popover', function () {
|
||||
<h2 id="alerts-examples">Example alerts</h2>
|
||||
<p>Add dismiss functionality to all alert messages with this plugin.</p>
|
||||
<div class="bs-example">
|
||||
<div class="alert alert-warning fade in">
|
||||
<div class="alert alert-warning fade in" role="alert">
|
||||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||||
<strong>Holy guacamole!</strong> Best check yo self, you're not looking too good.
|
||||
</div>
|
||||
</div><!-- /example -->
|
||||
|
||||
<div class="bs-example">
|
||||
<div class="alert alert-danger fade in">
|
||||
<div class="alert alert-danger fade in" role="alert">
|
||||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||||
<h4>Oh snap! You got an error!</h4>
|
||||
<p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
|
||||
|
||||
Reference in New Issue
Block a user