diff --git a/alfa-client/libs/design-system/src/lib/form/text-input/text-input.component.ts b/alfa-client/libs/design-system/src/lib/form/text-input/text-input.component.ts index 143fd2b021b86b2ab00e654a735b6f2d79de4465..f4955382ce556a810562c5076cdb40110fb90b41 100644 --- a/alfa-client/libs/design-system/src/lib/form/text-input/text-input.component.ts +++ b/alfa-client/libs/design-system/src/lib/form/text-input/text-input.component.ts @@ -41,6 +41,7 @@ type TextInputVariants = VariantProps<typeof textInputVariants>; [ngClass]="textInputVariants({ variant })" [placeholder]="placeholder" [autocomplete]="autocomplete" + [attr.aria-required]="required" /> </div> <ng-content select="[error]"></ng-content> diff --git a/alfa-client/libs/design-system/src/lib/form/textarea/textarea.component.ts b/alfa-client/libs/design-system/src/lib/form/textarea/textarea.component.ts index e449fe77bf900edd3c377d66a5781398cffa4dfc..60c7735f4650a1c229f75d5deda8a8ecf7f9936d 100644 --- a/alfa-client/libs/design-system/src/lib/form/textarea/textarea.component.ts +++ b/alfa-client/libs/design-system/src/lib/form/textarea/textarea.component.ts @@ -39,6 +39,7 @@ type TextareaVariants = VariantProps<typeof textareaVariants>; [ngClass]="textareaVariants({ variant })" [placeholder]="placeholder" [autocomplete]="autocomplete" + [attr.aria-required]="required" ></textarea> <ng-content select="[error]"></ng-content> </div> diff --git a/alfa-client/libs/forwarding/src/lib/vorgang-forwarding-container/vorgang-forward-formular/vorgang-forward-form/vorgang-forward-form.component.html b/alfa-client/libs/forwarding/src/lib/vorgang-forwarding-container/vorgang-forward-formular/vorgang-forward-form/vorgang-forward-form.component.html index 4425e0e321397ec41da55df4e01bedb2dc04f172..e7bf47e035ffda11896c113aba0a0450381f0796 100644 --- a/alfa-client/libs/forwarding/src/lib/vorgang-forwarding-container/vorgang-forward-formular/vorgang-forward-form/vorgang-forward-form.component.html +++ b/alfa-client/libs/forwarding/src/lib/vorgang-forwarding-container/vorgang-forward-formular/vorgang-forward-form/vorgang-forward-form.component.html @@ -29,6 +29,7 @@ [formControlName]="formServiceClass.FIELD_EMAIL" autocomplete="email" placeholder="E-Mail Adresse" + [required]="true" > </ozgcloud-text-editor> @@ -36,6 +37,7 @@ label="Passwort" [formControlName]="formServiceClass.FIELD_PASSWORD" placeholder="Passwort für die Verschlüsselung" + [required]="true" > </ozgcloud-text-editor> diff --git a/alfa-client/libs/ui/src/lib/ui/editor/autocomplete-editor/autocomplete-editor.component.html b/alfa-client/libs/ui/src/lib/ui/editor/autocomplete-editor/autocomplete-editor.component.html index 3ca3c2d4caaf053deff6cf5101213c93be36e68d..6f484f807eca85ab9ccc7bc42c43c12c9bdc850f 100644 --- a/alfa-client/libs/ui/src/lib/ui/editor/autocomplete-editor/autocomplete-editor.component.html +++ b/alfa-client/libs/ui/src/lib/ui/editor/autocomplete-editor/autocomplete-editor.component.html @@ -29,6 +29,7 @@ <input #autocompleteInput [attr.data-test-id]="(label | convertForDataTest) + '-autocomplete-input'" + [required]="required" type="text" matInput [matAutocomplete]="auto" diff --git a/alfa-client/libs/ui/src/lib/ui/editor/autocomplete-editor/autocomplete-editor.component.ts b/alfa-client/libs/ui/src/lib/ui/editor/autocomplete-editor/autocomplete-editor.component.ts index 1d1a10a12d85f394d6702db756abb6bb81aad810..814dc618b5a9b4cd8d9d0e9fd1f7690110e7d495 100644 --- a/alfa-client/libs/ui/src/lib/ui/editor/autocomplete-editor/autocomplete-editor.component.ts +++ b/alfa-client/libs/ui/src/lib/ui/editor/autocomplete-editor/autocomplete-editor.component.ts @@ -45,6 +45,7 @@ export class AutocompleteEditorComponent { @Input() label: string; @Input() values: Selectable[] = []; + @Input() required: boolean = false; @Output() onKeyUp: EventEmitter<void> = new EventEmitter(); @Output() onOptionSelected: EventEmitter<Selectable> = new EventEmitter(); diff --git a/alfa-client/libs/ui/src/lib/ui/editor/date-editor/date-editor.component.html b/alfa-client/libs/ui/src/lib/ui/editor/date-editor/date-editor.component.html index a30e6e9b74bd05e87717209451e50df64f03a398..589e1679db0ad9e505aa9b98a1c981b366e5abfb 100644 --- a/alfa-client/libs/ui/src/lib/ui/editor/date-editor/date-editor.component.html +++ b/alfa-client/libs/ui/src/lib/ui/editor/date-editor/date-editor.component.html @@ -24,19 +24,13 @@ --> <mat-form-field> - <mat-label - >{{ label - }}<ng-container *ngIf="required"> - <i aria-hidden="true">*</i> - <i class="sr-only">(erforderlich)</i> - </ng-container> - </mat-label> + <mat-label>{{ label }}</mat-label> <input matInput [matDatepicker]="picker" [formControl]="fieldControl" (blur)="touch()" - [attr.aria-required]="required" + [required]="required" [attr.data-test-id]="(label | convertForDataTest) + '-date-input'" (dateInput)="inputEvent($event)" (blur)="onBlur()" diff --git a/alfa-client/libs/ui/src/lib/ui/editor/text-editor/text-editor.component.html b/alfa-client/libs/ui/src/lib/ui/editor/text-editor/text-editor.component.html index 6d1b98c41365ae223a6f7bac4f3fbcde85650bcc..bcf6e536c27a4a13aab0a99e43c2c155920bc241 100644 --- a/alfa-client/libs/ui/src/lib/ui/editor/text-editor/text-editor.component.html +++ b/alfa-client/libs/ui/src/lib/ui/editor/text-editor/text-editor.component.html @@ -29,13 +29,7 @@ appearance="{{ appearance }}" [floatLabel]="readOnly || autoFocus ? 'always' : 'auto'" > - <mat-label - >{{ label - }}<ng-container *ngIf="required"> - <i aria-hidden="true">*</i> - <i class="sr-only">(erforderlich)</i> - </ng-container> - </mat-label> + <mat-label>{{ label }}</mat-label> <div class="wrapper"> <input #inputElement @@ -45,7 +39,7 @@ [autocomplete]="autocomplete" [readonly]="readOnly" (blur)="touch()" - [attr.aria-required]="required" + [required]="required" [attr.data-test-id]="(label | convertForDataTest) + '-text-input'" [class.with-clear-button]="showClearButton$ | async" /> diff --git a/alfa-client/libs/ui/src/lib/ui/editor/textarea-editor/textarea-editor.component.html b/alfa-client/libs/ui/src/lib/ui/editor/textarea-editor/textarea-editor.component.html index c1ef2c020d86be37f5758d93d338b59b0d69f49e..cf3135707e7a986230e2dc9957326bb1766a6a88 100644 --- a/alfa-client/libs/ui/src/lib/ui/editor/textarea-editor/textarea-editor.component.html +++ b/alfa-client/libs/ui/src/lib/ui/editor/textarea-editor/textarea-editor.component.html @@ -24,13 +24,7 @@ --> <mat-form-field [appearance]="appearance" [floatLabel]="autoFocus ? 'always' : 'auto'"> - <mat-label - >{{ label - }}<ng-container *ngIf="required"> - <i aria-hidden="true">*</i> - <i class="sr-only">(erforderlich)</i> - </ng-container> - </mat-label> + <mat-label>{{ label }}</mat-label> <textarea #autosize="cdkTextareaAutosize" @@ -38,7 +32,7 @@ matInput cdkTextareaAutosize [formControl]="fieldControl" - [attr.aria-required]="required" + [required]="required" [attr.data-test-id]="(label | convertForDataTest) + '-textarea-input'" (blur)="touch()" ></textarea> diff --git a/alfa-client/libs/user-profile/src/lib/user-profile-search-container/user-profile-search/user-profile-search.component.html b/alfa-client/libs/user-profile/src/lib/user-profile-search-container/user-profile-search/user-profile-search.component.html index e88bfb77885c00c29ac5eb6955ca5a63d8f18211..156bc444e33399d0b30b983eb4a36e9144d180d2 100644 --- a/alfa-client/libs/user-profile/src/lib/user-profile-search-container/user-profile-search/user-profile-search.component.html +++ b/alfa-client/libs/user-profile/src/lib/user-profile-search-container/user-profile-search/user-profile-search.component.html @@ -27,6 +27,7 @@ <ozgcloud-autocomplete-editor data-test-id="user-search" label="Bearbeiter" + [required]="true" [formControlName]="formServiceClass.SEARCH_FIELD" [values]="searchedUserProfiles.resource" (onKeyUp)="onKeyUp()"