From 4f01c2322221a3b914495fe0636701322e81e57d Mon Sep 17 00:00:00 2001
From: Rubin Aga <rubin.aga@canonical.com>
Date: Mon, 16 Oct 2023 16:44:04 +0200
Subject: [PATCH] added role for span elements to be aria accessable

---
 app/views/base/layout.scala | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/views/base/layout.scala b/app/views/base/layout.scala
index 26be3921317d5..14a951eca5320 100644
--- a/app/views/base/layout.scala
+++ b/app/views/base/layout.scala
@@ -121,13 +121,13 @@ object layout:
     spaceless:
       s"""<div>
   <button id="challenge-toggle" class="toggle link">
-    <span title="$challengeTitle" aria-label="$challengeTitle" class="data-count" data-count="${ctx.nbChallenges}" data-icon="${licon.Swords}""></span>
+    <span title="$challengeTitle" role="status" aria-label="$challengeTitle" class="data-count" data-count="${ctx.nbChallenges}" data-icon="${licon.Swords}""></span>
   </button>
   <div id="challenge-app" class="dropdown"></div>
 </div>
 <div>
   <button id="notify-toggle" class="toggle link">
-    <span title="$notifTitle" aria-label="$notifTitle" class="data-count" data-count="${ctx.nbNotifications}" data-icon="${licon.BellOutline}""></span>
+    <span title="$notifTitle" role="status" aria-label="$notifTitle" class="data-count" data-count="${ctx.nbNotifications}" data-icon="${licon.BellOutline}""></span>
   </button>
   <div id="notify-app" class="dropdown"></div>
 </div>"""