diff options
| author | Patrick H. Lauke <[email protected]> | 2013-01-15 07:16:33 +0000 |
|---|---|---|
| committer | Patrick H. Lauke <[email protected]> | 2013-01-15 07:16:33 +0000 |
| commit | 370fa45fbe4ee879a626a67bb4df0ec9495102be (patch) | |
| tree | 9aeff7c8aa52f8f20901ddf0695aa74df71fef22 /docs/components.html | |
| parent | 4503ad7808f6602679ec4b89f00bda30c46505c1 (diff) | |
| download | bootstrap-370fa45fbe4ee879a626a67bb4df0ec9495102be.tar.xz bootstrap-370fa45fbe4ee879a626a67bb4df0ec9495102be.zip | |
Leave tabindex=-1 alone
It seems that, as misguided as I personally think it is, ARIA does
indeed want dropdown menus not to behave as regular keyboard users
expect them, killing TAB/SHIFT+TAB in favor of cursor keys. Fair
enough, the issue I have is then with ARIA, not with bootstrap. I would
sugges thought that if you really do want to follow ARIA consistently,
*any* navigation bar should also become an ARIA menu, further making it
impossible for keyboard users to use TAB/SHIFT+TAB to navigate through
it, and that these changes should be reflected in the bootstrap
examples as well...
Diffstat (limited to 'docs/components.html')
| -rw-r--r-- | docs/components.html | 80 |
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"> <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><a tabindex="-1" href="#">Separated link</a></li> + <li><a href="#">Separated link</a></li> </ul> </pre> @@ -143,11 +143,11 @@ <div class="dropdown"> <!-- Link or button to toggle dropdown --> <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> - <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> </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 @@ <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> ... <li class="dropdown-submenu"> - <a tabindex="-1" href="#">More options</a> + <a href="#">More options</a> <ul class="dropdown-menu"> ... </ul> |