PageSpeed Insights - Accessibility

Hi there,

if you have icon only buttons such as the Social icons, then edit those buttons, and in the Advanced panel you have ARIA Label field where you can give the link a label.

The error below is still showing up, the other bit is sorted -

Failing Elements
Content
<header class="entry-header" aria-label="Content">

How are you hiding the H1 Title on your home page ?

I am not hiding it, I used to use a different generatepress theme in the past and as I recall I had issues with having 2 H1 titles and I recall support helped me out with that issue. I have been on the homepage and the disable elements - content title is not ticked.

Could it be this in the simple css ——

h1.entry-title {
display: none;
}

.page .entry-content {
margin-top: 0 !important;
}

Yes, this CSS is hiding the h1 title, can you try removing it?

h1.entry-title {
display: none;
}

When I remove it then the HI heading shows on the site and I want it hidden. Don’t want it showing on pages. Don’t want to disable either just to have it hidden.

If I disable the H1 then it would hit my seo. I want it hidden not disabled.

If you temporarily remove this CSS:

h1.entry-title {
display: none;
}

So you can see the H1, then retest your site. Does the warning still show ?

When I remove the css the warning stops but then the H1 titles appear at the top of all my pages and posts which I really don’t want - it makes the site look unpleasant. When I try to disable it removes it all together and hits my seo because it’s not recognising that I have an H1 title.

You cannot have a header element without a visible heading inside it. It fails accessibility.

I would suggest you:

1. disable the Content Title to remove the HTML.
2. edit the big heading you can see on your site and change that from a H2 to a H1.