Commits

andreaNeki authored and github-actions[bot] committed c71e7139cae
Dynamic aria-describedby attribute

(cherry picked from commit e629d9edf0d2177953950f5e145bf49ff1203f88)
No tags

src/app/register-email-form/register-email-form.component.html

Modified
9 9 <form [class]="'ng-invalid'" [formGroup]="form">
10 10
11 11 <div class="form-group">
12 12 <div class="row">
13 13 <div class="col-12">
14 14 <label class="font-weight-bold"
15 15 for="email">{{MESSAGE_PREFIX + '.email' | translate}}</label>
16 16 <input [className]="(email.invalid) && (email.dirty || email.touched) ? 'form-control is-invalid' :'form-control'"
17 17 type="text" id="email" formControlName="email"
18 18 [attr.aria-label]="MESSAGE_PREFIX + '.aria.label' | translate"
19 - aria-describedby="email-errors-required email-error-not-valid"
19 + [attr.aria-describedby]="ariaDescribedby"
20 20 [attr.aria-invalid]="email.invalid"/>
21 21 <div *ngIf="email.invalid && (email.dirty || email.touched)"
22 22 class="invalid-feedback show-feedback">
23 23 <span *ngIf="email.errors && email.errors.required" id="email-errors-required">
24 24 {{ MESSAGE_PREFIX + '.email.error.required' | translate }}
25 25 </span>
26 26 <span *ngIf="email.errors && ((email.errors.pattern && this.typeRequest === TYPE_REQUEST_REGISTER) || email.errors.email)" id="email-error-not-valid">
27 27 {{ MESSAGE_PREFIX + '.email.error.not-email-form' | translate }}
28 28 <ng-container *ngIf="validMailDomains.length > 0">
29 29 {{ MESSAGE_PREFIX + '.email.error.not-valid-domain' | translate: { domains: validMailDomains.join(', ') } }}

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

Add shortcut