From 533530a785739cf882c3fc1e39f393ccca5b3a54 Mon Sep 17 00:00:00 2001
From: Dominick Reinhold <dreinhold@pivotal.io>
Date: Tue, 1 Sep 2015 14:50:24 -0700
Subject: [PATCH] [added] Adds a callout to the sr-only button in `Closable
 Alerts`

Signed-off-by: Kenny Wang <kwang@pivotal.io>
---
 docs/src/ComponentsPage.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/docs/src/ComponentsPage.js b/docs/src/ComponentsPage.js
index 1d419d1d07..8028755876 100644
--- a/docs/src/ComponentsPage.js
+++ b/docs/src/ComponentsPage.js
@@ -623,6 +623,11 @@ const ComponentsPage = React.createClass({
                   <p>just pass in a <code>onDismiss</code> function.</p>
                   <ReactPlayground codeText={Samples.AlertDismissable} />
 
+                  <div className="bs-callout bs-callout-info">
+                    <h4>Screen Reader Accessibility</h4>
+                  <p>Unlike regular Bootstrap, alerts have an sr-only dismiss button after the content.</p>
+                  </div>
+
                   <h4><Anchor id="alerts-auto-closeable">Auto closeable</Anchor></h4>
                   <p>Auto close after a set time with <code>dismissAfter</code> prop.</p>
                   <ReactPlayground codeText={Samples.AlertAutoDismissable} />