WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Jaws going to top of page when closing modal


From: David Engebretson Jr.
Date: Sep 27, 2019 3:50PM

This is a super confusing aspect to screen reader navigation with custom
elements; if the developer doesn't keep track of focus and set it to where
they want any users focus to be (screen reader user or not), it can become a
usability nightmare.

Hopefully, someday, setting focus won't be so dynamic or easy to forget. A
users focus should always be brought back to where they were, IMO. It's not
a difficult thing to do programmatically, but it is difficult for developers
to remember to provide the functionality. Why? You might ask? In my opinion
it is because that is not a part of the web developer curriculum. If
developers were to use a modal html5 <dialog> wouldn't focus be set to the
previous control automagically? If not, it should, in my thinking.

I love this list, btw. I'm always learning.


-----Original Message-----
From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of
Birkir R. Gunnarsson
Sent: Thursday, September 26, 2019 7:28 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Jaws going to top of page when closing modal

Yeap, what Patrick said. If you do not specify where focus should go after a
modal closes the browser will send it to the start of the document.

On 9/26/19, Patrick H. Lauke < <EMAIL REMOVED> > wrote:
> On 26/09/2019 16:49, Barry Hill wrote:
>> Why would Jaws with Chrome throw the user back to the top of a page
>> when closing a modal on a web page?
> Because once the modal dialog is closed, focus isn't programmatically
> set back to the most sensible location of the page (usually, the
> control that first opened the modal). So when the modal disappears,
> the element that currently had focus also vanished, so focus is reset
> back to the start of the document.
> In short, a coding issue.
> P
> --
> Patrick H. Lauke
> www.splintered.co.uk | https://github.com/patrickhlauke
> http://flickr.com/photos/redux/ | http://redux.deviantart.com
> twitter: @patrick_h_lauke | skype: patrick_h_lauke
> > > archives at http://webaim.org/discussion/archives
> >

Work hard. Have fun. Make history.