- Why is the heading structure important for accessibility?
- Should modal heading be h1?
- Can modals be accessible?
- Can screen readers read modals?
Why is the heading structure important for accessibility?
Headings allow readers to browse content by topical groups, and provides context for users working through lengthy content. Users are much more likely to discover topics of interest if they are marked with a heading. This structure is especially important for screen reader users.
Should modal heading be h1?
Summary: You can use either `h1` or `h2`. It is important to use the same level across your website. There is no WCAG recommendation. Note: Article refers to the first heading on a modal dialog.
Can modals be accessible?
Modal dialogs can enhance usability by focusing attention on a specific message that requires a user action to continue. An accessible modal dialog is one where keyboard focus is managed properly, and the correct information is exposed to screen readers.
Can screen readers read modals?
Give the modal an ARIA aria-describedby attribute which will be linked to the id of some visually hidden text which describes the modal's function, and how to exit it. A screen reader will read this information upon being focused on the modal.