Commits

Alexandre Vryghem authored and Tim Donohue committed 63fa8f39f59 
Fixed user authentication/registration accessibility issue

- Added the correct autocomplete value
- Removed dangling labels, because aria labels already describe those input fields & we can't use ids in this component because otherwise there are duplicate ids on the /login page
No tags
138e163fa85
gidlmaster

src/app/forgot-password/forgot-password-form/forgot-password-form.component.html

Modified
1 1 <div class="container" *ngIf="(registration$ |async)">
2 - <h3 class="mb-4">{{'forgot-password.form.head' | translate}}</h3>
2 + <h1 class="mb-4">{{'forgot-password.form.head' | translate}}</h1>
3 3 <div class="card mb-4">
4 4 <div class="card-header">{{'forgot-password.form.identification.header' | translate}}</div>
5 5 <div class="card-body">
6 6 <div class="row">
7 7 <div class="col-12">
8 - <label class="font-weight-bold"
9 - for="email">{{'forgot-password.form.identification.email' | translate}}</label>
10 - <span id="email">{{(registration$ |async).email}}</span></div>
8 + <span class="font-weight-bold">{{'forgot-password.form.identification.email' | translate}} </span>
9 + <span [attr.data-test]="'email' | dsBrowserOnly">{{(registration$ |async).email}}</span>
10 + </div>
11 11 </div>
12 12 </div>
13 13 </div>
14 14 ​
15 15 <div class="card mb-4">
16 16 <div class="card-header">{{'forgot-password.form.card.security' | translate}}</div>
17 17 <div class="card-body">
18 18 ​
19 19 <ds-profile-page-security-form
20 20 [passwordCanBeEmpty]="false"

Everything looks good. We'll let you know here if there's anything you should know about.

Add shortcut