Use aria-label for descriptions that only screen readers should read out, aria-hidden to hide stuff from being read out
Use button for any element that works as a button (even outside of a form) so the browser will translate keypresses of space or enter into click events
tabindex="0" will set the tabindex in the DOM element order after those elements with a tabindex higher than zero
In a web application context, control the focus and keep it somewhere useful
WAI aria attributes will also work great in SVG to make your graphics fully accessible
Nice starter. A few things I'm missing are:
aria-labelfor descriptions that only screen readers should read out,aria-hiddento hide stuff from being read outbuttonfor any element that works as a button (even outside of a form) so the browser will translate keypresses of space or enter into click eventstabindex="0"will set the tabindex in the DOM element order after those elements with a tabindex higher than zeroThank you, Alex! I'll edit the post with this information.