Make sure there's a proper label for each search button for screen-re…

…aders

onegov/town/locale/de_ch/LC_MESSAGES/onegov.town.po

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE 1.0\n"
-"POT-Creation-Date: 2016-03-15 16:20+0100\n"
+"POT-Creation-Date: 2016-03-16 14:16+0100\n"
 "PO-Revision-Date: 2015-10-15 09:42+0200\n"
 "Last-Translator: Denis Krienbühl <denis.krienbuehl@seantis.ch>\n"
 "Language-Team: German\n"

onegov/town/templates/layout.pt

@@ -64,7 +64,8 @@
           <form class="searchbox" action="${layout.search_url}" method="GET" tal:condition="not:hide_search_header|nothing" data-typeahead="on" data-typeahead-source="${layout.suggestions_url}" data-typeahead-target="${layout.search_url}">
             <div class="row collapse">
                 <div class="columns small-10">
-                    <input data-typeahead-subject type="text" name="q" placeholder="Search" i18n:attributes="placeholder" autocomplete="off" autocorrect="off" />
+                    <label for="search" class="show-for-sr" i18n:translate>Search</label>
+                    <input id="search" data-typeahead-subject type="text" name="q" placeholder="Search" i18n:attributes="placeholder" autocomplete="off" autocorrect="off" />
                 </div>
                 <div class="columns small-2">
                     <button type="submit" class="button postfix" aria-label="Search" i18n:attributes="aria-label">

onegov/town/templates/search.pt

@@ -16,10 +16,11 @@
                     <div class="row collapse">
                         <label>${searchlabel}</label>
                         <div class="columns small-11">
-                            <input data-typeahead-subject type="text" name="q" value="${model.query}" autocomplete="off" autocorrect="off" autofocus onfocus="this.select()"/>
+                            <label for="search" class="show-for-sr" i18n:translate>Search</label>
+                            <input id="search" data-typeahead-subject type="text" name="q" value="${model.query}" autocomplete="off" autocorrect="off" autofocus onfocus="this.select()"/>
                         </div>
                         <div class="columns small-1">
-                            <button type="submit" class="button postfix" alt="Search" i18n:attributes="alt">
+                            <button type="submit" class="button postfix" aria-label="Search" i18n:attributes="aria-label">
                                 <i class="fa fa-search" data-typeahead-spinner></i>
                             </button>
                         </div>