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
|
<HelpItem
|
||||||
helpText="client-scopes-help:displayOnConsentScreen"
|
helpText="client-scopes-help:displayOnConsentScreen"
|
||||||
forLabel={t("displayOnConsentScreen")}
|
forLabel={t("displayOnConsentScreen")}
|
||||||
forID={t(`common:helpLabel`, { label: t("displayOnConsentScreen") })}
|
forID={t(`common:helpLabel`, {
|
||||||
|
label: t("displayOnConsentScreen"),
|
||||||
|
})}
|
||||||
/>
|
/>
|
||||||
}
|
}
|
||||||
fieldId="kc-display.on.consent.screen"
|
fieldId="kc-display.on.consent.screen"
|
||||||
|
|
|
@ -244,7 +244,9 @@ export const AdvancedTab = ({
|
||||||
<HelpItem
|
<HelpItem
|
||||||
helpText="clients-help:nodeReRegistrationTimeout"
|
helpText="clients-help:nodeReRegistrationTimeout"
|
||||||
forLabel={t("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
|
<HelpItem
|
||||||
helpText="clients-help:accessTokenLifespan"
|
helpText="clients-help:accessTokenLifespan"
|
||||||
forLabel={t("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
|
<HelpItem
|
||||||
helpText="clients-help:keyForCodeExchange"
|
helpText="clients-help:keyForCodeExchange"
|
||||||
forLabel={t("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
|
<HelpItem
|
||||||
helpText="clients-help:excludeSessionStateFromAuthenticationResponse"
|
helpText="clients-help:excludeSessionStateFromAuthenticationResponse"
|
||||||
forLabel={t("excludeSessionStateFromAuthenticationResponse")}
|
forLabel={t("excludeSessionStateFromAuthenticationResponse")}
|
||||||
forID={t(`common:helpLabel`, { label: t("excludeSessionStateFromAuthenticationResponse") })}
|
forID={t(`common:helpLabel`, {
|
||||||
|
label: t("excludeSessionStateFromAuthenticationResponse"),
|
||||||
|
})}
|
||||||
/>
|
/>
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
|
|
|
@ -11,11 +11,17 @@ export const FontAwesomeIcon = ({ icon }: FontAwesomeIconProps) => {
|
||||||
const styles = { style: { height: "2em", width: "2em" } };
|
const styles = { style: { height: "2em", width: "2em" } };
|
||||||
switch (icon) {
|
switch (icon) {
|
||||||
case "bitbucket":
|
case "bitbucket":
|
||||||
return <img src={bitbucketIcon} {...styles} aria-label="bitbucket icon"/>;
|
return (
|
||||||
|
<img src={bitbucketIcon} {...styles} aria-label="bitbucket icon" />
|
||||||
|
);
|
||||||
case "microsoft":
|
case "microsoft":
|
||||||
return <img src={microsoftIcon} {...styles} aria-label="microsoft icon"/>;
|
return (
|
||||||
|
<img src={microsoftIcon} {...styles} aria-label="microsoft icon" />
|
||||||
|
);
|
||||||
case "instagram":
|
case "instagram":
|
||||||
return <img src={instagramIcon} {...styles} aria-label="instagram icon"/>;
|
return (
|
||||||
|
<img src={instagramIcon} {...styles} aria-label="instagram icon" />
|
||||||
|
);
|
||||||
case "paypal":
|
case "paypal":
|
||||||
return <img src={paypalIcon} {...styles} aria-label="paypal icon" />;
|
return <img src={paypalIcon} {...styles} aria-label="paypal icon" />;
|
||||||
default:
|
default:
|
||||||
|
|
|
@ -217,7 +217,9 @@ export const RealmSettingsEmailTab = ({
|
||||||
<HelpItem
|
<HelpItem
|
||||||
helpText="realm-settings-help:replyToDisplayName"
|
helpText="realm-settings-help:replyToDisplayName"
|
||||||
forLabel={t("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
|
<HelpItem
|
||||||
helpText={t("userRegistrationHelpText")}
|
helpText={t("userRegistrationHelpText")}
|
||||||
forLabel={t("userRegistration")}
|
forLabel={t("userRegistration")}
|
||||||
forID={t(`common:helpLabel`, { label: t("userRegistration") })}
|
forID={t(`common:helpLabel`, {
|
||||||
|
label: t("userRegistration"),
|
||||||
|
})}
|
||||||
/>
|
/>
|
||||||
}
|
}
|
||||||
hasNoPaddingTop
|
hasNoPaddingTop
|
||||||
|
|
|
@ -94,7 +94,9 @@ export const EventConfigForm = ({
|
||||||
<HelpItem
|
<HelpItem
|
||||||
helpText="realm-settings-help:includeRepresentation"
|
helpText="realm-settings-help:includeRepresentation"
|
||||||
forLabel={t("includeRepresentation")}
|
forLabel={t("includeRepresentation")}
|
||||||
forID={t(`common:helpLabel`, { label: t("includeRepresentation") })}
|
forID={t(`common:helpLabel`, {
|
||||||
|
label: t("includeRepresentation"),
|
||||||
|
})}
|
||||||
/>
|
/>
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
|
|
Loading…
Reference in a new issue