Currently when modals appear they're not focusable. The page behind them can also be still navigated.
They most likely need to tell the page that live content is appearing with aria-live and do some focus management.
- Look at chapter 6 of Web Accessibility Cookbook to research making them better.
- W3 Modal Guide: https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
- Vue Tutorial: https://dev.to/drewclem/building-an-accessible-modal-in-vue-2d2a
There are two modals reachable from the donation confirmation page:
- address update
- donation comments
Implementation Notes
- Look into using the native dialog element, it seems very well supported these days https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog
- Setting the inert attribute might help.
- See also: https://vuejs.org/guide/built-ins/teleport.html