Add role="button" to <a> buttons

These should really be <button> elements, but until that gets squared away, this will suffice.

1 files changed, 4 insertions, 4 deletions

diff --git a/css.html b/css.html
index c0169d574..a45c71a80 100644
--- a/css.html
+++ b/css.html
@@ -2134,12 +2134,12 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
     <h3>Anchor element</h3>
     <p>Add the <code>.disabled</code> class to <code>&lt;a&gt;</code> buttons.</p>
     <p class="bs-example">
-      <a href="#" class="btn btn-primary btn-lg disabled">Primary link</a>
-      <a href="#" class="btn btn-default btn-lg disabled">Link</a>
+      <a href="#" class="btn btn-primary btn-lg disabled" role="button">Primary link</a>
+      <a href="#" class="btn btn-default btn-lg disabled" role="button">Link</a>
     </p>
 {% highlight html %}
-<a href="#" class="btn btn-primary btn-lg disabled">Primary link</a>
-<a href="#" class="btn btn-default btn-lg disabled">Link</a>
+<a href="#" class="btn btn-primary btn-lg disabled" role="button">Primary link</a>
+<a href="#" class="btn btn-default btn-lg disabled" role="button">Link</a>
 {% endhighlight %}
     <p>
       We use <code>.disabled</code> as a utility class here, similar to the common <code>.active</code> class, so no prefix is required.