Accessibility Iss`ues

Hello, I activated additional features today that show more accessibility issues: https://prnt.sc/577d88rtUvN-. Please take a look.

Hello,

Navigate to Theme Settings -> Styles and colors and change the colors that will have a sufficient contrast ratio. About color contrast – https://dequeuniversity.com/rules/axe/4.10/color-contrast

Touch targets do not have sufficient size or spacing. – try to use the code below, define it in Theme Settings -> Custom CSS -> Mobile CSS area.

.wd-product .wd-product-brands-links a,
.wd-product .wd-product-cats a  {
    font-size: 14px;
}

Kind Regards

Navigate to Theme Settings -> Styles and colors and change the colors that will have a sufficient contrast ratio. About color contrast – https://dequeuniversity.com/rules/axe/4.10/color-contrast

But I can’t find the color (rgb(85, 85, 85)) that creates this issue. Take a look, please.

Hello,

Try to use the code below for help:

body .wd-product :is(.wd-product-cats,.wd-product-brands-links) {
    --wd-link-color: #333;
    --wd-link-color-hover: #333;
}

Apply it in Theme Settings -> Custom CSS, clear the cache and recheck the issue.

Kind Regards

Hi, Still have some contrast issues please take another look.

Hello,

Set another color for the old prices via Theme Settings -> Typography -> Advanced -> create such a rule https://prnt.sc/vTd17No8-m_G and change the color.

Kind Regards

Done, now could you please check the product page Contrast issues?

Done, now could you please check the product page Contrast issues? https://tinyurl.com/26zbk966

Hello,

1. The below code changes color here – https://img001.prntscr.com/file/img001/3ulGDNCoSviSdzdPmYrC3g.png

.single-product p.stock.wd-style-with-bg:is(.available-on-backorder,.in-stock) span {
    color: #333;
}

2. Change the color for the old price in product page – https://img001.prntscr.com/file/img001/UrQYoKYsTyGTyxaZx7cvYg.png

3. Try to change the bg color of the form:

.single-product .wd-fbt.wd-design-side .wd-fbt-form {
    background-color: #fff;
}

Clear the cache and recheck the issue.

Kind Regards

Change the color for the old price in product page not working please recheck.

2. Change the color for the old price in product page – https://img001.prntscr.com/file/img001/UrQYoKYsTyGTyxaZx7cvYg.png

Hello,

In the Insights you sent, we can see the gray color – https://img001.prntscr.com/file/img001/5DhL9LqLRViYr8U2g_8cNw.png on the actual page it’s blue – https://img001.prntscr.com/file/img001/UbEYgpjFTCaV_6q_ulRBcA.png, did you clear the cache before rechecking?

Kind Regards

[Author]

Posts