title: Accessibility - React Ensure click events have key events
body: <p>I want to be sure that all my onClick event are next to a onKeyDown event.</p>
  <p>I will use eslint-plugin-jsx-a11y to ensure this.
  But in code, It is a way to do this generic. I mean, it will be annoying to do all the time:</p>
  <pre><code> if(event.keyCode === 13){
      ...
   }
  </code></pre>
  <p>I would like to have a way to tell an element that in onKeyDown in case that the user use the  execute the function in the onClick. Or a similar solution like
  <a href="http://www.karlgroves.com/2014/11/24/ridiculously-easy-trick-for-keyboard-accessibility/" rel="nofollow noreferrer">http://www.karlgroves.com/2014/11/24/ridiculously-easy-trick-for-keyboard-accessibility/</a></p>
  <p>In angular for instance, I have this clear. Let's go for a directive to do this automatically. But in React I don't know which is the best approach.</p>
  <hr />
  <p>eslint rule:
  <a href="https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/click-events-have-key-events.md" rel="nofollow noreferrer">https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/click-events-have-key-events.md</a></p>