Opened 5 years ago

Closed 4 years ago

#4122 closed defect (bug) (fixed)

Proposal to change the headings hierarchy in the Hosting section

Reported by: afercia's profile afercia Owned by:
Milestone: Priority: normal
Component: General Keywords: headings-hierarchy


Splitting this out from #4110.

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

As mentioned in #4112 the logo shouldn't be a h1. The main topic in this page is "WordPress Web Hosting" and that should be the only h1 in the page.

Consequently, the headings in the content should be bumped up by one level.

Additionally, the content of these headings is duplicated because the images are placed within the headings and they have an alt attribute that just repeats the visible text. In this case, the alt text should just be empty alt="". Currently, software reading this page would perceive duplicated content like:

Bluehost Bluehost
DreamHost DreamHost
SiteGround SiteGround

Not strictly related to this section but following one of the links, for example Forum threads about Bluehost », users navigate to the Support forums. Will update the ticket related to the Support section.

Change History (3)

#1 @dufresnesteven
4 years ago

@ whomever has commit access.

The styles suggestions made here: should be complete first as they will apply to the main heading.

We can probably bump all the headings up without adding new css. The style differences are minor.

Re: The image alt tags. The images can also be moved in front of the heading tags without any style issues.

#2 @dd32
4 years ago

In 9718:

Style: Update the styling for the /hosting and /mobile pages to use a better heading structure.

See #4116, #4122.

#3 @dd32
4 years ago

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

That commit brought with it a bunch of things that have been missed in the past, due to the Grunt build process not being run..

  • RTL styles updated
  • browser back-compat added, etc.

I also chose to match the existing heading styling for the hosting page and added the proper namespacing for the page-specific styles..

Note: See TracTickets for help on using tickets.