WordPress.org

Make WordPress Core

Opened 14 months ago

Closed 6 months ago

Last modified 5 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.0 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 7 months ago.
Creted patch to enable Screen Options on mobile.
screen-options-off.jpg (105.0 KB) - added by chetan200891 7 months ago.
Screenshot: Screen options off
screen-options-on.jpg (121.7 KB) - added by chetan200891 7 months ago.
Screenshot: Screen options on
posts.png (161.8 KB) - added by melchoyce 6 months ago.

Download all attachments as: .zip

Change History (24)

#1 @afercia
14 months 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.


13 months ago

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

  • Focuses ui added; administration removed

@chetan200891
7 months ago

Creted patch to enable Screen Options on mobile.

#5 @chetan200891
7 months ago

  • Keywords has-patch added; needs-patch removed

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

#6 @johnbillion
7 months ago

  • Keywords needs-screenshots added

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

@chetan200891
7 months ago

Screenshot: Screen options off

@chetan200891
7 months ago

Screenshot: Screen options on

#7 @chetan200891
7 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.


6 months ago

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


6 months ago

#10 @afercia
6 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.


6 months ago

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


6 months ago

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


6 months ago

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


6 months ago

@melchoyce
6 months ago

#15 @melchoyce
6 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
6 months ago

  • Milestone changed from Future Release to 5.0

#17 @afercia
6 months ago

  • Keywords ux-feedback 2nd-opinion removed

Created #43221 for the Help toggle.

#18 @afercia
6 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.


6 months ago

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


5 months ago

Note: See TracTickets for help on using tickets.