first passdev/sebasjm/a11y-test

1 files changed, 3 insertions, 1 deletions

diff --git a/packages/web-util/src/forms/InputArray.tsx b/packages/web-util/src/forms/InputArray.tsx
index 7d9a1b378..a8a30b32a 100644
--- a/packages/web-util/src/forms/InputArray.tsx
+++ b/packages/web-util/src/forms/InputArray.tsx
@@ -5,6 +5,7 @@ import { FormProvider, UIFormProps } from "./FormProvider.js";
 import { LabelWithTooltipMaybeRequired } from "./InputLine.js";
 import { RenderAllFieldsByUiConfig, UIFormField } from "./forms.js";
 import { useField } from "./useField.js";
+import { useTranslationContext } from "../index.browser.js";
 
 function Option({
   label,
@@ -77,6 +78,7 @@ export function InputArray<T extends object, K extends keyof T>(
     labelField: string;
   } & UIFormProps<T, K>,
 ): VNode {
+  const { i18n } = useTranslationContext();
   const { fields, labelField, name, label, required, tooltip } = props;
   const { value, onChange, state } = useField<T, K>(name);
   const list = (value ?? []) as Array<Record<string, string | undefined>>;
@@ -175,7 +177,7 @@ export function InputArray<T extends object, K extends keyof T>(
                 }}
                 class="block rounded-md bg-red-600 px-3 py-2 text-center text-sm  text-white shadow-sm hover:bg-red-500 "
               >
-                Remove
+                <i18n.Translate>Remove</i18n.Translate>
               </button>
             )}
           </div>