Fix reading toast content in screen readers

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>

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>

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 () {