From e148d19e9640a4bf3ebea8010db82c6f24fffc9a Mon Sep 17 00:00:00 2001
From: Jocelyn Delalande <jocelyn@crapouillou.net>
Date: Thu, 2 Feb 2017 11:46:08 +0100
Subject: [PATCH] Add a label for screen-readers on user add form

There was no label, which is bad for accessibility.
---
 budget/templates/forms.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/budget/templates/forms.html b/budget/templates/forms.html
index cf599a94..af24fe23 100644
--- a/budget/templates/forms.html
+++ b/budget/templates/forms.html
@@ -96,7 +96,11 @@
 
 {% macro add_member(form) %}
 {{ form.hidden_tag() }}
-{{ form.name(placeholder=_("Type user name here")) }}<button class="btn">{{ _("Add") }}</button>
+    <div class="input-group">
+        <label class="sr-only" for="name">_("Type user name here")</label>
+        {{ form.name(placeholder=_("Type user name here"), class="form-control") }}
+        <button class=" input-group-addon btn">{{ _("Add") }}</button>
+    </div>
 {% endmacro %}
 
 {% macro edit_member(form, title=True) %}