From 3883444567e1605b415dc8407659abb4916b2bfd Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Mon, 30 Sep 2024 16:07:49 +0200
Subject: [PATCH] Fix reading toast content in screen readers

---
 .../my-follows/my-followers.component.html            | 11 ++++++-----
 client/src/app/app.component.html                     |  2 +-
 client/src/app/app.component.ts                       | 10 ----------
 3 files changed, 7 insertions(+), 16 deletions(-)

diff --git a/client/src/app/+my-library/my-follows/my-followers.component.html b/client/src/app/+my-library/my-follows/my-followers.component.html
index a39362166..43d0267d4 100644
--- a/client/src/app/+my-library/my-follows/my-followers.component.html
+++ b/client/src/app/+my-library/my-follows/my-followers.component.html
@@ -1,10 +1,11 @@
-<h1>
-  <span class="text-nowrap me-2">
+<div class="d-flex">
+  <h1 class="text-nowrap">
     <my-global-icon iconName="follower" aria-hidden="true"></my-global-icon>
     <ng-container i18n>My followers</ng-container>
-    <span *ngIf="pagination.totalItems" [title]="getTotalTitle()" class="pt-badge badge-secondary"> {{ pagination.totalItems }}</span>
-  </span>
-</h1>
+  </h1>
+
+  <span *ngIf="pagination.totalItems" [title]="getTotalTitle()" class="pt-badge badge-secondary"> {{ pagination.totalItems }}</span>
+</div>
 
 <div class="followers-header">
   <my-advanced-input-filter [filters]="inputFilters" (search)="onSearch($event)"></my-advanced-input-filter>
diff --git a/client/src/app/app.component.html b/client/src/app/app.component.html
index c6e581ddb..c81d2ac65 100644
--- a/client/src/app/app.component.html
+++ b/client/src/app/app.component.html
@@ -60,7 +60,7 @@
 <p-toast position="bottom-right">
   <ng-template let-message pTemplate="message">
     <div class="notification-block">
-      <div class="message" [attr.role]="getNotificationRole(message)">
+      <div class="message">
         <h3>{{ message.summary }}</h3>
         <p>{{ message.detail }}</p>
       </div>
diff --git a/client/src/app/app.component.ts b/client/src/app/app.component.ts
index 5e376322c..736ee7359 100644
--- a/client/src/app/app.component.ts
+++ b/client/src/app/app.component.ts
@@ -202,16 +202,6 @@ export class AppComponent implements OnInit, AfterViewInit {
     }
   }
 
-  getNotificationRole (message: { severity: 'success' | 'error' | 'info' }) {
-    switch (message.severity) {
-      case 'error':
-        return 'alert'
-
-      default:
-        return 'status'
-    }
-  }
-
   // ---------------------------------------------------------------------------
 
   private initRouteEvents () {