Accessibility fixes for #2149

[github/Chocobozzz/PeerTube.git] / client / src / app / reset-password / reset-password.component.html

diff --git a/client/src/app/reset-password/reset-password.component.html b/client/src/app/reset-password/reset-password.component.html
index d142c523f71da19931dfa4446eba31926439710e..af30af4a0daefe8345fcb640f3326ae07470e8ac 100644 (file)
--- a/client/src/app/reset-password/reset-password.component.html
+++ b/client/src/app/reset-password/reset-password.component.html
@@ -1,15 +1,13 @@
 <div class="margin-content">
-  <div class="title-page title-page-single">
+  <div i18n class="title-page title-page-single">
     Reset my password
   </div>
 
-  <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
-
   <form role="form" (ngSubmit)="resetPassword()" [formGroup]="form">
     <div class="form-group">
-      <label for="password">Password</label>
+      <label i18n for="password">Password</label>
       <input
-        type="password" name="password" id="password" placeholder="Password" required
+        type="password" name="password" id="password" i18n-placeholder placeholder="Password" required autocomplete="new-password"
         formControlName="password" [ngClass]="{ 'input-error': formErrors['password'] }"
       >
       <div *ngIf="formErrors.password" class="form-error">
@@ -18,9 +16,9 @@
     </div>
 
     <div class="form-group">
-      <label for="password-confirm">Confirm password</label>
+      <label i18n for="password-confirm">Confirm password</label>
       <input
-        type="password" name="password-confirm" id="password-confirm" placeholder="Confirmed password" required
+        type="password" name="password-confirm" id="password-confirm" i18n-placeholder placeholder="Confirmed password" required autocomplete="new-password"
         formControlName="password-confirm" [ngClass]="{ 'input-error': formErrors['password-confirm'] }"
       >
       <div *ngIf="formErrors['password-confirm']" class="form-error">
@@ -28,6 +26,6 @@
       </div>
     </div>
 
-    <input type="submit" value="Reset my password" [disabled]="!form.valid && isConfirmedPasswordValid()">
+    <input type="submit" i18n-value value="Reset my password" [disabled]="!form.valid || !isConfirmedPasswordValid()">
   </form>
 </div>