Accessibility and React

  • Read the React accessibility documentation.
  • Remember that the for attribute is htmlFor in JSX.
  • Use <section>, <article>, <label>, headings, and aria-label liberally.
  • Use buttons to handle onClick events.
  • Use links for navigation.
  • Always test your page with a screen reader and keyboard navigation to see if you need to switch around tags to make navigation and focus possible.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Abbey Perini

Abbey Perini

…did someone say animated CSS button?