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