aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorPatrick H. Lauke <[email protected]>2013-01-02 22:39:21 +0000
committerPatrick H. Lauke <[email protected]>2013-01-02 22:39:21 +0000
commit034155ec215f3c6dadbc22939737de5184128756 (patch)
treeeb3d85c616b1f73eca47ae055e863ce8ece216fe
parent4fa4d5254d8b1fc9dae9ee1dfbe555323aaa4e2b (diff)
downloadbootstrap-034155ec215f3c6dadbc22939737de5184128756.tar.xz
bootstrap-034155ec215f3c6dadbc22939737de5184128756.zip
Basic keyboard accessibility CSS tweaks
Mostly doubling-up :hover styles to also cover :focus, as a first step to making the framework more keyboard-friendly. Additionally, fixed two small markup issues in the docs/examples to make the "Learn more" large primary button-styled links keyboard-focusable (as without href they're treated as non-tabable anchors).
-rw-r--r--fluid.html2
-rw-r--r--hero.html2
2 files changed, 2 insertions, 2 deletions
diff --git a/fluid.html b/fluid.html
index 4ca2920ef..359c4beed 100644
--- a/fluid.html
+++ b/fluid.html
@@ -86,7 +86,7 @@
<div class="hero-unit">
<h1>Hello, world!</h1>
<p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
- <p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
+ <p><a href="#" class="btn btn-primary btn-large">Learn more &raquo;</a></p>
</div>
<div class="row-fluid">
<div class="span4">
diff --git a/hero.html b/hero.html
index f0a5e1709..1b9fc2fce 100644
--- a/hero.html
+++ b/hero.html
@@ -75,7 +75,7 @@
<div class="hero-unit">
<h1>Hello, world!</h1>
<p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
- <p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
+ <p><a href="#" class="btn btn-primary btn-large">Learn more &raquo;</a></p>
</div>
<!-- Example row of columns -->