Home › Forums › WoodMart support forum › Accessibility Iss`ues
Accessibility Iss`ues
- This topic has 10 replies, 2 voices, and was last updated 2 weeks ago by Luke Nielsen.
-
AuthorPosts
-
November 30, 2024 at 12:50 pm #617964
MirParticipantHello, I activated additional features today that show more accessibility issues: https://prnt.sc/577d88rtUvN-. Please take a look.
December 2, 2024 at 11:06 am #618294
Luke NielsenKeymasterHello,
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
December 2, 2024 at 12:12 pm #618361
MirParticipantNavigate 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.
December 3, 2024 at 11:18 am #618833
Luke NielsenKeymasterHello,
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
December 3, 2024 at 2:54 pm #618957
MirParticipantHi, Still have some contrast issues please take another look.
December 3, 2024 at 3:24 pm #618970
Luke NielsenKeymasterHello,
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
December 3, 2024 at 3:35 pm #618978
MirParticipantDone, now could you please check the product page Contrast issues?
December 4, 2024 at 4:37 am #619126
MirParticipantDone, now could you please check the product page Contrast issues? https://tinyurl.com/26zbk966
December 4, 2024 at 1:25 pm #619257
Luke NielsenKeymasterHello,
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
December 4, 2024 at 1:36 pm #619263
MirParticipantChange 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
December 4, 2024 at 2:04 pm #619277
Luke NielsenKeymasterHello,
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
-
AuthorPosts
- You must be logged in to create new topics. Login / Register