WordPress.org

Making WordPress.org

Opened 4 years ago

Closed 4 years ago

#1482 closed defect (fixed)

wporg-p2 Skip to Content link should be close to body tag

Reported by: hearvox Owned by: coffee2code
Milestone: Priority: normal
Component: Make (Get Involved) / P2 Keywords: has-patch
Cc:

Description

This is the first of several tickets re: a11y deficiencies in the wporg-p2 theme at Make. I'm working on the A11y Handbook:
https://make.wordpress.org/accessibility/handbook/

The "Skip to content" link is currently placed below the Menu and the headers. This means to get to this skip-link via keyboard navigation you must tab thru all the header and sub-header links, the search form controls, and all the menu links, before you can finally skip to the content.

To be useful this "Skip to content" link should be moved higher in the document, as close as possible to the opening body tag, e.g., as done in Twenty Sixteen and in Underscores:
https://github.com/WordPress/twentysixteen/blob/master/header.php#L24
https://github.com/Automattic/_s/blob/master/header.php#L23

Attachments (1)

meta-1482.patch (1.2 KB) - added by SergeyBiryukov 4 years ago.

Download all attachments as: .zip

Change History (5)

This ticket was mentioned in Slack in #accessibility by hearvox. View the logs.


4 years ago

#2 @SergeyBiryukov
4 years ago

  • Keywords has-patch added

#3 @SergeyBiryukov
4 years ago

There's a newer patch on #1484.

#4 @coffee2code
4 years ago

  • Owner set to coffee2code
  • Resolution set to fixed
  • Status changed from new to closed

In 2221:

W.org P2 child theme:: Move 'Skip to content' a11y link higher up on page and provide styling.

Adds .skip-link styles from Twenty Sixteen, giving the link visual styling and making it visible on focus.

Fixes #1482, #1484.
Props SergeyBiryukov.

Note: See TracTickets for help on using tickets.