Empty link error on product style "Show summary on hover"

Hi,

Is it possible someway to fix the error below shown from Wave web accessibility evaluation tool about WCAG 2.0 for my selected product style (Show summary on hover)?

<a href="#" rel="nofollow" class="wd-more-desc-btn woodmart-more-desc-btn">
<span></span>
</a>

Waiting for your further advice on this.

Attachments:

You must be logged in to view attached files.

Hello,

You can try to customize the file woodmart/woocommerce/content-product-base.php by copying it into your child’s theme. There, find this HTML tag and insert the text inside it.

Kind Regards

Hello Artem,

Thank you for the small tip.

I have one more question please. While selecting at ATTRIBUTE SWATCHES my desired Grid swatch attribute to display (on my case “size” as shop includes shoes), is it possible while selecting a random size (for example 36) on the product grid to load directly the product page with selected size at size options? As my products are variable with one color and a few size variations, I would like to be able to load directly the product page while clicking on the desired size at the product page. Please check at Private Content the reference site made with your theme which achieves the above action.

Currently when I click on the product grid a random size, it just loads the featured image of the shoe which is same for all sizes.

Waiting for your further advice on how I could achieve the above action.

Hi,

Sorry, but there is no such option in our theme and WooCommerce by default. It may require additional code customization or extra plugin but we don’t have an instruction for this. It is out of our theme support scope.

Regards

Hello again,

I have one more question about 3 problems shown from Wave web accessibility evaluation tool about WCAG 2.0:

Check 174: Anchor contains no text.
Repair: Add text to the a element or the title attribute of the a element or, if an image is used within the anchor, add Alt text to the image.
Error Line 191, Column 325:
<a href="https://www.vidali-shoes.gr" class="woodmart-nav-link"><span class="nav-link-text"><img
    ...
Error Line 198, Column 299:
<a href="https://www.vidali-shoes.gr/en/" class="woodmart-nav-link"><span class="nav-link-text"><img ...
Error Line 859, Column 287:
<a href="https://www.vidali-shoes.gr" class="woodmart-nav-link"><span class="nav-link-text"><img
    ...

Could you give me some advice on how can I fix the above?

Thank you in advance.

Hello,

Could you please send us a screenshot of these links on your website? We will check how it can be fixed.

Kind Regards

Hello Artem,

I am not sure from where it brings these links. Could you please load the website on the reference site and check them on your end to see where exactly are located according to the mentioned classes?

Thank you in advance.

Attachments:

You must be logged in to view attached files.

Note: The reference site I mentioned above is https://achecker.achecks.ca/checker/index.php.

As we can see, these menu items are added by WPML https://gyazo.com/8729e3d8bce482da4d4ea28db58d6bbd
And the problem is that they have images inside of the links instead of texts. Sorry, but we are not able to do anything with that in our theme scope. https://gyazo.com/8729e3d8bce482da4d4ea28db58d6bbd

[Author]

Posts