WAVE WCAG code problems of cookie banner functions

  • Resolved geormax

    (@geormax)


    3 years, 5 months ago

    Hi!
    I have some problems regarding the accessibility evaluation of my site. It throws an error on all the buttons of the cookie banner, as empty links. I guess it’s because of the “href=#” tag.

    Problematic code: 

    <div class="cc-compliance cc-highlight">
<a href="#" role="button" class="cc-btn cc-accept-all cc-btn-no-href">Accept</a>
</div>

    I also get “Empty form label” on checkboxes the cookie preferences.

    Problematic code:

    <label for="cmplz_functional">
<input id="cmplz_functional" style="color:#191e23" tabindex="0" data-category="cmplz_functional" class="cmplz-consent-checkbox cmplz-classic cmplz-classic-checkbox cmplz_functional" checked="" disabled="" type="checkbox">
</label>

    Is there anything I can do to fix those problems? Thanks!

    • This topic was modified 3 years, 5 months ago by geormax.
    • This topic was modified 3 years, 5 months ago by geormax.
    • This topic was modified 3 years, 5 months ago by geormax.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Aert Hulsebos

    (@aahulsebos)

    Hi @geormax,

    Could you check demo.complianz.io as well? I don’t have any issues with the WAVE extension for Chrome;

    https://snipboard.io/vXwkeT.jpg

    regards Aert

    Thread Starter geormax

    (@geormax)

    Thanks for the response.

    After some research on my site, I found out that the problem was the translation of the strings. I use translatepress plugin for it and this error occurs only on the second language version of the website. Complianz is the only plugin that conflicts with it and messes with my wcag evaluation on wave.

    Error is gone when I disable dynamic translation of strings using javascript in translatepress. But that causes the cookie banner to never translate itself, including some other stuff around the domain.

    Any ideas about how to fix this?

    • This reply was modified 3 years, 5 months ago by geormax.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘WAVE WCAG code problems of cookie banner functions’ is closed to new replies.