chore: aria-labels-fix

Author: tractorss

src/lib/form/datepicker/time-control.tsx

@@ -14,11 +14,18 @@ const TimeControl: React.FC<ITimeControl> = ({ minValue }) => {
       aria-label="time-selection"
     >
       <header className="border-b-klerosUIComponentsStroke flex h-16 items-center justify-center border-b">
-        <h2 className="text-klerosUIComponentsPrimaryText text-base font-semibold">
+        <h2
+          className="text-klerosUIComponentsPrimaryText text-base font-semibold"
+          id="time-selection-label"
+        >
           Time
         </h2>
       </header>
-      <div role="group" className="flex grow flex-col">
+      <div
+        role="group"
+        className="flex grow flex-col"
+        aria-labelledby="time-selection-label"
+      >
         <div
           className={clsx(
             "h-16 w-full grow",

src/lib/progress/steps/horizontal.tsx

@@ -15,7 +15,6 @@ const HorizontalSteps: React.FC<StepsProps> = ({
       className,
     )}
     {...props}
-    aria-orientation="horizontal"
     aria-label="Horizontal progress steps"
   >
     {items.map((item, i) => (

src/lib/progress/steps/vertical.tsx

@@ -12,7 +12,6 @@ const Steps: React.FC<StepsProps> = ({
   return (
     <ol
       className={cn("flex h-full flex-col", className)}
-      aria-orientation="vertical"
       aria-label="Vertical progress steps"
     >
       <div className="flex h-auto grow flex-col">