– How to make your frontend accessible – Frontend Conference Zurich

Almost accessible fake button: Do stuff

Completely accessible native button:

Show fixes and notes

Fixes

Fake button supplied with role="button" attribute (in addition to tabindex="0") and keydown listener for enter and space keys (new technique).
Native button element used.

Notes

Corresponding success criterion: 2.1.1 Keyboard.
The preferred solution regarding buttons is to use a real button or link, see H91. Further reading: Just use a (native HTML) button by Steve Faulkner, Links are not buttons. Neither are DIVs and SPANs by Karl Groves.