diff --git a/css/app.css b/css/app.css
index 04deb49e8..a0c456c4c 100644
--- a/css/app.css
+++ b/css/app.css
@@ -226,6 +226,7 @@ ul.toggle-list li a {
     text-overflow:ellipsis;
     overflow:hidden;
 }
+ul.toggle-list li a:focus,
 ul.toggle-list li a:hover { background-color: #ececec;}
 
 ul.toggle-list .icon {
diff --git a/js/id/ui/background.js b/js/id/ui/background.js
index a26fda62a..755663729 100644
--- a/js/id/ui/background.js
+++ b/js/id/ui/background.js
@@ -34,6 +34,7 @@ iD.ui.Background = function(context) {
         function toggle() {
             tooltip.hide(button);
             setVisible(content.classed('hide'));
+            content.selectAll('.toggle-list li:first-child a').node().focus();
         }
 
         function setVisible(show) {
@@ -223,6 +224,13 @@ iD.ui.Background = function(context) {
                 context.background().offset([0, 0]);
                 context.redraw();
             });
+
+        var keybinding = d3.keybinding('background');
+
+        keybinding.on('b', toggle);
+
+        d3.select(document)
+            .call(keybinding);
     }
 
     return d3.rebind(background, event, 'on');