Making WordPress.org

Opened 6 years ago

Closed 4 years ago

#4115 closed defect (bug) (fixed)

Proposal to change the headings hierarchy in the Plugins section

Reported by: afercia's profile afercia Owned by: tellyworth's profile tellyworth
Milestone: Priority: normal
Component: Plugin Directory Keywords: headings-hierarchy
Cc:

Description

Splitting this out from #4110.

The headings hierarchy in the Plugins section has room for improvements for better SEO and accessibility:

http://cldup.com/PFoxkhPY4r.jpeg

As mentioned in #4112 the logo shouldn't be a h1. "Plugins" should be the only h1 in this page.

Most of the other headings are h2 and that may make sense at first sight.

However, this page is split in sections:

  • "Block-Enabled Plugins" is a h2 thus all the plugins under it should be h3
  • same for "Featured Plugins", "Beta Plugins", "My Favorites", "Popular Plugins": they're h2 thus all the plugins under them should be h3

Also, at the bottom of the page, the h3 headings:

  • Add Your Plugin
  • Create a Plugin
  • Stay Up-to-Date

shouldn't be h3: this way, they're hierarchically under the last plugin in the page (Jetpack in this case) which is clearly incorrect, as they're logically related to the whole page.

"See all" pages:
In the related "See all" pages, for example https://wordpress.org/plugins/browse/featured/:

  • "Browse: Featured" should be the only h1 in the page

Search results page:

  • "Showing results for: {term}" should be the only h1 in the page

Plugin detail page:

  • the plugin name should be the only h1 in the page
  • some of the headings are parsed from the plugin's readme.txt, let's hope developers are using markdown correctly
  • however, in the sidebar the following headings:
    • "Meta" (it's visually hidden with screen-reader-text)
    • "Ratings"
    • "Support"
    • "Donate" (if present)

shouldn't be h3: this way, they're hierarchically under the last heading in the description, which is incorrect because they're logically related to the plugin page as a whole. They should be h2. Example screenshot:

http://cldup.com/tgBf6sJsrX.png

Please consider going through all the pages in this section is out of the scope of this ticket. However, these are general guidelines that should be applied everywhere.

Attachments (3)

4115.diff (1.5 KB) - added by dufresnesteven 4 years ago.
Updates heading hierarchy on /plugins.
4115.headings.png (25.9 KB) - added by dufresnesteven 4 years ago.
Outcome from 4115.diff
4115.single.diff (3.5 KB) - added by dufresnesteven 4 years ago.
Update plugin details page headings

Download all attachments as: .zip

Change History (6)

#1 @dd32
6 years ago

  • Component changed from General to Plugin Directory

@dufresnesteven
4 years ago

Updates heading hierarchy on /plugins.

@dufresnesteven
4 years ago

Outcome from 4115.diff

@dufresnesteven
4 years ago

Update plugin details page headings

#2 @tellyworth
4 years ago

In 9735:

Plugin dir: improve the heading hierarchy.

Improvements for SEO and a11y.

Props dufresnesteven, afercia.
See #4115.

#3 @tellyworth
4 years ago

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

In 9736:

Plugin dir: improve heading hierarchy.

Theme changes for SEO and a11y.

Props afercia, dufresnesteven.
Fixes #4115.

Note: See TracTickets for help on using tickets.