From 8bcce03edbb1b69bd6ee550fa8d1aec5e2ae6306 Mon Sep 17 00:00:00 2001 From: OZGCloud <ozgcloud@mgm-tp.com> Date: Mon, 3 Jun 2024 11:10:10 +0200 Subject: [PATCH] OZG-5789 use required --- .../src/lib/form/text-input/text-input.component.ts | 7 ++----- .../src/lib/form/textarea/textarea.component.ts | 7 ++----- 2 files changed, 4 insertions(+), 10 deletions(-) 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 f4955382ce..086494defe 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 @@ -28,10 +28,7 @@ type TextInputVariants = VariantProps<typeof textInputVariants>; template: ` <div> <label [for]="id" class="text-md mb-2 block font-medium text-text" - >{{ label - }}<ng-container *ngIf="required" - ><i aria-hidden="true">*</i><i class="sr-only">(erforderlich)</i></ng-container - ></label + >{{ label }}<ng-container *ngIf="required"><i aria-hidden="true">*</i></ng-container></label > <div class="mt-2"> <input @@ -41,7 +38,7 @@ type TextInputVariants = VariantProps<typeof textInputVariants>; [ngClass]="textInputVariants({ variant })" [placeholder]="placeholder" [autocomplete]="autocomplete" - [attr.aria-required]="required" + [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 60c7735f46..9574b15496 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 @@ -27,10 +27,7 @@ type TextareaVariants = VariantProps<typeof textareaVariants>; template: ` <div class="mt-2"> <label [for]="id" class="text-md mb-2 block font-medium text-text" - >{{ label - }}<ng-container *ngIf="required" - ><i aria-hidden="true">*</i><i class="sr-only">(erforderlich)</i></ng-container - ></label + >{{ label }}<ng-container *ngIf="required"><i aria-hidden="true">*</i></ng-container></label > <textarea [id]="id" @@ -39,7 +36,7 @@ type TextareaVariants = VariantProps<typeof textareaVariants>; [ngClass]="textareaVariants({ variant })" [placeholder]="placeholder" [autocomplete]="autocomplete" - [attr.aria-required]="required" + [required]="required" ></textarea> <ng-content select="[error]"></ng-content> </div> -- GitLab