Accessibility Issues – Pagespeed insights
-
Hi, Can we please fix the following Accessibility Issues raised by Google
– [aria-*] attributes are not valid or misspelled (Screen shot) MOBILE & DESKTOP
– Links do not have a discernible name (Screenshot) – DESKTOP
– Touch targets do not have sufficient size or spacing. – DESKTOP
These issues are for product pages.
Attachments:
You must be
logged in to view attached files.
Hello,
1. These elements come with the WooCommerce plugin and our theme doesn’t influence them.
2. & 3. We can’t reproduce it on our end, so we need to check it on your website. Could you please send us your admin access so we can investigate this?
Kind Regards
Hi,
To recreate simply test any product page on PageSpeed or Lighthouse and look under accessability. This same issue comes up for your demo so it is not just my copy of theme.
But I have however offered you staging login below, but you do not need this to recreate the issue.
To fix this issue, try to add the following code snippet to the Custom CSS area in Theme Settings.
body .wd-product-nav-btn.wd-btn-back span {
display: block;
font-size: 0px;
}
body .wd-product-nav-btn {
width: 25px;
height: 25px;
}
body .wd-product-nav-btn:before {
font-size: 16px;
}
.
