Make sure cards are clickable by screen readers (#2965)

src/components/keycloak-card/KeycloakCard.tsx

@@ -53,7 +53,7 @@ export const KeycloakCard = ({
   };
 
   return (
-    <Card isSelectable onClick={openSettings}>
+    <Card role="button" isSelectable onClick={openSettings}>
       <CardHeader>
         <CardActions>
           {dropdownItems && (

src/identity-providers/IdentityProvidersSection.tsx

@@ -191,6 +191,7 @@ export default function IdentityProvidersSection() {
                   {sortBy(identityProviders[group], "name").map((provider) => (
                     <Card
                       className="keycloak-empty-state-card"
+                      role="button"
                       key={provider.id}
                       isHoverable
                       data-testid={`${provider.id}-card`}

src/user-federation/UserFederationSection.tsx

@@ -197,6 +197,7 @@ export default function UserFederationSection() {
                 <Card
                   key={p.id}
                   className="keycloak-empty-state-card"
+                  role="button"
                   isHoverable
                   onClick={() =>
                     history.push(toProvider({ realm, providerId: p.id! }))