aboutsummaryrefslogtreecommitdiff
path: root/docs/components.html
diff options
context:
space:
mode:
authorPatrick H. Lauke <[email protected]>2013-01-12 17:04:51 +0000
committerPatrick H. Lauke <[email protected]>2013-01-12 17:04:51 +0000
commita809daf2841f65ffac5030b2c6ce6aea60dd6233 (patch)
tree9aeff7c8aa52f8f20901ddf0695aa74df71fef22 /docs/components.html
parent77c68e4bc2862321fbe9c1cfac4d9ab34d2a8073 (diff)
downloadbootstrap-a809daf2841f65ffac5030b2c6ce6aea60dd6233.tar.xz
bootstrap-a809daf2841f65ffac5030b2c6ce6aea60dd6233.zip
Keyboard accessibility in documentation
Removed unnecessary (?) and harmful (from a keyboard access point of view) tabindex=-1 in the documentation examples.
Diffstat (limited to 'docs/components.html')
-rw-r--r--docs/components.html80
1 files changed, 40 insertions, 40 deletions
diff --git a/docs/components.html b/docs/components.html
index 10ffd2e0c..3c69c002b 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -118,21 +118,21 @@
<div class="bs-docs-example">
<div class="dropdown clearfix">
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="display: block; position: static; margin-bottom: 5px; *width: 180px;">
- <li><a tabindex="-1" href="#">Action</a></li>
- <li><a tabindex="-1" href="#">Another action</a></li>
- <li><a tabindex="-1" href="#">Something else here</a></li>
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
<li class="divider"></li>
- <li><a tabindex="-1" href="#">Separated link</a></li>
+ <li><a href="#">Separated link</a></li>
</ul>
</div>
</div>
<pre class="prettyprint linenums">
&lt;ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"&gt;
- &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
- &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
- &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+ &lt;li&gt;&lt;a href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
+ &lt;li&gt;&lt;a href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
+ &lt;li&gt;&lt;a href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
&lt;li class="divider"&gt;&lt;/li&gt;
- &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+ &lt;li&gt;&lt;a href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</pre>
@@ -143,11 +143,11 @@
&lt;div class="dropdown"&gt;
&lt;!-- Link or button to toggle dropdown --&gt;
&lt;ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"&gt;
- &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
- &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
- &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+ &lt;li&gt;&lt;a href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
+ &lt;li&gt;&lt;a href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
+ &lt;li&gt;&lt;a href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
&lt;li class="divider"&gt;&lt;/li&gt;
- &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+ &lt;li&gt;&lt;a href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
</pre>
@@ -171,18 +171,18 @@
<p class="muted">Default</p>
<div class="dropdown clearfix">
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
- <li><a tabindex="-1" href="#">Action</a></li>
- <li><a tabindex="-1" href="#">Another action</a></li>
- <li><a tabindex="-1" href="#">Something else here</a></li>
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="dropdown-submenu">
- <a tabindex="-1" href="#">More options</a>
+ <a href="#">More options</a>
<ul class="dropdown-menu">
- <li><a tabindex="-1" href="#">Second level link</a></li>
- <li><a tabindex="-1" href="#">Second level link</a></li>
- <li><a tabindex="-1" href="#">Second level link</a></li>
- <li><a tabindex="-1" href="#">Second level link</a></li>
- <li><a tabindex="-1" href="#">Second level link</a></li>
+ <li><a href="#">Second level link</a></li>
+ <li><a href="#">Second level link</a></li>
+ <li><a href="#">Second level link</a></li>
+ <li><a href="#">Second level link</a></li>
+ <li><a href="#">Second level link</a></li>
</ul>
</li>
</ul>
@@ -193,18 +193,18 @@
<p class="muted">Dropup</p>
<div class="dropup">
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
- <li><a tabindex="-1" href="#">Action</a></li>
- <li><a tabindex="-1" href="#">Another action</a></li>
- <li><a tabindex="-1" href="#">Something else here</a></li>
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="dropdown-submenu">
- <a tabindex="-1" href="#">More options</a>
+ <a href="#">More options</a>
<ul class="dropdown-menu">
- <li><a tabindex="-1" href="#">Second level link</a></li>
- <li><a tabindex="-1" href="#">Second level link</a></li>
- <li><a tabindex="-1" href="#">Second level link</a></li>
- <li><a tabindex="-1" href="#">Second level link</a></li>
- <li><a tabindex="-1" href="#">Second level link</a></li>
+ <li><a href="#">Second level link</a></li>
+ <li><a href="#">Second level link</a></li>
+ <li><a href="#">Second level link</a></li>
+ <li><a href="#">Second level link</a></li>
+ <li><a href="#">Second level link</a></li>
</ul>
</li>
</ul>
@@ -215,18 +215,18 @@
<p class="muted">Left submenu</p>
<div class="dropdown">
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
- <li><a tabindex="-1" href="#">Action</a></li>
- <li><a tabindex="-1" href="#">Another action</a></li>
- <li><a tabindex="-1" href="#">Something else here</a></li>
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="dropdown-submenu pull-left">
- <a tabindex="-1" href="#">More options</a>
+ <a href="#">More options</a>
<ul class="dropdown-menu">
- <li><a tabindex="-1" href="#">Second level link</a></li>
- <li><a tabindex="-1" href="#">Second level link</a></li>
- <li><a tabindex="-1" href="#">Second level link</a></li>
- <li><a tabindex="-1" href="#">Second level link</a></li>
- <li><a tabindex="-1" href="#">Second level link</a></li>
+ <li><a href="#">Second level link</a></li>
+ <li><a href="#">Second level link</a></li>
+ <li><a href="#">Second level link</a></li>
+ <li><a href="#">Second level link</a></li>
+ <li><a href="#">Second level link</a></li>
</ul>
</li>
</ul>
@@ -238,7 +238,7 @@
&lt;ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"&gt;
...
&lt;li class="dropdown-submenu"&gt;
- &lt;a tabindex="-1" href="#"&gt;More options&lt;/a&gt;
+ &lt;a href="#"&gt;More options&lt;/a&gt;
&lt;ul class="dropdown-menu"&gt;
...
&lt;/ul&gt;