WordPress.org

Make WordPress Core

Opened 2 years ago

Closed 18 months ago

Last modified 10 months ago

#40985 closed defect (bug) (fixed)

Lack of Screen Options toggle on mobile prevents accessing features

Reported by: johnbillion Owned by: chetan200891
Milestone: 5.1 Priority: normal
Severity: normal Version:
Component: Administration Keywords: has-patch has-screenshots
Focuses: ui, accessibility Cc:

Description

I recently needed to disable comments on a particular post while away from my laptop. I opened the post editing screen on my mobile device but the Discussion meta box was hidden and there is no way to access Screen Options on mobile to show/hide meta boxes. This meant I was unable to disable comments on the post from my mobile device.

I'd like to propose that when the Screen Options toggle is hidden to to a narrow viewport width, that all meta boxes are shown but the "hidden" ones are simply collapsed, thus making them accessible on mobile devices.

Attachments (4)

40985.diff (366 bytes) - added by chetan200891 19 months ago.
Creted patch to enable Screen Options on mobile.
screen-options-off.jpg (105.0 KB) - added by chetan200891 19 months ago.
Screenshot: Screen options off
screen-options-on.jpg (121.7 KB) - added by chetan200891 19 months ago.
Screenshot: Screen options on
posts.png (161.8 KB) - added by melchoyce 18 months ago.

Download all attachments as: .zip

Change History (25)

#1 @afercia
2 years ago

  • Focuses accessibility added

Adding the accessibility focus because this was sometimes reported by assistive technologies users. As an edge case, screen reader users might have their browser window not-maximed and they could simply be not aware that under a certain viewport width some controls are not available.
Under 782px, Help and Screen options are hidden with display: none thus they're completely hidden to screen readers. For more general UI/UX/accessibility considerations about the Help and Screen Options tabs, see #21583.

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


2 years ago

#3 @afercia
2 years ago

  • Milestone changed from Awaiting Review to Future Release

While meta boxes in the post edit screen will very likely see big news with Gutenberg, the access to the Screen Options and Help tabs across all the admin is a concern that should be addressed. Moving to future release as per today's accessibility bug scrub.

#4 @afercia
19 months ago

  • Focuses ui added; administration removed

@chetan200891
19 months ago

Creted patch to enable Screen Options on mobile.

#5 @chetan200891
19 months ago

  • Keywords has-patch added; needs-patch removed

I have added patch 40985.diff which enables Screen Options on mobile.

#6 @johnbillion
19 months ago

  • Keywords needs-screenshots added

Thanks for the patch, @chetan200891. Can you provide a screenshot of the change on a mobile device?

@chetan200891
19 months ago

Screenshot: Screen options off

@chetan200891
19 months ago

Screenshot: Screen options on

#7 @chetan200891
19 months ago

  • Keywords has-screenshots added; needs-screenshots removed

@johnbillion I have attached screenshot from my iPhone 6S Plus. Please have a look!

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


19 months ago

This ticket was mentioned in Slack in #design by travelgirl. View the logs.


19 months ago

#10 @afercia
19 months ago

  • Owner set to chetan200891
  • Status changed from new to assigned

Discussed during today's accessibility bug-scrub, agreed the Help content would need some adjustments for a better responsive layout.

This ticket was mentioned in Slack in #design by karmatosed. View the logs.


19 months ago

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


18 months ago

This ticket was mentioned in Slack in #design by afercia. View the logs.


18 months ago

This ticket was mentioned in Slack in #design by boemedia. View the logs.


18 months ago

@melchoyce
18 months ago

#15 @melchoyce
18 months ago

Just tested, looks pretty okay. If the heading is long, it wraps nicely. Some of the longer Screen Options panels look a little wonky (see posts.png, where "Pagination" looks closer to the checkboxes above it than it does to the setting below it). That said, we could always commit what we have and iterate towards better mobile styles.

@afercia Were you also looking for design input on how to include the Help menu? If so, can you break that out into a new ticket?

#16 @SergeyBiryukov
18 months ago

  • Milestone changed from Future Release to 5.0

#17 @afercia
18 months ago

  • Keywords ux-feedback 2nd-opinion removed

Created #43221 for the Help toggle.

#18 @afercia
18 months ago

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

In 42644:

Administration: Make the Screen Options available on small screens.

Previously, the Screen Options toggle and the related panel content
were hidden on small screens, preventing access to important settings,
including the ability to toggle the meta boxes visibility.

Props chetan200891.
Fixes #40985.

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


18 months ago

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


18 months ago

#21 @pento
10 months ago

  • Milestone changed from 5.0 to 5.1
Note: See TracTickets for help on using tickets.