teamforus / forus

Online platform voor maatschappelijke projecten.
https://forus.io
GNU Affero General Public License v3.0
9 stars 3 forks source link

Webshop popup modals: use role="dialog" #2228

Closed jamalv closed 3 years ago

jamalv commented 3 years ago

Pop-up screens are used on this website. The role of the pop-up screen is not specified. In addition, these pop-ups lack accessible names.

When opening a pop-up, the reading software should read the content of the pop-up. Without the correct role, the reading software will not know that this is a pop-up. Elements with this role must have a name to tell the utility software what this element does.

This can be done by adding role = “dialog”. For more information, see https://www.w3.org/TR/wai-ariapractices/#dialog_modal. In addition, these screens need a name that could come from an aria label.