WordPress.org

Make WordPress Core

Opened 3 months ago

Closed 2 months ago

#47065 closed defect (bug) (fixed)

Skip links misplaced in the responsive view

Reported by: afercia Owned by: 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 3 months 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 3 months ago.
Skip links made visible for testing purposes: 600 pixels breakpoint
47065.diff (497 bytes) - added by afercia 3 months ago.
03 Screenshot 2019-05-09 at 23.04.02.png (23.6 KB) - added by afercia 2 months 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 2 months ago.
With patch applied, 600 pixels breakpoint (skip links made visible for testing purposes)

Download all attachments as: .zip

Change History (9)

@afercia
3 months ago

Skip links made visible for testing purposes: 782 pixels breakpoint

@afercia
3 months ago

Skip links made visible for testing purposes: 600 pixels breakpoint

@afercia
3 months ago

#1 @afercia
3 months ago

  • Keywords has-screenshots has-patch added

@afercia
2 months ago

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

@afercia
2 months ago

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

#2 @afercia
2 months 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
2 months ago

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

Reopening for 5.2.1 consideration.

#4 @desrosj
2 months 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.