Search Menu
Language Menu
Mobile Menu
OGCIO


Best Practice 2.6 – Provide means to close popovers (Baseline level)


Ensure all popovers can be closed by buttons and can be accessible by screen reader.

 

Before Rectification
A sample mobile application page with a pop-up message overlapping the main content, and no discernable way to dismiss it.
In this example, there is no means to close the popover.
After Rectification
A sample mobile application page with a pop-up message containing a “Close” button.
It is a good practice to provide a close button for closing the popover.

 

W3C WCAG Reference: 2.1.2 No Keyboard Trap