Fixed a11y violations (#26125)

* fixed a11y violations

Signed-off-by: Agnieszka Gancarczyk <agancarc@redhat.com>

* fixed a11y violations

Signed-off-by: Agnieszka Gancarczyk <agancarc@redhat.com>

* fixed a11y violations

Signed-off-by: Agnieszka Gancarczyk <agancarc@redhat.com>

* fixed a11y violations

Signed-off-by: Agnieszka Gancarczyk <agancarc@redhat.com>

---------

Signed-off-by: Agnieszka Gancarczyk <agancarc@redhat.com>
Co-authored-by: Agnieszka Gancarczyk <agancarc@redhat.com>
This commit is contained in:
agagancarczyk 2024-01-11 15:22:21 +00:00 committed by GitHub
parent 3cdc69ddbb
commit 01cd645668
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 12 additions and 4 deletions

View file

@ -2982,3 +2982,4 @@ viewDocumentation=Refer to documentation
viewGuides=View guides
joinCommunity=Join community
readBlog=Read blog
customValue=Custom value

View file

@ -84,6 +84,7 @@ export const Client = () => {
<Select
toggleId="clients"
variant={SelectVariant.typeaheadMulti}
typeAheadAriaLabel={t("clients")}
onToggle={(open) => setOpen(open)}
isOpen={open}
selections={field.value}
@ -102,7 +103,6 @@ export const Client = () => {
}
setOpen(false);
}}
aria-label={t("clients")}
>
{convert(clients)}
</Select>

View file

@ -23,6 +23,7 @@ export function AlertPanel({ alerts, onCloseAlert }: AlertPanelProps) {
key={id}
isLiveRegion
variant={AlertVariant[variant]}
component="p"
variantLabel=""
title={message}
actionClose={

View file

@ -41,6 +41,10 @@ export const ValueSelect = ({
))}
</Select>
) : (
<KeycloakTextInput id="customValue" data-testid={rest.name} {...field} />
<KeycloakTextInput
aria-label={t("customValue")}
data-testid={rest.name}
{...field}
/>
);
};

View file

@ -126,7 +126,7 @@ export const AttributeGeneralSettings = () => {
fieldLabelId="realm-setting:attributeGroup"
/>
}
fieldId="kc-attribute-group"
fieldId="kc-attributeGroup"
>
<Controller
name="group"
@ -135,6 +135,7 @@ export const AttributeGeneralSettings = () => {
render={({ field }) => (
<Select
toggleId="kc-attributeGroup"
aria-label={t("attributeGroup")}
onToggle={() =>
setIsAttributeGroupDropdownOpen(!isAttributeGroupDropdownOpen)
}

View file

@ -131,7 +131,7 @@ export const AttributeValidations = () => {
</Tbody>
</TableComposable>
) : (
<Text className="kc-emptyValidators" component={TextVariants.h6}>
<Text className="kc-emptyValidators" component={TextVariants.p}>
{t("emptyValidators")}
</Text>
)}

View file

@ -295,6 +295,7 @@ export default function LdapMapperDetails() {
render={({ field }) => (
<Select
toggleId="kc-providerId"
typeAheadAriaLabel={t("mapperType")}
required
onToggle={() =>
setIsMapperDropdownOpen(!isMapperDropdownOpen)