diff options
author | Helianthella <git@gumi.ca> | 2020-12-25 20:09:45 -0500 |
---|---|---|
committer | Helianthella <git@gumi.ca> | 2020-12-25 20:26:55 -0500 |
commit | aa43f570ae5fe19f3405bff9c800bcaa442c0f33 (patch) | |
tree | cbb081fbbafb81d4cdf13a492ba93532948412e6 /src/views/AccountRecovery.vue | |
parent | 697684b866fd42fe89854859887c70f4127a2277 (diff) | |
download | website-aa43f570ae5fe19f3405bff9c800bcaa442c0f33.tar.gz website-aa43f570ae5fe19f3405bff9c800bcaa442c0f33.tar.bz2 website-aa43f570ae5fe19f3405bff9c800bcaa442c0f33.tar.xz website-aa43f570ae5fe19f3405bff9c800bcaa442c0f33.zip |
improve accessibility
Diffstat (limited to 'src/views/AccountRecovery.vue')
-rw-r--r-- | src/views/AccountRecovery.vue | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/views/AccountRecovery.vue b/src/views/AccountRecovery.vue index 2ef988f..562222e 100644 --- a/src/views/AccountRecovery.vue +++ b/src/views/AccountRecovery.vue @@ -119,12 +119,12 @@ <div class="pass-box"> <label for="password">Choose a unique password:</label> <input v-model="user.pwd" :type="visible ? 'text' : 'password'" id="password" ref="_password" placeholder="type your password here" minlength="8" maxlength="23" pattern="^[a-zA-Z0-9]{8,23}$" title="8-23 characters, alphanumeric" required> - <span @click="visible = !visible"></span> + <span role="button" :title="(visible ? 'hide' : 'show') + ' password'" aria-label="toggle password visibility" :aria-pressed="visible" @click="visible = !visible"></span> </div> <div class="pass-box"> <label for="password2">Confirm your password:</label> <input v-model="user.pwd2" :type="visible ? 'text' : 'password'" id="password2" ref="_password2" placeholder="type your password again" minlength="8" maxlength="23" pattern="^[a-zA-Z0-9]{8,23}$" title="8-23 characters, alphanumeric" required> - <span @click="visible = !visible"></span> + <span role="button" :title="(visible ? 'hide' : 'show') + ' password'" aria-label="toggle password visibility" :aria-pressed="visible" @click="visible = !visible"></span> </div> <button type="submit" v-if="user.pwd && user.pwd === user.pwd2">Next step →</button> </form> @@ -138,7 +138,7 @@ <div class="pass-box"> <label for="c-pass">Password:</label> <input id="c-pass" disabled readonly :type="visible ? 'text' : 'password'" :value="user.pwd"> - <span @click="visible = !visible"></span> + <span role="button" :title="(visible ? 'hide' : 'show') + ' password'" aria-label="toggle password visibility" :aria-pressed="visible" @click="visible = !visible"></span> </div> <button @click="confirm2">Reset my password</button> </div> |