Select with Tab Key

[sweeperq]

Love the graphical aspect of the toggles. However, it seems that the toggles are no longer selectable via a Tab press. It's not just that the order of tabindex is messed up; you can't even get to them without a pointing device.

[JamieReid77]

$toggleHandle at line 55 needs to be a <button>, not a <span>.

Pull request #107 attempts to resolve this, however it fails when a tabindex is manually declared on elements as the tabindex is not passed through to $toggleHandle.

I'm going to create a new pull request that resolves this shortly.

[Nfinished]

@jamiedavidreid eta? I'm working on aria support and I'd like to include your changes.

[pvagner]

@cafune Are you still working on this or do you know if there is a way on how to make toggles this component produces better accessible with assistive technologies - screen readers?

[Nfinished]

@pvagner I switched to using this library rather than trying to jury rig this one.

[nelson6e65]

I solved by modifying and adding listener to div.toggle:

$(function() {
  var $elements;
  $elements = $("div.toggle");
  if ($elements.length > 0) {
    $elements.attr("tabindex", 0);
    $elements.keydown(function(event) {
      if (event.keyCode === 32) {
        return $(this).trigger('click');
      }
    });    
  }
});