Page MenuHomePhabricator

Log in form is missing critical components through keyboard navigation in Safari
Open, Needs TriagePublic

Description

  1. Open https://www.mediawiki.org/w/index.php?title=Special:UserLogin in Safari 12.0 on macOS 10.14.
  2. Tab once (Username)
  3. Tab again (Password)
  4. Tab again (??)

Expected

  • The form submit button "Log in" must be reachable by tab navigation.
  • The checkbox for "Keep me logged in" must be reachable by tab navigation.

Actual

After the username and password fields, the next tab leads to the Search field. That's highly unexpected.

Tabbing again then leads to the browser address bar, which indicates there are no further destinations. And indeed, tabbing again after that starts the sequence again from the start, at the Username field.

Event Timeline

By default it's not possible to navigate to non text-input elements in Safari. Such a behavior can be enabled under Preferences->Advanced.

Yeah this is one of Safari's quirks. By default tab navigation only works between textfields.
https://www.weba11y.com/blog/2014/07/07/keyboard-navigation-in-mac-browsers/

It's like a mouse having only 1 button....

Not sure if this is related, but in Firefox, the checkbox and buttons are accessible with the tab key, but hitting enter on the checkbox just confirms the login without changing the state of the checkbox.