Missing Form Label (Divi Contact Form)

  • Resolved makphisto

    (@makphisto)


    7 years, 1 month ago

    First, fantastic plugin, thank you. Is there a way to contribute monetarily? I feel like I should buy you a coffee.

    Second, I have an issue with the Divi Contact form. I’m getting a “missing form error” when I validate though any of the validation sites. It appears to be here:

    <input type=”text” value=”” name=”et_pb_contactform_validate_0″ class=”et_pb_contactform_validate_field”>
    <div class=”et_contact_bottom_container”>

    It shows up as a text field, but it’s hidden, and there’s nothing to tell the validator to skip it – no aria-hidden, for instance. It’s my only remaining error!

    Any ideas? Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Alex Stine

    (@alexstine)

    Hello,

    First, fantastic plugin, thank you. Is there a way to contribute monetarily? I feel like I should buy you a coffee.

    Not sure if there is actually a place to donate. Will pass this along though. Glad you like the plugin and find it useful. ??

    Are you able to provide a link to your site? This would help that way the issue can be seen live on your site.

    Thanks. Looking forward to your followup.

    Thread Starter makphisto

    (@makphisto)

    Hi, thanks for your reply. It seems to be on any Divi contact form. Here, for instance:
    https://staging.tinkergo.com/contact/

    I’m using WAVE to test:
    https://wave.webaim.org/report#/https://staging.tinkergo.com/contact/

    But it also fails on achecker.ca with the following info:

    Check 57: input element, type of "text", missing an associated label.
Repair: Add a label element that surrounds the control's label. Set the for attribute on the label element to the same value as the id attribute of the control. And/or add a title attribute to the input element. And/or create a label element that contains the input element.
Error Line 306, Column 7:
<input type="text" value="" name="et_pb_contactform_validate_0" class="et_pb_contactform_validate_fi ...
Check 213: input element, type of "text", has no text in label.
Repair: Add text to the input element's associated label that describes the purpose or function of the control.
Error Line 306, Column 7:
<input type="text" value="" name="et_pb_contactform_validate_0" class="et_pb_contactform_validate_fi ...
    Plugin Author Alex Stine

    (@alexstine)

    Hello @makphisto,

    I now see what you mean by the report. I have made a pull request with a fix in the plugin repo here.
    https://github.com/campuspress/divi-accessibility/pull/14

    After some testing, hopefully a new version of the plugin will be released soon with the fix.

    Thanks again for the report. ??
    Alex

    Thread Starter makphisto

    (@makphisto)

    Excellent, thank you!

    Plugin Author Alex Stine

    (@alexstine)

    Hello @makphisto,

    Just writing to let you know a new version has been pushed out today. It includes many fixes, additions, and improvements. Hopefully it will work well for you.

    In regards to donations, we do not personally except them. However donating here would be good.
    https://knowbility.org

    Hope this helps. Thanks,
    Alex

    Thread Starter makphisto

    (@makphisto)

    Great, thank you Alex!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Missing Form Label (Divi Contact Form)’ is closed to new replies.