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.

To 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.



96.6% done

How close this website is to fixing this issue.

HTML Found on page Issues
<div id="modal-1" class="modal fade" role="dialog">...</div> 1
<div id="modal-3" class="modal fade" role="dialog">...</div> 1
<div id="modal-7" class="modal fade" role="dialog">...</div> 1
<div id="modal-5" class="modal fade" role="dialog">...</div> 1
<div id="modal-15" class="modal fade" role="dialog">...</div> 1
<div id="modal-9" class="modal fade" role="dialog">...</div> 1
<div id="modal-2" class="modal fade" role="dialog">...</div> 1
<div id="modal-4" class="modal fade" role="dialog">...</div> 1
<div id="modal-12" class="modal fade" role="dialog">...</div> 1
<div id="modal-16" class="modal fade" role="dialog">...</div> 1
17 distinct issues were found in the sample of 29 web pages. Only the first 10 issues are shown here.
More results from Ministry of Defence Police