Skip to main container  |  Skip to main heading  |  Skip to tabindex heading Skip to h3

My website!

test

Primary Heading

test

Tabindexed Heading

test

Content goes here, with a link for focus testing.

Test for visually hidden skip link

Oh hi there, also with a link for focus testing.

Results
Works w/out tabindex -1 target & no JS Works w/ tabindex -1 target & no JS Focus visible Works with active screen reader
Firefox Android (65.0.1) Viewport scrolls to element Viewport scrolls to element False TalkBack moves focus, announces webview, but does not announce the element where focus should have been set.  Swiping left will take a user to the browser chrome. Swiping right will focus the element after the intended skip link target.
Firefox (73.0.1) True True False JAWS, NVDA
IE (11) False False True JAWS, NVDA
Safari (12.1.1) True True True VoiceOver
Safari (iOS 13.3.1) True True True True, VO focus moves and reads the target
Chrome (72) True True True JAWS, NVDA, VoiceOver
Chrome Android (72) Viewport scrolls to element Viewport scrolls to element False TalkBack (note: when focusing a wrapping element, Talkback will begin announcing content within the wrapper (main in this test) but skip over announcing links.
Edge (44) True True True False, Narrator, NVDA and JAWS VC does not move

Screen readers:

  • TalkBack 7.2 on Android 8.1
  • VoiceOver macOS 10.14.3 & iOS 12.1.4
  • NVDA 2018.4.1
  • JAWS 2019
  • Narrator (w/Edge)