Make WordPress Core

Opened 5 years ago

Closed 5 years ago

#47065 closed defect (bug) (fixed)

Skip links misplaced in the responsive view

Reported by: afercia's profile afercia Owned by: afercia's profile afercia
Milestone: 5.2.1 Priority: normal
Severity: normal Version:
Component: Administration Keywords: has-screenshots has-patch fixed-major
Focuses: accessibility Cc:

Description

When the responsive styles for the 782 and 600 pixels breakpoints kick in, the Skip links are misplaced. For the 600 pixels breakpoint they're almost completely out of the screen and barely visible.

While one could argue Skip links are not that useful on mobile devices, worth reminding many screen reader users use an external keyboard with their mobile device and not all screen reader users are blind.

As this seems to be a simple, quick, fix, I'd like to propose it for 5.2.1 consideration.

Attachments (5)

01 Screenshot 2019-04-28 at 15.44.45.png (27.3 KB) - added by afercia 5 years ago.
Skip links made visible for testing purposes: 782 pixels breakpoint
02 Screenshot 2019-04-28 at 15.45.27.png (30.5 KB) - added by afercia 5 years ago.
Skip links made visible for testing purposes: 600 pixels breakpoint
47065.diff (497 bytes) - added by afercia 5 years ago.
03 Screenshot 2019-05-09 at 23.04.02.png (23.6 KB) - added by afercia 5 years ago.
With patch applied, 782 pixels breakpoint (skip links made visible for testing purposes)
04 Screenshot 2019-05-09 at 23.04.59.png (26.1 KB) - added by afercia 5 years ago.
With patch applied, 600 pixels breakpoint (skip links made visible for testing purposes)

Download all attachments as: .zip

Change History (9)

@afercia
5 years ago

Skip links made visible for testing purposes: 782 pixels breakpoint

@afercia
5 years ago

Skip links made visible for testing purposes: 600 pixels breakpoint

@afercia
5 years ago

#1 @afercia
5 years ago

  • Keywords has-screenshots has-patch added

@afercia
5 years ago

With patch applied, 782 pixels breakpoint (skip links made visible for testing purposes)

@afercia
5 years ago

With patch applied, 600 pixels breakpoint (skip links made visible for testing purposes)

#2 @afercia
5 years ago

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

In 45301:

Accessibility: Improve the "skip links" position for medium and small screens.

Fixes #47065.

#3 @afercia
5 years ago

  • Keywords fixed-major added
  • Resolution fixed deleted
  • Status changed from closed to reopened

Reopening for 5.2.1 consideration.

#4 @desrosj
5 years ago

  • Resolution set to fixed
  • Status changed from reopened to closed

In 45333:

Accessibility: Improve the "skip links" position for medium and small screens.

Merges [45301] to the 5.2 branch.

Props afercia.
Fixes #47065.

Note: See TracTickets for help on using tickets.