Twenty Thirteen: Skip link out of order

[joedolson]

The skip link should be the first focusable object in the page; it's disorienting for it to appear in any other order. In this case, like in Twenty Twelve, it means that on mobile the Skip link doesn't skip anything by default, because there is no content between the skip link and the main content.

[manojmaharrshi]

Test Report

Description

This report validates the patch for skip link to move up the order

Patch tested: ​https://patch-diff.githubusercontent.com/raw/WordPress/wordpress-develop/pull/8327.diff

Environment

• WordPress: 6.8-alpha-59840
• PHP: 8.1.29
• Server: nginx/1.16.0
• Database: mysqli (Server: 8.0.16 / Client: mysqlnd 8.1.29)
• Browser: Chrome 133.0.0.0
• OS: macOS
• Theme: Twenty Thirteen 4.3
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.0
  • WordPress Beta Tester 3.6.2

Actual Results

1. ✅ Issue resolved with patch.

[shailu25]

Test Report

Patch Tested: ​https://github.com/WordPress/wordpress-develop/pull/8327

Environment:
WordPress - 6.7.2
OS - Windows
Browser - Firefox
Theme: Twenty Thirteen
PHP - 8.2.12
Active Plugin: None

Actual Results:

• Issue Resolved with patch.✅

Screenshot:

• Added Attachment

[shailu25]

After Patch.

Hey @audrasjb @sabernhardt, could you please review the changes in the PR and let me know if they look good to you whenever you have a moment?

Thanks.

Similar PRs - ​https://github.com/WordPress/wordpress-develop/pull/8328, ​https://github.com/WordPress/wordpress-develop/pull/8326

I can confirm this PR fixes the issue: the skip link is the first focusable item on the page.

[audrasjb]

Marking this for commit.

[joedolson]

In 59913:

Bundled Themes: Twenty Thirteen: Move skip link to top of body.

Move the skip link to the top of the body content, so it is the first focusable item on the page.

Props joedolson, sabernhardt, abcd95, manojmaharrshi, shailu25, audrasjb, krupajnanda.
Fixes #62968.

I planned to gather screenshots, and they look good for Twenty Thirteen.

Before r59913, the skip link was positioned in front of the main navigation menu.

Now the link appears in the top corner.