From eb0dba8cfaee018b9054f62fa784fa5acd4011f6 Mon Sep 17 00:00:00 2001
From: Matthew Obert <matt@hotwebmatter.com>
Date: Mon, 8 Jul 2019 10:19:59 -0400
Subject: [PATCH] Accessibility fix for form input labels

I ran the Tota11y plugin and it generated "Input is missing a label" warnings. This is a quick fix.
---
 _includes/contact.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/_includes/contact.html b/_includes/contact.html
index bbd0c9a..7963348 100644
--- a/_includes/contact.html
+++ b/_includes/contact.html
@@ -14,28 +14,28 @@
                     <form name="sentMessage" id="contactForm" novalidate>
                         <div class="row control-group">
                             <div class="form-group col-xs-12 floating-label-form-group controls">
-                                <label>Name</label>
+                                <label for="name">Name</label>
                                 <input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
                                 <p class="help-block text-danger"></p>
                             </div>
                         </div>
                         <div class="row control-group">
                             <div class="form-group col-xs-12 floating-label-form-group controls">
-                                <label>Email Address</label>
+                                <label for="email">Email Address</label>
                                 <input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
                                 <p class="help-block text-danger"></p>
                             </div>
                         </div>
                         <div class="row control-group">
                             <div class="form-group col-xs-12 floating-label-form-group controls">
-                                <label>Phone Number</label>
+                                <label for="phone">Phone Number</label>
                                 <input type="tel" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number.">
                                 <p class="help-block text-danger"></p>
                             </div>
                         </div>
                         <div class="row control-group">
                             <div class="form-group col-xs-12 floating-label-form-group controls">
-                                <label>Message</label>
+                                <label for="message">Message</label>
                                 <textarea rows="5" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
                                 <p class="help-block text-danger"></p>
                             </div>
@@ -51,4 +51,4 @@
                 </div>
             </div>
         </div>
-    </section>
\ No newline at end of file
+    </section>