chore(accessibility): add all aria-labels

invokeai/frontend/web/src/common/components/IAISlider.tsx

@@ -26,6 +26,7 @@ import {
 import { clamp } from 'lodash';
 
 import { FocusEvent, useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { BiReset } from 'react-icons/bi';
 import IAIIconButton, { IAIIconButtonProps } from './IAIIconButton';
 
@@ -96,6 +97,8 @@ export default function IAISlider(props: IAIFullSliderProps) {
     ...rest
   } = props;
 
+  const { t } = useTranslation();
+
   const [localInputValue, setLocalInputValue] = useState<
     string | number | undefined
   >(String(value));
@@ -234,7 +237,7 @@ export default function IAISlider(props: IAIFullSliderProps) {
         {withReset && (
           <IAIIconButton
             size="sm"
-            aria-label="Reset"
+            aria-label={t('accessibility.reset')}
             tooltip="Reset"
             icon={<BiReset />}
             onClick={handleResetDisable}

invokeai/frontend/web/src/common/components/ImageUploaderIconButton.tsx

@@ -1,14 +1,16 @@
 import { ImageUploaderTriggerContext } from 'app/contexts/ImageUploaderTriggerContext';
 import { useContext } from 'react';
+import { useTranslation } from 'react-i18next';
 import { FaUpload } from 'react-icons/fa';
 import IAIIconButton from './IAIIconButton';
 
 const ImageUploaderIconButton = () => {
+  const { t } = useTranslation();
   const openImageUploader = useContext(ImageUploaderTriggerContext);
 
   return (
     <IAIIconButton
-      aria-label="Upload Image"
+      aria-label={t('accessibility.uploadImage')}
       tooltip="Upload Image"
       icon={<FaUpload />}
       onClick={openImageUploader || undefined}