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",
"saml": "SAML",
"openid-connect": "openid-connect"
}
},
"headerName": "header name"
}

View file

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