Accessibility fixes for Client Scopes page #2850 (#2898)

This commit is contained in:
agagancarczyk 2022-07-04 18:02:18 +01:00 committed by GitHub
parent 492ba6889c
commit afc04588a5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 4 deletions

View file

@ -52,5 +52,6 @@
"all": "All", "all": "All",
"saml": "SAML", "saml": "SAML",
"openid-connect": "openid-connect" "openid-connect": "openid-connect"
} },
"headerName": "header name"
} }

View file

@ -86,10 +86,17 @@ export const AddMapperDialog = (props: AddMapperDialogProps) => {
return ( return (
<Modal <Modal
aria-labelledby={t("addPredefinedMappers")} aria-label={
isBuiltIn ? t("addPredefinedMappers") : t("emptySecondaryAction")
}
variant={ModalVariant.medium} variant={ModalVariant.medium}
header={ header={
<TextContent> <TextContent
role="dialog"
aria-label={
isBuiltIn ? t("addPredefinedMappers") : t("emptySecondaryAction")
}
>
<Text component={TextVariants.h1}> <Text component={TextVariants.h1}>
{isBuiltIn ? t("addPredefinedMappers") : t("emptySecondaryAction")} {isBuiltIn ? t("addPredefinedMappers") : t("emptySecondaryAction")}
</Text> </Text>
@ -142,7 +149,7 @@ export const AddMapperDialog = (props: AddMapperDialogProps) => {
aria-label={t("addPredefinedMappers")} aria-label={t("addPredefinedMappers")}
isCompact isCompact
> >
<DataListItem aria-labelledby="headerName" id="header"> <DataListItem aria-label={t("headerName")} id="header">
<DataListItemRow> <DataListItemRow>
<DataListItemCells <DataListItemCells
dataListCells={header.map((name) => ( dataListCells={header.map((name) => (