IntenseWebs/PeerTube
3
0
Fork 0
mirror of https://github.com/Chocobozzz/PeerTube.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fix reading toast content in screen readers

Browse Source
This commit is contained in:
Chocobozzz 2024-09-30 16:07:49 +02:00
parent 639feb2306
commit 3883444567
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
3 changed files with 7 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/app/+my-library/my-follows/my-followers.component.html
View File

@ -1,11 +1,12 @@
<h1> <div class="d-flex">
<span class="text-nowrap me-2"> <h1 class="text-nowrap">
<my-global-icon iconName="follower" aria-hidden="true"></my-global-icon> <my-global-icon iconName="follower" aria-hidden="true"></my-global-icon>
<ng-container i18n>My followers</ng-container> <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"> <div class="followers-header">
<my-advanced-input-filter [filters]="inputFilters" (search)="onSearch($event)"></my-advanced-input-filter> <my-advanced-input-filter [filters]="inputFilters" (search)="onSearch($event)"></my-advanced-input-filter>
</div> </div>

2
client/src/app/app.component.html
View File

@ -60,7 +60,7 @@
<p-toast position="bottom-right"> <p-toast position="bottom-right">
<ng-template let-message pTemplate="message"> <ng-template let-message pTemplate="message">
<div class="notification-block"> <div class="notification-block">
<div class="message" [attr.role]="getNotificationRole(message)"> <div class="message">
<h3>{{ message.summary }}</h3> <h3>{{ message.summary }}</h3>
<p>{{ message.detail }}</p> <p>{{ message.detail }}</p>
</div> </div>

10
client/src/app/app.component.ts
View File

@ -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 () { private initRouteEvents () {