Add aria attributes to password gen options (#1611)

This commit is contained in:
Daniel James Smith 2022-04-22 17:58:42 +02:00 committed by GitHub
parent 27853481d8
commit 705251fbe2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 0 deletions

View File

@ -161,6 +161,7 @@
(change)="savePasswordOptions()" (change)="savePasswordOptions()"
[(ngModel)]="passwordOptions.uppercase" [(ngModel)]="passwordOptions.uppercase"
[disabled]="enforcedPasswordPolicyOptions?.useUppercase" [disabled]="enforcedPasswordPolicyOptions?.useUppercase"
attr.aria-label="{{ 'uppercase' | i18n }}"
/> />
<label for="uppercase" class="form-check-label">A-Z</label> <label for="uppercase" class="form-check-label">A-Z</label>
</div> </div>
@ -172,6 +173,7 @@
(change)="savePasswordOptions()" (change)="savePasswordOptions()"
[(ngModel)]="passwordOptions.lowercase" [(ngModel)]="passwordOptions.lowercase"
[disabled]="enforcedPasswordPolicyOptions?.useLowercase" [disabled]="enforcedPasswordPolicyOptions?.useLowercase"
attr.aria-label="{{ 'lowercase' | i18n }}"
/> />
<label for="lowercase" class="form-check-label">a-z</label> <label for="lowercase" class="form-check-label">a-z</label>
</div> </div>
@ -183,6 +185,7 @@
(change)="savePasswordOptions()" (change)="savePasswordOptions()"
[(ngModel)]="passwordOptions.number" [(ngModel)]="passwordOptions.number"
[disabled]="enforcedPasswordPolicyOptions?.useNumbers" [disabled]="enforcedPasswordPolicyOptions?.useNumbers"
attr.aria-label="{{ 'numbers' | i18n }}"
/> />
<label for="numbers" class="form-check-label">0-9</label> <label for="numbers" class="form-check-label">0-9</label>
</div> </div>
@ -194,6 +197,7 @@
(change)="savePasswordOptions()" (change)="savePasswordOptions()"
[(ngModel)]="passwordOptions.special" [(ngModel)]="passwordOptions.special"
[disabled]="enforcedPasswordPolicyOptions?.useSpecial" [disabled]="enforcedPasswordPolicyOptions?.useSpecial"
attr.aria-label="{{ 'specialCharacters' | i18n }}"
/> />
<label for="special" class="form-check-label">!@#$%^&amp;*</label> <label for="special" class="form-check-label">!@#$%^&amp;*</label>
</div> </div>

View File

@ -891,6 +891,18 @@
"length": { "length": {
"message": "Length" "message": "Length"
}, },
"uppercase": {
"message": "Uppercase (A-Z)"
},
"lowercase": {
"message": "Lowercase (a-z)"
},
"numbers": {
"message": "Numbers (0-9)"
},
"specialCharacters": {
"message": "Special Characters (!@#$%^&*)"
},
"numWords": { "numWords": {
"message": "Number of Words" "message": "Number of Words"
}, },