added acessibility fixes

src/client-scopes/details/ScopeForm.tsx

@@ -200,7 +200,9 @@ export const ScopeForm = ({ clientScope, save }: ScopeFormProps) => {
           <HelpItem
             helpText="client-scopes-help:displayOnConsentScreen"
             forLabel={t("displayOnConsentScreen")}
-            forID={t(`common:helpLabel`, { label: t("displayOnConsentScreen") })}
+            forID={t(`common:helpLabel`, {
+              label: t("displayOnConsentScreen"),
+            })}
           />
         }
         fieldId="kc-display.on.consent.screen"

src/clients/AdvancedTab.tsx

@@ -244,7 +244,9 @@ export const AdvancedTab = ({
                 <HelpItem
                   helpText="clients-help:nodeReRegistrationTimeout"
                   forLabel={t("nodeReRegistrationTimeout")}
-                  forID={t(`common:helpLabel`, { label: t("nodeReRegistrationTimeout") })}
+                  forID={t(`common:helpLabel`, {
+                    label: t("nodeReRegistrationTimeout"),
+                  })}
                 />
               }
             >

src/clients/advanced/AdvancedSettings.tsx

@@ -67,7 +67,9 @@ export const AdvancedSettings = ({
               <HelpItem
                 helpText="clients-help:accessTokenLifespan"
                 forLabel={t("accessTokenLifespan")}
-                forID={t(`common:helpLabel`, { label: t("accessTokenLifespan") })}
+                forID={t(`common:helpLabel`, {
+                  label: t("accessTokenLifespan"),
+                })}
               />
             }
           >
@@ -120,7 +122,9 @@ export const AdvancedSettings = ({
               <HelpItem
                 helpText="clients-help:keyForCodeExchange"
                 forLabel={t("keyForCodeExchange")}
-                forID={t(`common:helpLabel`, { label: t("keyForCodeExchange") })}
+                forID={t(`common:helpLabel`, {
+                  label: t("keyForCodeExchange"),
+                })}
               />
             }
           >

src/clients/advanced/OpenIdConnectCompatibilityModes.tsx

@@ -27,7 +27,9 @@ export const OpenIdConnectCompatibilityModes = ({
           <HelpItem
             helpText="clients-help:excludeSessionStateFromAuthenticationResponse"
             forLabel={t("excludeSessionStateFromAuthenticationResponse")}
-            forID={t(`common:helpLabel`, { label: t("excludeSessionStateFromAuthenticationResponse") })}
+            forID={t(`common:helpLabel`, {
+              label: t("excludeSessionStateFromAuthenticationResponse"),
+            })}
           />
         }
       >

src/identity-providers/icons/FontAwesomeIcon.tsx

@@ -11,13 +11,19 @@ export const FontAwesomeIcon = ({ icon }: FontAwesomeIconProps) => {
   const styles = { style: { height: "2em", width: "2em" } };
   switch (icon) {
     case "bitbucket":
-      return <img src={bitbucketIcon} {...styles} aria-label="bitbucket icon"/>;
+      return (
+        <img src={bitbucketIcon} {...styles} aria-label="bitbucket icon" />
+      );
     case "microsoft":
-      return <img src={microsoftIcon} {...styles} aria-label="microsoft icon"/>;
+      return (
+        <img src={microsoftIcon} {...styles} aria-label="microsoft icon" />
+      );
     case "instagram":
-      return <img src={instagramIcon} {...styles} aria-label="instagram icon"/>;
+      return (
+        <img src={instagramIcon} {...styles} aria-label="instagram icon" />
+      );
     case "paypal":
-      return <img src={paypalIcon} {...styles} aria-label="paypal icon"/>;
+      return <img src={paypalIcon} {...styles} aria-label="paypal icon" />;
     default:
       return <></>;
   }

src/realm-settings/EmailTab.tsx

@@ -217,7 +217,9 @@ export const RealmSettingsEmailTab = ({
                 <HelpItem
                   helpText="realm-settings-help:replyToDisplayName"
                   forLabel={t("replyToDisplayName")}
-                  forID={t(`common:helpLabel`, { label: t("replyToDisplayName") })}
+                  forID={t(`common:helpLabel`, {
+                    label: t("replyToDisplayName"),
+                  })}
                 />
               }
             >

src/realm-settings/LoginTab.tsx

@@ -32,7 +32,9 @@ export const RealmSettingsLoginTab = ({
                 <HelpItem
                   helpText={t("userRegistrationHelpText")}
                   forLabel={t("userRegistration")}
-                  forID={t(`common:helpLabel`, { label: t("userRegistration") })}
+                  forID={t(`common:helpLabel`, {
+                    label: t("userRegistration"),
+                  })}
                 />
               }
               hasNoPaddingTop

src/realm-settings/event-config/EventConfigForm.tsx

@@ -94,7 +94,9 @@ export const EventConfigForm = ({
                 <HelpItem
                   helpText="realm-settings-help:includeRepresentation"
                   forLabel={t("includeRepresentation")}
-                  forID={t(`common:helpLabel`, { label: t("includeRepresentation") })}
+                  forID={t(`common:helpLabel`, {
+                    label: t("includeRepresentation"),
+                  })}
                 />
               }
             >