DEV Community


Discussion on: Accessibility For Beginners with HTML and CSS

lexlohr profile image
Alex Lohr

Nice starter. A few things I'm missing are:

  • 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
mxl profile image
Maria Boldyreva Author

Thank you, Alex! I'll edit the post with this information.

Forem Open with the Forem app