Google PageSpeed - Accessibility Failure - [aria-*] for Side_slide Icons

chrismcb6

Hello,

Google PageSpeed reports that the HTML code of icons with accessibility labels are incorrect, causing a drop in PageSpeed score for the Accessibility category.

It seems, in this scenario, the <i> tag on which the aria-label parameter is not allowed here.

<ul class="contact_details" aria-label="contact details">
 <li class="phone phone-1"><i class="icon-phone" aria-label="phone"></i><a href="tel:XXX">XXX</a></li>
 <li class="phone phone-2"><i class="icon-phone" aria-label="phone"></i><a href="tel:YYY">YYY</a></li>
 <li class="mail"><i class="icon-mail-line" aria-label="mail"></i><a href="mailto:ZZZ">ZZZ</a></li>
</ul>


Could you take a look at how this could be implemented preserving the accessibility functionality and conforming to Google's best-practice requirements?

Thanks

Phil

Hi,

Thanks for reporting.

I have passed this on to the dev team, and it will be corrected in the upcoming update.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

chrismcb6

Just to follow up on this, there are more elements failing - this time a post widget area:

Phil

Thanks for letting me know.

I also shared this with the dev team.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

bmfurkanarslan

Hello,

I have a similar issue. Is there any update about this topic

Phil

Hi @bmfurkanarslan,

Do you have the same issue as OP or with something else?

Can you describe in more detail what you refer to?

Can you attach a screenshot showing that?

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next