added acessibility fixes

This commit is contained in:
Agnieszka Gancarczyk 2021-07-12 15:11:33 +01:00
parent 74deaad0b9
commit cd23824973
8 changed files with 34 additions and 12 deletions

View file

@ -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"

View file

@ -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"),
})}
/>
}
>

View file

@ -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"),
})}
/>
}
>

View file

@ -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"),
})}
/>
}
>

View file

@ -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 <></>;
}

View file

@ -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"),
})}
/>
}
>

View file

@ -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

View file

@ -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"),
})}
/>
}
>