5 ms·
I personally also find it hard getting accessibility to work right. Depending on the modal and js library used to generate it, getting aria tags to work right a
by chomp 4y ago
I personally also find it hard getting accessibility to work right. Depending on the modal and js library used to generate it, getting aria tags to work right always feels difficult.
- clairity 4y agothe new-ish <dialog> tag with a <form method="dialog"><button>Close</button></form> inside, combined with styling the pseudo-element ::backdrop, comes very close to being javascript-less built-in solution for modals. you still need js to trigger opening the dialog though, but that can be as simple as document.querySelector('#dialog').showModal() apparently <dialog>'s still needs some accessibility/interaction improvements to be a first-class solution, but it's getting there: https://nolanlawson.com/2022/06/14/dialogs-and-shadow-dom-can-we-make-it-accessible/ https://nolanlawson.com/2022/06/14/dialogs-and-shadow-dom-ca...