React
Plugins
Veel populaire React plugins zijn niet toegankelijk (of voldoen niet volledig aan het vereiste niveau AA) en hebben dus negatieve impact op je website. Hier zijn een aantal plugins die positieve impact hebben op de toegankelijkheid:
Headless UI
Headless UI werkt goed met Tailwind CSS en het zijn componenten zonder stijl. Deze kan je dus helemaal zelf stijlen. Headless UI - Unstyled, fully accessible UI components
React Aria
Deze plugin geeft hooks voor complexere interacties. Als je deze goed gebruikt werkt het goed met toetsenbordnavigatie én schermlezers. De status van ieder element wordt dan op de juiste manier voorgelezen.
Framer Motion
Met Framer Motion kan je mooie animaties maken en deze met een hook ook toegankelijk maken. Met de juiste configuratie zijn je animaties met beweging automatisch uitgeschakeld voor gebruikers die dit uit hebben staan in hun systeeminstellingen. Animaties in opacity of kleuren blijven wel werken: Accessibility | Framer for Developers.