Results For

http://geoffgraham.me/contact/
B

Your form has received a B (A+ is highest). The issues that reduced your grade are below.

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 required attribute 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>

Powered by:

FormKeep: form backends as a service.

You write the HTML, and our servers accept your POST request. No WYSIWYG form builders getting in your way. Perfect for contact forms on static sites. Forward submissions to email, Trello, Slack, Google Sheets and more.