frontend: add unique IDs to action buttons in recording lists for improved accessibility

This commit is contained in:
Carlos Santos 2025-07-22 17:10:56 +02:00
parent b218874a92
commit 0debf5b35b

View File

@ -178,6 +178,7 @@
matTooltip="Play Recording"
(click)="playRecording(recording)"
[disabled]="loading"
id="play-recording-btn-{{ recording.id }}"
>
<mat-icon>play_arrow</mat-icon>
</button>
@ -190,6 +191,7 @@
matTooltip="Download Recording"
(click)="downloadRecording(recording)"
[disabled]="loading"
id="download-recording-btn-{{ recording.id }}"
>
<mat-icon>download</mat-icon>
</button>
@ -202,6 +204,7 @@
matTooltip="Delete Recording"
(click)="deleteRecording(recording)"
[disabled]="loading"
id="delete-recording-btn-{{ recording.id }}"
>
<mat-icon>delete</mat-icon>
</button>
@ -212,19 +215,20 @@
[matMenuTriggerFor]="actionsMenu"
matTooltip="More Actions"
[disabled]="loading"
id="more-actions-btn-{{ recording.id }}"
>
<mat-icon>more_vert</mat-icon>
</button>
<mat-menu #actionsMenu="matMenu">
<button mat-menu-item (click)="shareRecordingLink(recording)">
<button mat-menu-item (click)="shareRecordingLink(recording)" id="share-recording-link-{{ recording.id }}">
<mat-icon>share</mat-icon>
<span>Share link</span>
</button>
@if (canDeleteRecording(recording)) {
<mat-divider></mat-divider>
<button mat-menu-item (click)="deleteRecording(recording)" class="delete-action">
<button mat-menu-item (click)="deleteRecording(recording)" class="delete-action" id="delete-recording-btn-{{ recording.id }}">
<mat-icon>delete</mat-icon>
<span>Delete recording</span>
</button>