PluginUs.Net - Business Tools for WooCommerce and WordPress

[realize your idea - make your dreams come true]

Support Forum

You need to log-in to create request (topic) to the support

aria-describedby

The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page please
If you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.

In order to get my site to pass accessibility needs...

I need to add"aria-describedby aria-label=" (checkbox label name)" to each of the checkboxes of the filtering.

It needs to look like this.

<label class="woof_checkbox_label" for="woof_25_64cc18bca00b5" aria-describedby aria-label="water resistant">water resistant</label>

In the image you can see where I wrote what I need through the inspector.

Example of adding aria labels to checkbox labels..

 

Thank you!

 

Hello

In  this case  you  need  customization  of the  code

In  file - \wp-content\plugins\woocommerce-products-filter\views\html_types\checkbox.php  -  here - https://share.pluginus.net/image/i20230804120805.png and  here -  https://share.pluginus.net/image/i20230804120844.png

Thank you for the response. But this would get deleted at the next upgrade. Is there another method? If not, I can make notes of the changes and keep them locally.

Hello Eric

Yes, we will add action there: https://share.pluginus.net/image/i20230807144159.png

Just now add the same please '<label <?php do_action('woof_print_label_attributes', $term) ?> ' and in file functions.php add next code:

add_action('woof_print_label_attributes', function ($term) {
    echo"aria-descrybedby aria-name='{$term['name']}'";
});

Result is: https://share.pluginus.net/image/i20230807144356.png