Hello,
1. The errors are still visible because the code we provided was inserted with errors:
– Closing parenthesis is missing: https://prnt.sc/kddaFUhiCmSg
– The :is() selector is missing a leading colon: https://prnt.sc/T1i1EZL0veDX
– Wrong color, the desired color has code #333: https://prnt.sc/26DaPMi0yt8b
– CSS custom property “–wd-link-color” is written with an error: https://prnt.sc/N_LvHKezIhem
If the CSS code contains syntax errors, this will make all the following code non-functional, which will not affect the PageSpeed message in any way.
2. In order to fix almost all errors, you need to remove all previous code regarding accessibility and insert the following custom:
body .woodmart-recent-posts :is(.recent-posts-time,.recent-posts-comment) {
color: #333;
}
body .min-footer {
color: #333;
}
body :is(.widget,.wd-widget,div[class^="vc_wp"]) {
--wd-link-color: #333;
--wd-link-color-hover: #000;
}
body .wd-product :is(.wd-product-cats,.wd-product-brands-links) {
--wd-link-color: #333;
--wd-link-color-hover: #000;
}
This custom must be inserted into the Custom CSS area in the Theme settings, before saving the changes, you must carefully check whether the code contains syntax errors, otherwise, it will not work.
3. After each change to the settings, you must clear the cache https://prnt.sc/j9YWN50EZoP5 so that the changes on the site become visible to PageSpeed Insights.
If the code is inserted correctly, the changes have been applied to the site and the cache has been cleared, and PageSpeed Insights will still show the quality of the accessibility note, write to us again and we will provide the necessary additional terms to the custom code.
Kind Regards
.
