From 7c3d3a4d040587ab5e7d765d64d2fd386c7555b0 Mon Sep 17 00:00:00 2001
From: Suzanne Aitchison <suzanne.aitchison@gmail.com>
Date: Sat, 12 Oct 2019 12:26:10 +0100
Subject: [PATCH] Remove incorrect label-for attributes on login and register
 form fields, replace with aria-labels on inputs

---
 ui/pages/login.vue    | 6 ++++--
 ui/pages/recover.vue  | 3 ++-
 ui/pages/register.vue | 9 ++++++---
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/ui/pages/login.vue b/ui/pages/login.vue
index 8308e6e7..41e38cda 100644
--- a/ui/pages/login.vue
+++ b/ui/pages/login.vue
@@ -3,8 +3,9 @@
     <img src="../assets/img/logo_white_small.png" alt="OhMyForm" />
 
     <b-form class="box" @submit.prevent="submit">
-      <b-form-group label-for="username">
+      <b-form-group>
         <b-form-input
+          aria-label="Username"
           id="username"
           v-model="username"
           trim
@@ -12,8 +13,9 @@
         ></b-form-input>
       </b-form-group>
 
-      <b-form-group label-for="password">
+      <b-form-group>
         <b-form-input
+          aria-label="Password"
           id="password"
           v-model="password"
           type="password"
diff --git a/ui/pages/recover.vue b/ui/pages/recover.vue
index b8146e7f..fe960d8a 100644
--- a/ui/pages/recover.vue
+++ b/ui/pages/recover.vue
@@ -3,9 +3,10 @@
     <img src="../assets/img/logo_white_small.png" alt="OhMyForm" />
 
     <b-form class="box" @submit.prevent="submit">
-      <b-form-group label-for="username">
+      <b-form-group>
         <b-form-input
           id="username"
+          aria-label="Username"
           v-model="username"
           trim
           placeholder="Username or Email"
diff --git a/ui/pages/register.vue b/ui/pages/register.vue
index 2b38c451..c07ecb63 100644
--- a/ui/pages/register.vue
+++ b/ui/pages/register.vue
@@ -3,27 +3,30 @@
     <img src="../assets/img/logo_white_small.png" alt="OhMyForm" />
 
     <b-form class="box" @submit="submit">
-      <b-form-group label-for="username">
+      <b-form-group>
         <b-form-input
           id="username"
+          aria-label="Username"
           v-model="username"
           trim
           placeholder="Username"
         ></b-form-input>
       </b-form-group>
 
-      <b-form-group label-for="email">
+      <b-form-group>
         <b-form-input
           id="email"
+          aria-label="Email"
           v-model="email"
           trim
           placeholder="Email"
         ></b-form-input>
       </b-form-group>
 
-      <b-form-group label-for="password">
+      <b-form-group>
         <b-form-input
           id="password"
+          aria-label="Password"
           v-model="password"
           type="password"
           placeholder="Password"