Demote WP Logo from tabindex on setup screen

[stompweb]

As there is no tabindex set on the setup config screen, the WP logo is the first tab index as it appears at the top of the page.

To improve the experience for keyboard users I've demoted the logo's tab index to "-1" so users do not have to tab past it to continuing setting up their install.

It might be that we have to give all the form fields a tabindex and give the logo a larger one but I wanted to see if this was a valid ticket first.

[SergeyBiryukov]

This applies to other instances as well, I guess:

• tags/3.9.1/src/wp-admin/install.php#L64​
• tags/3.9.1/src/wp-admin/upgrade.php#L61​
• tags/3.9.1/src/wp-admin/maint/repair.php#L24​
• tags/3.9.1/src/wp-login.php#L148​

[stompweb]

Need to establish if demoting the WP logo using "-1" is the best way to go, or making sure that everything on all of those scripts has a tab index.

I'm not sure that being able to easy tab to the logo which links to WordPress.org is important at all in any of those process so I'm happy to demote it, but would be good to know from a UX/accessibility point of view.

[SergeyBiryukov]

Replying to stompweb:

Need to establish if demoting the WP logo using "-1" is the best way to go, or making sure that everything on all of those scripts has a tab index.

tabindex="-1" for the WP logo would be a preferred way, see #21340.

[stompweb]

Added fix for all files

[MikeLittle]

This patch works for me in all five places.
Note: The wp-login.php page has inline JavaScript to focus the first form field except when the loggedout=true parameter is present. In both versions of wp-login.php the patch is still valid and works.

Well done stompweb!

[willmot]

Tested this at the WordCamp Manchester Contributor day, resolves the issue in all cases. Nice work @stompweb

[johnbillion]

In 28896:

Remove the WordPress logo from the focusable elements on the install/update screens. Fixes #28674. Props stompweb