What does this mean?
All dialogs (sometimes knows as 'pop up windows') should declare an accessible label that can be read out by screen readers.
More helpTo do this, use aria-label
to specify a label, or aria-labelledby
to point to the id
of an element that contains text describing the modal, e.g.:
<div role="dialog" aria-labelledby="title">
<div id="title">
This is a dialog
</div>
</div>
The above example dialog has a label of This is a dialog
.
0% done
How close this website is to fixing this issue.
This issue is quite technical.
To understand what is going on, you may need some familiarity with
HTML,
the language used to create web pages. Ask a web developer if you need help.
HTML | Found on page | Issues |
---|---|---|
<div class="modal fade" id="bmm-modal" tabindex="-1" role="dialog" aria-hidden="true">...</div>
|
125 |
125
distinct issues were
found in the sample of 125 web pages.