WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: when to use modal dialog box

for

From: Birkir R. Gunnarsson
Date: Jul 16, 2024 12:11PM

Short answer, I don't think it needs to be in a dialog, it should just
refresh the page (or screen if this is a native app) adding a verification
code entry field.
If it is a dialog, at least speaking rom the web perspective, that dialog
I) Should be modal and
II) Should auto focus the input field

It's easy to do with the HTML <dialog element>
<dialog aria-label="verify identity">
<label for="p11">Please enter verification code</label>
<input id="p11" type="number" autofocus>
<button>Verify</button>
</dialog>


On Tue, Jul 16, 2024 at 1:52 PM < <EMAIL REMOVED> > wrote:

> Hi All,
>
> Last week, my wife was using her iPhone with VoiceOver to make a web
> purchase while talking to a salesman. After entering the initial data, the
> site sent her a dual verification code and a dialog popped up where she
> should enter the code.
>
> The dialog was not modal and she had an awful time finding the data entry
> field.
>
> I told the salesman that he should report this to IT as an accessibility
> issue and that IT should make the dialog modal.
>
> I have been thinking about this incident and would like to hear whether I
> provided the right observation. Perhaps this kind of data entry situation
> should not even occur in a dialog.
>
>
>
> Jeff Gutsell
>
> > > > >


--
Work hard. Have fun. Make history.