Evaluation
Major Issues
-
All non-hidden inputs should have a matching label
If you have
<input id="foo">, you should have a corresponding label like<label for="foo">. Learn More
Minor Issues
-
None of your form's fields are marked as required
Are all your fields truly optional? If not, add the
requiredattribute to the appropriate inputs. (If all your fields are in fact optional, can you just remove the form?) Learn More
Form Markup
<form action="/contact/#wpcf7-f1326-p8-o1" method="post" class="wpcf7-form" novalidate="novalidate">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="1326">
<input type="hidden" name="_wpcf7_version" value="4.5.1">
<input type="hidden" name="_wpcf7_locale" value="">
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1326-p8-o1">
<input type="hidden" name="_wpnonce" value="b4dd1a68e2">
</div>
<div class="form-l">
<p>Your Name (required)<br>
<span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false"></span> </p>
<p>Your Email (required)<br>
<span class="wpcf7-form-control-wrap your-email"><input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false"></span> </p>
</div>
<p><!-- form-l --></p>
<div class="form-r">
<p>Your Message<br>
<span class="wpcf7-form-control-wrap your-message">
<textarea name="your-message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false"></textarea>
</span> </p>
</div>
<p><!-- form-l --></p>
<div class="wrapper">
<div class="send">
<p><input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit"></p>
</div>
<p><!-- send -->
</p>
</div>
<p><!-- wrapper --></p>
<div class="wpcf7-response-output wpcf7-display-none"></div>
</form>