nearly everything working with activedescendant... then decide it's wrong.

docs/assets/css/bootstrap.css

@@ -2355,12 +2355,17 @@ table .span24 {
   margin-left: 2px;
 }
 
-.dropdown:hover .caret,
+.dropdown a:focus .caret,
+.dropdown a:hover .caret,
 .open .caret {
   opacity: 1;
   filter: alpha(opacity=100);
 }
 
+.navbar .nav .open > a {
+  color: #ffffff;
+}
+
 .dropdown-menu {
   position: absolute;
   top: 100%;
@@ -2415,12 +2420,19 @@ table .span24 {
 
 .dropdown-menu li > a:hover,
 .dropdown-menu .active > a,
-.dropdown-menu .active > a:hover {
+.dropdown-menu .active > a:hover,
+.dropdown-menu:hover #aria-active > a:hover,
+.dropdown-menu #aria-active > a {
   color: #ffffff;
   text-decoration: none;
   background-color: #0088cc;
 }
 
+.dropdown-menu:hover #aria-active > a {
+  color: #333333;
+  background-color: #ffffff;
+}
+
 .open {
   *z-index: 1000;
 }
@@ -3779,6 +3791,7 @@ input[type="submit"].btn.btn-mini {
   margin: 0;
 }
 
+.navbar .nav > li > a:focus,
 .navbar .nav > li > a:hover {
   color: #ffffff;
   text-decoration: none;
@@ -3786,7 +3799,8 @@ input[type="submit"].btn.btn-mini {
 }
 
 .navbar .nav .active > a,
-.navbar .nav .active > a:hover {
+.navbar .nav .active > a:hover,
+.navbar .nav .active > a:focus {
   color: #ffffff;
   text-decoration: none;
   background-color: #222222;
@@ -3916,6 +3930,7 @@ input[type="submit"].btn.btn-mini {
   background-color: transparent;
 }
 
+.navbar .nav li.dropdown.active > .dropdown-toggle:focus,
 .navbar .nav li.dropdown.active > .dropdown-toggle:hover {
   color: #ffffff;
 }

docs/assets/js/bootstrap-dropdown.js

@@ -27,6 +27,7 @@
   * ========================= */
 
   var toggle = '[data-toggle="dropdown"]'
+    , active = 'aria-active'
     , Dropdown = function (element) {
         var $el = $(element).on('click.dropdown.data-api', this.toggle)
         $('html').on('click.dropdown.data-api', function () {
@@ -41,34 +42,87 @@
   , toggle: function (e) {
       var $this = $(this)
         , $parent
-        , selector
         , isActive
 
       if ($this.is('.disabled, :disabled')) return
 
-      selector = $this.attr('data-target')
-
-      if (!selector) {
-        selector = $this.attr('href')
-        selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
-      }
-
-      $parent = $(selector)
-      $parent.length || ($parent = $this.parent())
+      $parent = getParent($this)
 
       isActive = $parent.hasClass('open')
 
       clearMenus()
 
-      if (!isActive) $parent.toggleClass('open')
+      if (!isActive) {
+        $parent.toggleClass('open')
+        $this.focus()
+      }
 
       return false
     }
 
+  , keydown: function (e) {
+      var $this = $(this)
+        , $items
+        , $active
+        , $parent
+        , index
+
+      if (e.keyCode == 27) return $this.click()
+
+      if (!/(38|40|13)/.test(e.keyCode)) return
+
+      e.preventDefault()
+      e.stopPropagation()
+
+      if ($this.is('.disabled, :disabled')) return
+
+      $parent = getParent($this)
+
+      $parent.hasClass('open') || $this.click()
+
+      $items = $('[role=menu] li:not(.divider)', $parent)
+
+      if (!$items.length) return
+
+      index = $items.index($items.filter('#' + active))
+
+      $items
+        .eq(index)
+        .attr('id', '')
+
+      if (e.keyCode == 38 && index > 0) index--                                        // up
+      else if (e.keyCode == 40 && index < $items.length - 1) index++                   // down
+      else if (e.keyCode == 13 && ~index) return $items.eq(index).find('a').click()    // enter
+
+      if (!~index) index = 0
+
+      $items
+        .eq(index)
+        .attr('id', active)
+    }
+
   }
 
   function clearMenus() {
-    $(toggle).parent().removeClass('open')
+    getParent($(toggle))
+      .removeClass('open')
+      .find('#' + active)
+      .attr('id', '')
+  }
+
+  function getParent($this) {
+    var selector = $this.attr('data-target')
+      , $parent
+
+    if (!selector) {
+      selector = $this.attr('href')
+      selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
+    }
+
+    $parent = $(selector)
+    $parent.length || ($parent = $this.parent())
+
+    return $parent
   }
 
 
@@ -91,10 +145,12 @@
    * =================================== */
 
   $(function () {
-    $('html').on('click.dropdown.data-api', clearMenus)
+    $('html')
+      .on('click.dropdown.data-api', clearMenus)
     $('body')
       .on('click.dropdown', '.dropdown form', function (e) { e.stopPropagation() })
-      .on('click.dropdown.data-api', toggle, Dropdown.prototype.toggle)
+      .on('click.dropdown.data-api'  , toggle, Dropdown.prototype.toggle)
+      .on('keydown.dropdown.data-api', toggle, Dropdown.prototype.keydown)
   })
 
 }(window.jQuery);
\ No newline at end of file

docs/assets/js/bootstrap.js

@@ -595,6 +595,7 @@
   * ========================= */
 
   var toggle = '[data-toggle="dropdown"]'
+    , active = 'aria-active'
     , Dropdown = function (element) {
         var $el = $(element).on('click.dropdown.data-api', this.toggle)
         $('html').on('click.dropdown.data-api', function () {
@@ -609,34 +610,87 @@
   , toggle: function (e) {
       var $this = $(this)
         , $parent
-        , selector
         , isActive
 
       if ($this.is('.disabled, :disabled')) return
 
-      selector = $this.attr('data-target')
-
-      if (!selector) {
-        selector = $this.attr('href')
-        selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
-      }
-
-      $parent = $(selector)
-      $parent.length || ($parent = $this.parent())
+      $parent = getParent($this)
 
       isActive = $parent.hasClass('open')
 
       clearMenus()
 
-      if (!isActive) $parent.toggleClass('open')
+      if (!isActive) {
+        $parent.toggleClass('open')
+        $this.focus()
+      }
 
       return false
     }
 
+  , keydown: function (e) {
+      var $this = $(this)
+        , $items
+        , $active
+        , $parent
+        , index
+
+      if (e.keyCode == 27) return $this.click()
+
+      if (!/(38|40|13)/.test(e.keyCode)) return
+
+      e.preventDefault()
+      e.stopPropagation()
+
+      if ($this.is('.disabled, :disabled')) return
+
+      $parent = getParent($this)
+
+      $parent.hasClass('open') || $this.click()
+
+      $items = $('[role=menu] li:not(.divider)', $parent)
+
+      if (!$items.length) return
+
+      index = $items.index($items.filter('#' + active))
+
+      $items
+        .eq(index)
+        .attr('id', '')
+
+      if (e.keyCode == 38 && index > 0) index--                                        // up
+      else if (e.keyCode == 40 && index < $items.length - 1) index++                   // down
+      else if (e.keyCode == 13 && ~index) return $items.eq(index).find('a').click()    // enter
+
+      if (!~index) index = 0
+
+      $items
+        .eq(index)
+        .attr('id', active)
+    }
+
   }
 
   function clearMenus() {
-    $(toggle).parent().removeClass('open')
+    getParent($(toggle))
+      .removeClass('open')
+      .find('#' + active)
+      .attr('id', '')
+  }
+
+  function getParent($this) {
+    var selector = $this.attr('data-target')
+      , $parent
+
+    if (!selector) {
+      selector = $this.attr('href')
+      selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
+    }
+
+    $parent = $(selector)
+    $parent.length || ($parent = $this.parent())
+
+    return $parent
   }
 
 
@@ -659,10 +713,12 @@
    * =================================== */
 
   $(function () {
-    $('html').on('click.dropdown.data-api', clearMenus)
+    $('html')
+      .on('click.dropdown.data-api', clearMenus)
     $('body')
       .on('click.dropdown', '.dropdown form', function (e) { e.stopPropagation() })
-      .on('click.dropdown.data-api', toggle, Dropdown.prototype.toggle)
+      .on('click.dropdown.data-api'  , toggle, Dropdown.prototype.toggle)
+      .on('keydown.dropdown.data-api', toggle, Dropdown.prototype.keydown)
   })
 
 }(window.jQuery);/* =========================================================

js/.jshintrc

@@ -4,6 +4,7 @@
     "laxbreak" : true,
     "browser"  : true,
     "debug"    : true,
+    "devel"    : true,
     "boss"     : true,
     "expr"     : true,
     "asi"      : true

js/bootstrap-dropdown.js

@@ -27,6 +27,7 @@
   * ========================= */
 
   var toggle = '[data-toggle="dropdown"]'
+    , active = 'aria-active'
     , Dropdown = function (element) {
         var $el = $(element).on('click.dropdown.data-api', this.toggle)
         $('html').on('click.dropdown.data-api', function () {
@@ -41,34 +42,87 @@
   , toggle: function (e) {
       var $this = $(this)
         , $parent
-        , selector
         , isActive
 
       if ($this.is('.disabled, :disabled')) return
 
-      selector = $this.attr('data-target')
-
-      if (!selector) {
-        selector = $this.attr('href')
-        selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
-      }
-
-      $parent = $(selector)
-      $parent.length || ($parent = $this.parent())
+      $parent = getParent($this)
 
       isActive = $parent.hasClass('open')
 
       clearMenus()
 
-      if (!isActive) $parent.toggleClass('open')
+      if (!isActive) {
+        $parent.toggleClass('open')
+        $this.focus()
+      }
 
       return false
     }
 
+  , keydown: function (e) {
+      var $this = $(this)
+        , $items
+        , $active
+        , $parent
+        , index
+
+      if (e.keyCode == 27) return $this.click()
+
+      if (!/(38|40|13)/.test(e.keyCode)) return
+
+      e.preventDefault()
+      e.stopPropagation()
+
+      if ($this.is('.disabled, :disabled')) return
+
+      $parent = getParent($this)
+
+      $parent.hasClass('open') || $this.click()
+
+      $items = $('[role=menu] li:not(.divider)', $parent)
+
+      if (!$items.length) return
+
+      index = $items.index($items.filter('#' + active))
+
+      $items
+        .eq(index)
+        .attr('id', '')
+
+      if (e.keyCode == 38 && index > 0) index--                                        // up
+      else if (e.keyCode == 40 && index < $items.length - 1) index++                   // down
+      else if (e.keyCode == 13 && ~index) return $items.eq(index).find('a').click()    // enter
+
+      if (!~index) index = 0
+
+      $items
+        .eq(index)
+        .attr('id', active)
+    }
+
   }
 
   function clearMenus() {
-    $(toggle).parent().removeClass('open')
+    getParent($(toggle))
+      .removeClass('open')
+      .find('#' + active)
+      .attr('id', '')
+  }
+
+  function getParent($this) {
+    var selector = $this.attr('data-target')
+      , $parent
+
+    if (!selector) {
+      selector = $this.attr('href')
+      selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
+    }
+
+    $parent = $(selector)
+    $parent.length || ($parent = $this.parent())
+
+    return $parent
   }
 
 
@@ -91,10 +145,12 @@
    * =================================== */
 
   $(function () {
-    $('html').on('click.dropdown.data-api', clearMenus)
+    $('html')
+      .on('click.dropdown.data-api', clearMenus)
     $('body')
       .on('click.dropdown', '.dropdown form', function (e) { e.stopPropagation() })
-      .on('click.dropdown.data-api', toggle, Dropdown.prototype.toggle)
+      .on('click.dropdown.data-api'  , toggle, Dropdown.prototype.toggle)
+      .on('keydown.dropdown.data-api', toggle, Dropdown.prototype.keydown)
   })
 
 }(window.jQuery);
\ No newline at end of file

less/dropdowns.less

@@ -34,11 +34,16 @@
   margin-top: 8px;
   margin-left: 2px;
 }
-.dropdown:hover .caret,
+.dropdown a:focus .caret,
+.dropdown a:hover .caret,
 .open .caret {
   .opacity(100);
 }
 
+.navbar .nav .open > a {
+  color: @navbarLinkColorActive;
+}
+
 // The dropdown menu (ul)
 // ----------------------
 .dropdown-menu {
@@ -90,11 +95,17 @@
 // -----------
 .dropdown-menu li > a:hover,
 .dropdown-menu .active > a,
-.dropdown-menu .active > a:hover {
+.dropdown-menu .active > a:hover,
+.dropdown-menu:hover #aria-active > a:hover,
+.dropdown-menu #aria-active > a {
   color: @dropdownLinkColorHover;
   text-decoration: none;
   background-color: @dropdownLinkBackgroundHover;
 }
+.dropdown-menu:hover #aria-active > a {
+  color: @dropdownLinkColor;
+  background-color: @dropdownBackground;
+}
 
 // Open state for the dropdown
 // ---------------------------

less/navbar.less

@@ -228,6 +228,7 @@
   padding: ((@navbarHeight - @elementHeight) / 2 - 1) 5px ((@navbarHeight - @elementHeight) / 2);
 }
 // Hover
+.navbar .nav > li > a:focus,
 .navbar .nav > li > a:hover {
   background-color: @navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover from .active
   color: @navbarLinkColorHover;
@@ -236,7 +237,8 @@
 
 // Active nav items
 .navbar .nav .active > a,
-.navbar .nav .active > a:hover {
+.navbar .nav .active > a:hover,
+.navbar .nav .active > a:focus {
   color: @navbarLinkColorActive;
   text-decoration: none;
   background-color: @navbarLinkBackgroundActive;
@@ -343,6 +345,7 @@
 }
 
 // Dropdown link on hover
+.navbar .nav li.dropdown.active > .dropdown-toggle:focus,
 .navbar .nav li.dropdown.active > .dropdown-toggle:hover {
   color: @white;
 }