Make WordPress Core

Opened 9 years ago

Closed 9 years ago

#34288 closed defect (bug) (fixed)

#a11y-headings - the Theme Browser modal dialog headings

Reported by: afercia's profile afercia Owned by: afercia's profile afercia
Milestone: 4.4 Priority: normal
Severity: normal Version: 4.3
Component: Themes Keywords: has-patch
Focuses: ui, accessibility Cc:

Description

The Theme Browser modal dialog uses some headings for the "Theme name", "By author", and for the "Update Available" notice. See screenshot below:

https://cldup.com/AXc0mZeO3m.png

While the headings hierarchy is formally correct (there are no skipped levels), headings should preferably be used to mark sections with some content.

Specifically, I'm not sure the "By author" should be a heading in the first place and the update notice shouldn't be a sub-heading under the "By author" H3.

I'd propose to change "By author" in a paragraph and bump up the update notice from H4 to H3.

Please notice there's an ongoing discussion in the accessibility team about the first heading within modal dialogs. We're currently investigating if it should be a H1, but this issue would need its own separate ticket.

#a11y-headings

Attachments (1)

34288.patch (1.3 KB) - added by afercia 9 years ago.

Download all attachments as: .zip

Change History (7)

@afercia
9 years ago

#1 @afercia
9 years ago

  • Keywords has-patch added

The proposed patch tries to improve semantics for the main elements in the Theme Browser dialog, changing "By author" in a paragraph and bumping up the Update notice from a H4 to a H3 heading. As far as I see there are no visual changes.

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


9 years ago

This ticket was mentioned in Slack in #core-themes by afercia. View the logs.


9 years ago

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


9 years ago

#6 @afercia
9 years ago

  • Owner set to afercia
  • Resolution set to fixed
  • Status changed from new to closed

In 35220:

Accessibility: Improve headings hierarchy in the Theme browser modal dialog.

Fixes #34288.

Note: See TracTickets for help on using tickets.