OZG-5789 use required

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>

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>