diff --git a/src/components/keycloak-card/KeycloakCard.tsx b/src/components/keycloak-card/KeycloakCard.tsx
index 93cc5aae48..52e5e3e609 100644
--- a/src/components/keycloak-card/KeycloakCard.tsx
+++ b/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 && (
diff --git a/src/identity-providers/IdentityProvidersSection.tsx b/src/identity-providers/IdentityProvidersSection.tsx
index be108ef538..048dfa3920 100644
--- a/src/identity-providers/IdentityProvidersSection.tsx
+++ b/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`}
diff --git a/src/user-federation/UserFederationSection.tsx b/src/user-federation/UserFederationSection.tsx
index 82ae8a79ca..674925f836 100644
--- a/src/user-federation/UserFederationSection.tsx
+++ b/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! }))