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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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