title: Accessible Links
body: <p>I have a few input elements inside a Bootstrap <code>panel-heading</code>. I've got click handlers on these which works fine using a mouse, but I need them to be keyboard operable for WCAG compliance. Is there an easy way to have them respond to click OR spacebar/enter press? The only way I can see are either:</p>
  
  <ul>
  <li>Changing the  tags to buttons and removing the button styling with CSS</li>
  <li>Adding a keydown trigger to the document and checking <code>e.keyCode</code></li>
  </ul>
  
  <p>Both of which seem long winded and kind if hackey.</p>
  
  <p><strong>EDIT</strong>: To be specific. In the header, I have the following structure:</p>
  
  <pre><code>------------------------------------------
  - \/ Section Name      [15]       [On/Off]
  ------------------------------------------
  </code></pre>
  
  <p>Wrapping the elements in individual <code>&lt;a&gt;</code> tags allows them to receive focus, but only actually clicking the section name will trigger the expand handler.</p>