From 6052448bb44dc0460f0035ba0dd300b2237e8a30 Mon Sep 17 00:00:00 2001
From: Leire Aguirre <leire@argilla.io>
Date: Wed, 8 Jan 2025 16:36:18 +0100
Subject: [PATCH] hide user badge in user settings

---
 .../features/user-settings/UserSettingsContent.vue        | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/argilla-frontend/components/features/user-settings/UserSettingsContent.vue b/argilla-frontend/components/features/user-settings/UserSettingsContent.vue
index 424cd25f27..b782873534 100644
--- a/argilla-frontend/components/features/user-settings/UserSettingsContent.vue
+++ b/argilla-frontend/components/features/user-settings/UserSettingsContent.vue
@@ -1,10 +1,14 @@
 <template>
   <div class="edition-user-info">
     <div class="form-group circle-and-role">
-      <span v-circle="{ size: 'MEDIUM' }">
+      <span aria-hidden="true" v-circle="{ size: 'MEDIUM' }">
         {{ user.avatar }}
       </span>
-      <BaseBadge class="--capitalized" :text="user.role" />
+      <BaseBadge
+        :aria-label="`role: ${user.role}`"
+        class="--capitalized"
+        :text="user.role"
+      />
     </div>
 
     <div class="form-group">