Opened 9 years ago

Closed 9 years ago

#1484 closed defect (bug) (fixed)

wporg-p2 Skip to Content link should have visible text on focus

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

Description (last modified by SergeyBiryukov)

The "Skip to content" link text, in the wporg-p2 theme at Make, should be visible when in focus state, i.e., when it's tabbed to using keyboard navigation (as, for instance, is the admin bar's "Skip to toolbar" text when you tab to it).

Right now you can tab to the "Skip to content" link but the text remains hidden, via a CSS clip. Removing the clip on focus will correct this a11y problem, e.g.:
.assistive-text.skip-link:focus { clip: auto; }

Note: another a11y-related ticket regarding this same link is: #1482

Attachments (2)

meta-1484.patch (2.1 KB) - added by SergeyBiryukov 9 years ago.
meta-1484.png (25.9 KB) - added by SergeyBiryukov 9 years ago.

Download all attachments as: .zip

Change History (6)

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

9 years ago

#2 @SergeyBiryukov
9 years ago

  • Description modified (diff)

#3 @SergeyBiryukov
9 years ago

  • Keywords has-patch added

meta-1484.patch copies the .skip-link styles from Twenty Sixteen. Screenshot: meta-1484.png.

The patch also moves the link closer to the start of the document, as per #1482.

#4 @coffee2code
9 years ago

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

In 2221: 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.