Make sure cards are clickable by screen readers (#2965)
This commit is contained in:
parent
b6b1e5212c
commit
410a320381
3 changed files with 3 additions and 1 deletions
|
@ -53,7 +53,7 @@ export const KeycloakCard = ({
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Card isSelectable onClick={openSettings}>
|
<Card role="button" isSelectable onClick={openSettings}>
|
||||||
<CardHeader>
|
<CardHeader>
|
||||||
<CardActions>
|
<CardActions>
|
||||||
{dropdownItems && (
|
{dropdownItems && (
|
||||||
|
|
|
@ -191,6 +191,7 @@ export default function IdentityProvidersSection() {
|
||||||
{sortBy(identityProviders[group], "name").map((provider) => (
|
{sortBy(identityProviders[group], "name").map((provider) => (
|
||||||
<Card
|
<Card
|
||||||
className="keycloak-empty-state-card"
|
className="keycloak-empty-state-card"
|
||||||
|
role="button"
|
||||||
key={provider.id}
|
key={provider.id}
|
||||||
isHoverable
|
isHoverable
|
||||||
data-testid={`${provider.id}-card`}
|
data-testid={`${provider.id}-card`}
|
||||||
|
|
|
@ -197,6 +197,7 @@ export default function UserFederationSection() {
|
||||||
<Card
|
<Card
|
||||||
key={p.id}
|
key={p.id}
|
||||||
className="keycloak-empty-state-card"
|
className="keycloak-empty-state-card"
|
||||||
|
role="button"
|
||||||
isHoverable
|
isHoverable
|
||||||
onClick={() =>
|
onClick={() =>
|
||||||
history.push(toProvider({ realm, providerId: p.id! }))
|
history.push(toProvider({ realm, providerId: p.id! }))
|
||||||
|
|
Loading…
Reference in a new issue