From 5fd7bc1554d492bdd5794d35fce515fe951439a6 Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Tue, 2 Jun 2015 09:41:40 +0100 Subject: generalize dropdowns / drop role="menu" as role="menu" is a very specific (and strict) ARIA pattern for desktop-like application menus, and our dropdowns are often used as pure navigation dropdowns, this change abandons ARIA menus for a more open-ended and light-weight approach (see http://heydonworks.com/practical_aria_examples/#submenus and http://www.w3.org/WAI/tutorials/menus/flyout/#improve-screen-reader-support-using-wai-aria) note that in dropdown.js, switched to now target ``.dropdown-menu`` instead of ``role["menu"]`` - this also prevents bootstrap scripts from "bleeding" into non-bootstrap components on the same page. also removed the ``role=["listbox"]`` part, which appears to be vestigial/unused (only place in bootstrap that uses that role are carousels, and their key handling is done separately) --- docs/_includes/components/dropdowns.html | 98 ++++++++++++++++---------------- 1 file changed, 49 insertions(+), 49 deletions(-) (limited to 'docs/_includes/components/dropdowns.html') diff --git a/docs/_includes/components/dropdowns.html b/docs/_includes/components/dropdowns.html index c2bfeb3d5..c5554b803 100644 --- a/docs/_includes/components/dropdowns.html +++ b/docs/_includes/components/dropdowns.html @@ -7,28 +7,28 @@

Wrap the dropdown's trigger and the dropdown menu within .dropdown, or another element that declares position: relative;. Then add the menu's HTML.

- -
{% highlight html %}
- -
{% endhighlight %} @@ -36,28 +36,28 @@

Dropdown menus can be changed to expand upwards (instead of downwards) by adding .dropup to the parent.

- -
{% highlight html %}
- -
{% endhighlight %} @@ -73,7 +73,7 @@

As of v3.1.0, we've deprecated .pull-right on dropdown menus. To right-align a menu, use .dropdown-menu-right. Right-aligned nav components in the navbar use a mixin version of this class to automatically align the menu. To override it, use .dropdown-menu-left.

{% highlight html %} -