Missing form label – WAVE Evaluation Link

  • Resolved sofiataz

    (@sofiataz)


    1 year, 3 months ago

    Hello,

    I am currently working on?a site?that has an accessibility issue on a checkbox created by your plugin.

    The message on the WAVE evaluation tool is: Missing form label. A form control does not have a corresponding label.

    But when i check the code i can see that the label is there:

    <span class="cmplz-banner-checkbox">

Missing form label<input type="checkbox" id="cmplz-functional-optin" data-category="cmplz_functional" class="cmplz-consent-checkbox cmplz-functional" size="40" value="1">

ARIA tabindexForm label<label class="cmplz-label" for="cmplz-functional-optin" tabindex="0"><span class="screen-reader-text">
    Λειτουργικ?
    </span></label></span>

    What am i missing here?

    Thanks in advance

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor jarnovos

    (@jarnovos)

    Hi @sofiataz,

    Could you try this approach instead? For me, this fixes the reported error in the WAVE Accessibility tool.

    Add the following CSS under Appearance -> Customize -> Additional CSS (or a Custom CSS field in your theme):

    .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label {
display: unset!important;
opacity: 0;
}

    Kind regards, Jarno

    Thread Starter sofiataz

    (@sofiataz)

    Hi @jarnovos,

    I tried your approach and it worked perfectly!

    Thank you

    Sofia

    Plugin Contributor jarnovos

    (@jarnovos)

    Hi @sofiataz,

    That’s great, thanks for confirming!

    Kind regards, Jarno

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Missing form label – WAVE Evaluation Link’ is closed to new replies.