W3C home > Mailing lists > Public > w3c-wai-gl@w3.org > October to December 2017

Modal Dialogs and Close Buttons

From: Mike Elledge <melledge@yahoo.com>
Date: Mon, 4 Dec 2017 16:59:12 +0000 (UTC)
To: WCAG WG <w3c-wai-gl@w3.org>
Message-ID: <964411689.1356600.1512406752173@mail.yahoo.com>
Hi Everyone--
Not sure what is considered best practice for this issue. 

Convention seems to be that a modal dialog should have an "x" in the upper right hand corner to close a dialog (aka overlay). From a usability perspective, however, it seems that it would be redundant if there is an existing button for "Cancel". 

That could make sense; but, it could also be confusing to users if there are other modal dialogs in the application that don't have a "Cancel" button but have an "x".

I've seen pros and cons both ways, including a W3C ARIA modal example that doesn't have an "x" (https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/dialog.html ).
In either case I believe the ESC key should act like "Cancel" and return focus to the originating location.
Thoughts? and thanks!

Mike
Received on Monday, 4 December 2017 16:59:35 UTC

This archive was generated by hypermail 2.4.0 : Thursday, 24 March 2022 21:08:18 UTC