a11yclick

Easily handle keyboard click events on non semantic button elements.

This is a fork from the blog post entitled "Ridiculously easy trick for keyboard accessibility" by Karl Groves.

The script weighs in at 20 bytes gzipped and has no dependencies.

Installation

Install with Bower:

bower install --save a11yclick

Add a script tag at the bottom of the page, before your application logic.

<script src="a11yclick.js"></script>
<script src="app.js"></script>

Wrap the event logic with a conditional statement, checking the return value of the a11yclick() function. Make sure to pass in the event object.

$('#fake-button').on('click keydown', function(event) {
    if (a11yClick(event)) {
        // Event logic
    }
});