npm package instructions say to include a specific .js file, names it, but where is this file?
I'm installing an npm package for an accessible modal dialog from here : https://www.npmjs.com/package/aria-modal-dialog?activeTab=readme
Installing now, under "Standard Usage", it tells me to "Include the a11y.modal.js file at the bottom of your document" but there is no link or indication of where it's located.
Where am I supposed to get this file from?
npm
aria-modal-dialog
ES5 script to create accessible modal dialogs. Latest version: 3.3.3, last published: 5 years ago. Start using aria-modal-dialog in your project by running
npm i aria-modal-dialog. There are no other projects in the npm registry using aria-modal-dialog.5 Replies
am I supposed to make a file path into the 'aria-modal-dialog' folder in my node_modules folder?
If you want a dialog box why use an NPM package when there's the HTML
dialog element?
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialogits because of the aria-settings that come built into it, so that I don't have to configure those from scratch
There's not a lot of aria labels needed:
• The element that contains all elements of the dialog, including the alert message and any dialog buttons, has role–https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/ That's three ARIA labelsalertdialog. • The element with rolealertdialoghas either: • A value foraria-labelledbythat refers to the element containing the title of the dialog if the dialog has a visible label. • A value foraria-labelif the dialog does not have a visible label. • The element with rolealertdialoghas a value set foraria-describedbythat refers to the element containing the alert message.
okay, I just uninstalled it, however now I'm dealing with 3 0px mystery divs that have somehow been inserted into my html above the header. You wouldn't know a good way of figuring out where these are coming from? chrome dev tools doesn't give line references for html, so I don't know how I'm supposed to debug