Make WordPress Core

Opened 5 weeks ago

Last modified 3 weeks ago

#64271 accepted defect (bug)

Move screen options and help to after the main screen heading

Reported by: joedolson's profile joedolson Owned by: joedolson's profile joedolson
Milestone: 7.0 Priority: normal
Severity: normal Version:
Component: Help/About Keywords:
Focuses: ui, accessibility Cc:

Description

Related: #21583.

The main accessibility concern in #21583 is that a user navigating the page reaches Help and Screen Options before discovering what the topic of the page is in the main h1. Exploring a way to modify the header so that the topic is exposed before all the related content would help resolve that issue.

This is separate from the aim to redesign that content, but would instead change the grouping of items on the page so that they would consistently be

Heading > Add New (when relevant) > Screen Options/Help > Other filters/controls > content.

Change History (6)

#1 @joedolson
5 weeks ago

  • Owner set to joedolson
  • Status changed from new to accepted

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


5 weeks ago

#3 @ravichudasama01
4 weeks ago

This feels like a really positive change. Moving the main page title (H1) above the “Help” and “Screen Options” tabs makes the flow much more natural, especially for keyboard and screen-reader users. It puts the actual purpose of the page first, and the extra controls right after, which just feels cleaner.

#4 @muddassirnasim
4 weeks ago

This change makes sense from an accessibility standpoint. Placing Screen Options and Help after the main heading gives users a clearer, more logical reading and tab order.

A couple quick notes to consider:

- Confirm the update works consistently across all admin screens. - Run a brief keyboard/screen-reader check to ensure the new order feels natural. - Watch for any plugins that might assume the old markup structure. 

Overall, this is a positive improvement and should help with orientation for assistive-tech users.

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


4 weeks ago

#6 @pratiklondhe
3 weeks ago

This may require design input. Currently, the Screen Options and Help tabs are styled to always appear at the top of the page. Moving them below the main heading would require decisions around their visual treatment and interaction (including how they expand/collapse) in that position.

Note: See TracTickets for help on using tickets.