Accesibility Improvements

  • Resolved Pencho15

    (@pencho15)


    4 years, 9 months ago

    Hello.

    The Boxzilla crew recommended me to check this issue with You.

    I checked my webpage in Google Lighthouse to check ways of improving it, and I’m trying to eliminate accesibility issues.

    One of my failed checks is related to the Mailchimp form and it says:

    Form elements do not have associated labels

    This improvement is associated to the four labels in my MailChimp signup form, which I embed with your plugin

    this is an example:

    <input type=”text” name=”NOMBRE” placeholder=”Tu nombre” required=””>

    I have edited my code and this text is on labels:

    <label for=”NOMBRE”>Nombre</label>

    But for some reason, Google doesn’t detect this and still marks an error.

    I think the form is missing the form tags and I tried to add them manually, but when I do, they aren’t saved and there’s just a blank space.

    Do you know how can I solve this Accesibility error to improve my site?

    Thanks

    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)

    Hello,

    Can you please try the following and test again:

    <label for="NOMBRE">Nombre<br />
<input type="text" name="NOMBRE" placeholder="Tu nombre" required>
</label>

    Please change all the other fields in the form similar to this.

    Thread Starter Pencho15

    (@pencho15)

    That solved it.

    Thank you very much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Accesibility Improvements’ is closed to new replies.

Tags