Accessible DIY button
I'm a button!
Show fixes and notes
Fixes
Fake button supplied with
role="button"
and
tabindex="0"
attributes.
keydown
listener for enter and space keys added (
w3c example
).
Notes
Corresponding success criterion for keyboard navigation:
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.
Forward to "Inaccessible focus styles »
« Back to "Inaccessible DIY button"
Index