Skip to content

Latest commit

 

History

History
19 lines (12 loc) · 818 Bytes

accessibility.md

File metadata and controls

19 lines (12 loc) · 818 Bytes

Accessibility

Work in progress

The viewer needs to be accessible for keyboard and screen reader. It's should follow WCAG 2.1 requirements: https://www.w3.org/TR/WCAG21

React and accessibilty documentation: https://reactjs.org/docs/accessibility.html

We need to trap the navigation inside the map element: https://mui.com/base-ui/react-focus-trap and add a skip link to go over

Manage focus (Modal Dialogs or any full-screen tasks): https://www.npmjs.com/package/react-focus-on

Further documenation: https://simplyaccessible.com/article/react-a11y/

Additional tools: https://mn.gov/mnit/about-mnit/accessibility/maps/ https://microsoftedge.microsoft.com/addons/detail/axe-devtools-web-access/kcenlimkmjjkdfcaleembgmldmnnlfkn https://accessibilityinsights.io/downloads/ https://github.com/dequelabs/axe-core