Accessibility Issues

When running a performance test using pagespeed.web.dev, some Accessibility Issues appear. I would like to solve them, please.

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Theme Settings -> Other and change the “Viewport tag” to “Scalable”: https://prnt.sc/fnmpAwLlPrT7

Clear the site/server cache and recheck the issue.

Kind Regards

What about the rest of the problems? Please take the test in greater detail

1- Background and foreground colors do not have a sufficient contrast ratio.

2- Links rely on color to be distinguishable.

3- Touch targets do not have sufficient size or spacing.

Hello,

1. Use the code below for help:

body .wd-product .wd-product-sku {
    color: #333;
}

2. In Theme Settings -> Styles and Colors -> Colors -> Links color, change it to the darker or any other color that suits Accessibility

https://prnt.sc/ha_bLoRjwKOe

3. Please check how it works with the default Storefront theme.

Don’t forget to clear the cache after making changes, then recheck the issue in the Insights.

Kind Regards

[Author]

Posts