From b4e848c649a146aaf4c726720352b21544fca154 Mon Sep 17 00:00:00 2001
From: Max Chadwick <mpchadwick@gmail.com>
Date: Mon, 20 Nov 2017 21:47:53 -0500
Subject: [PATCH] Add <label>s to postbox <input>s

---
 isso/css/isso.css             | 7 +++++++
 isso/js/app/text/postbox.jade | 9 ++++++---
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/isso/css/isso.css b/isso/css/isso.css
index 456740c..6d3d49a 100644
--- a/isso/css/isso.css
+++ b/isso/css/isso.css
@@ -224,3 +224,10 @@
         text-align: right;
     }
 }
+.isso-visuallyhidden {
+    position: absolute;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+    height: 1px; width: 1px;
+    margin: -1px; padding: 0; border: 0;
+}
diff --git a/isso/js/app/text/postbox.jade b/isso/js/app/text/postbox.jade
index 0a85ae1..72a9edb 100644
--- a/isso/js/app/text/postbox.jade
+++ b/isso/js/app/text/postbox.jade
@@ -5,13 +5,16 @@ div(class='isso-postbox')
                 = i18n('postbox-text')
         section(class='auth-section')
             p(class='input-wrapper')
-                input(type='text' name='author' placeholder=i18n('postbox-author')
+                label(for='isso-postbox__author',class='isso-visuallyhidden')= i18n('postbox-author')
+                input(type='text' name='author' id='isso-postbox__author' placeholder=i18n('postbox-author')
                       value=author !== null ? '#{author}' : '')
             p(class='input-wrapper')
-                input(type='email' name='email' placeholder=i18n('postbox-email')
+                label(for='isso-postbox__email',class='isso-visuallyhidden')= i18n('postbox-email')
+                input(type='email' name='email' id='isso-postbox__email' placeholder=i18n('postbox-email')
                       value=email != null ? '#{email}' : '')
             p(class='input-wrapper')
-                input(type='text' name='website' placeholder=i18n('postbox-website')
+                label(for='isso-postbox__website',class='isso-visuallyhidden')= i18n('postbox-website')
+                input(type='text' name='website' id='isso-postbox__website' placeholder=i18n('postbox-website')
                       value=website != null ? '#{website}' : '')
             p(class='post-action')
                 input(type='submit' value=i18n('postbox-submit'))