WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: In-page links and programmatic focus

for

From: Bryan Garaventa
Date: Sep 12, 2016 2:42PM

Some of these bugs still persist, especially on pages such as single page apps or those that include significant client side scripting, largely because the use of an id hash changes the page url and acts almost like a page refresh in some cases. I saw this recently with a modal that included same page links within it.

The use of the JavaScript focus() method is still the most reliable method for doing this reliably across all browsers, plus a return false in the script to prevent any automatic submission relating to the clicking of native links that may inadvertently refresh the page.

The addition of tabindex="-1" on any targeted static element is still needed to ensure that Tab can be pressed from that location to proceed to the next active element in the tab order, otherwise the visual focus may scroll but keyboard functionality will still be impaired.

Bryan Garaventa
Accessibility Fellow
SSB BART Group, Inc.
<EMAIL REMOVED>
415.624.2709 (o)
www.SSBBartGroup.com