added acessibility fixes
This commit is contained in:
parent
74deaad0b9
commit
cd23824973
8 changed files with 34 additions and 12 deletions
|
@ -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"
|
||||
|
|
|
@ -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"),
|
||||
})}
|
||||
/>
|
||||
}
|
||||
>
|
||||
|
|
|
@ -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"),
|
||||
})}
|
||||
/>
|
||||
}
|
||||
>
|
||||
|
|
|
@ -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"),
|
||||
})}
|
||||
/>
|
||||
}
|
||||
>
|
||||
|
|
|
@ -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 <></>;
|
||||
}
|
||||
|
|
|
@ -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"),
|
||||
})}
|
||||
/>
|
||||
}
|
||||
>
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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"),
|
||||
})}
|
||||
/>
|
||||
}
|
||||
>
|
||||
|
|
Loading…
Reference in a new issue