WebAIM - Web Accessibility In Mind

E-mail List Archives

Return to Top Link

for

From: JP Jamous
Date: Oct 17, 2018 8:31AM

Folks,



Another interesting situation I have on my plate. There is a "Return to Top"
link that is supposed to jump the user to the page content or <main>. It
uses a Jquery to perform a page scroll.



I tested the link and sometimes it works and other times it fails. When it
fails, it jumps the screen reader user to the top of the DOM. The other
concern is that <main> has this markup.



<main id="page-content" tabindex="-1">



I don't like the tabindex="-1" because JAWS in IE causes problems when
tabbing.



Any idea what would be the best way to implement this so it is always
functional and does not malfunction at times? Any feedback will be greatly
appreciated.







--------------------

JP Jamous

Senior Digital Accessibility Engineer

<mailto: <EMAIL REMOVED> > E-Mail Me | <http://linkedin.com/in/JPJamous>; Join
My LinkedIn Network

--------------------