Great plugin but with accessibilty issues

@woobewoo Thank you for commitment. I’m updating my review to 5-star because I really like this plugin.

But please, keep in mind that accessibility of the plugin can be improved a bit more. I fixed most of the accessibility issues by changing plugins source code but that’s a temporal solution because they gonna get erased on every update 🙁

Some errors I fixed if you want to include them in your next patch or if any other reader wants to try to fix it themselves:
(Most of the changes are done in woo-product-filter/modules/woofilters/views/woofilters.php file)

1) Checkboxes generate an empty label which violates wcag. An easy fix for me it was to generate an span visible only to screen reader

<label aria-label="37.5" for="wpfTaxonomyInputCheckbox8547934">
    <span class="screen-reader-text">37.5</span>
</label>

2) Add aria-label to .wpfPriceInputs > inputs (Price slider inputs)

3) Changed font-awesome icons to use the <span> element instead of <i>. But this can improved further based on this: https://fontawesome.com/v5.15/how-to-use/on-the-web/other-topics/accessibility

• This reply was modified 4 years, 4 months ago by cuniq.