Home Forums WoodMart support forum fix erors from validator.w3.org Reply To: fix erors from validator.w3.org

#320386

bigdrop
Participant

Hi,

I want to fix another error also.
When I check the demo website from wave.webaim.org
https://wave.webaim.org/report#/https://woodmart.xtemos.com/
I see the below error for the categories images
https://prnt.sc/1t8vqkw

This error is generated because the category element generates the bellow code:
<a href="https://woodmart.xtemos.com/product-category/clocks/" class="category-link wd-fill"></a>
This code does not contain any link so it show the error.
One solution would be to add the category name.
Another solution would be something like this

<a href="https://woodmart.xtemos.com/product-category/clocks/" class="category-link wd-fill"><span class="sr-only">Clocks (aka category name)</span></a>

<style>
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
</style>

Solution found on stackoverflow.

Since accessibility is a very important issue I really need to fix this.
I want to use many elements of your theme but some of theme are not accessibility friendly.
Can you please tell which file to edit in the theme?
I am trying to edit this section https://prnt.sc/1t8w8km