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'))