[Support request] PageSpeed Insights – Accessibility

[guevara]

Please the errors below is showing up on my google page speed. Please Help

[aria-*] attributes do not match their roles

Failing Elements

Content
<header class=”entry-header” aria-label=”Content”>

And

Links do not have a discernible name

Failing Elements

div.gb-container > div.gb-inside-container > div.gb-button-wrapper > a.gb-button

div.gb-container > div.gb-inside-container > div.gb-button-wrapper > a.gb-button

div.gb-container > div.gb-inside-container > div.gb-button-wrapper > a.gb-button

div.gb-container > div.gb-inside-container > div.gb-button-wrapper > a.gb-button

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[guevara]

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

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

[David]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[guevara]

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.

[guevara]

Could it be this in the simple css ——

h1.entry-title {
display: none;
}

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

[Ying]

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

h1.entry-title {
display: none;
}

[guevara]

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.

[guevara]

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

[David]

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 ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[guevara]

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.

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts