Remove incorrect label-for attributes on login and register form fields, replace with aria-labels on inputs

This commit is contained in:
Suzanne Aitchison 2019-10-12 12:26:10 +01:00
parent 0750ffae68
commit 7c3d3a4d04
3 changed files with 12 additions and 6 deletions

View File

@ -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"

View File

@ -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"

View File

@ -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"