[wp-trac] [WordPress Trac] #33646: #a11y-headings - the Screen Options h5

[WordPress Trac]

#33646: #a11y-headings - the Screen Options h5
----------------------------+-----------------------------
 Reporter:  afercia         |      Owner:
     Type:  defect (bug)    |     Status:  new
 Priority:  normal          |  Milestone:  Awaiting Review
Component:  Administration  |    Version:  4.3
 Severity:  normal          |   Keywords:
  Focuses:  accessibility   |
----------------------------+-----------------------------
 Several admin screens have a "Screen Options" panel which uses `<h5>`
 headings as titles. See the screenshot below which also shows the current
 document outline (just an example, each screen is different):

 [[Image(https://cldup.com/TDDkPGi4WV.png)]]

 The Customizer uses Screen Options too, the html output comes from the
 same bunch of code in `WP_Screen::render_screen_options()` in `/wp-
 admin/includes/screen.php`.

 [[Image(https://cldup.com/EXmGr59w4d.png)]]

 Discussed a bit in the last a11y Slack meeting and we agreed those h5
 shouldn't be headings in the first place. Since we're inside forms,
 they're sort of "titles" that identify form sections with logically
 related form controls. We should probably use `<fieldset>` elements for
 each group of related form controls and `<legend>` elements as titles. Any
 thoughts welcome.

 #a11y-headings

--
Ticket URL: <https://core.trac.wordpress.org/ticket/33646>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform