WAVE label error: ADA compliant

  • Resolved allielopezcuadra

    (@allielopezcuadra)


    4 years, 6 months ago

    Hi!

    We are trying to make our website ADA compliance and we are getting an error when we are using the WAVE tool to verify. This is the error:

    Empty form label
    A form label is present, but does not contain any content.

    It’s on the Mailchimp code in our footer widget. This is the code we have right now:

    <p>
  <label>First Name</label>
  <label for="FNAME"><input id="FNAME" type="text" name="FNAME"></label>
</p>
<p>
  <label>Last Name</label>
  <label for="LNAME"><input id="LNAME" type="text" name="LNAME"></label>
</p>
<p>
  <label>Your Email</label>
  <label for="EMAIL"><input id="EMAIL" type="email" name="EMAIL" required /></label>
</p>
<p>
  <input id="submit" type="submit" value="Sign up" />
</p>

    Could you please help? I have tried several things but nothing has worked so far.

    Thanks,

    Allie

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hey Allie,

    Thanks for reaching out to us.

    Did you add the 2nd label manually? I would recommend modifying the code using the following example:

    <p>
  <label for="FNAME">First Name</label>
  <input id="FNAME" type="text" name="FNAME">
</p>

    What I have done is combined the 2 labels into 1.

    Thread Starter allielopezcuadra

    (@allielopezcuadra)

    Yes, I had added in the second label myself…oops.

    Your example worked perfectly! Thank you so much! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘WAVE label error: ADA compliant’ is closed to new replies.