frontend: add IDs to buttons in OverviewComponent for better accessibility

This commit is contained in:
Carlos Santos 2025-07-22 10:56:47 +02:00
parent 48897f6769
commit 894864d1e5

View File

@ -34,11 +34,11 @@
</div> </div>
</mat-card-content> </mat-card-content>
<mat-card-actions> <mat-card-actions>
<button mat-button (click)="navigateTo('rooms/new')" class="primary-button"> <button mat-button (click)="navigateTo('rooms/new')" class="primary-button" id="create-room-button">
<mat-icon>add</mat-icon> <mat-icon>add</mat-icon>
Create Room Create Room
</button> </button>
<button mat-button (click)="navigateTo('rooms')"> <button mat-button (click)="navigateTo('rooms')" id="view-all-rooms-button">
View all View all
<mat-icon class="ov-navigation-icon">arrow_forward</mat-icon> <mat-icon class="ov-navigation-icon">arrow_forward</mat-icon>
</button> </button>
@ -57,7 +57,7 @@
</div> </div>
</mat-card-content> </mat-card-content>
<mat-card-actions> <mat-card-actions>
<button mat-button (click)="navigateTo('recordings')"> <button mat-button (click)="navigateTo('recordings')" id="view-all-recordings-button">
<mat-icon class="ov-navigation-icon">arrow_forward</mat-icon> <mat-icon class="ov-navigation-icon">arrow_forward</mat-icon>
View all View all
</button> </button>
@ -84,7 +84,7 @@
Create dedicated spaces for video conferences where participants can connect, Create dedicated spaces for video conferences where participants can connect,
collaborate, and communicate seamlessly. collaborate, and communicate seamlessly.
</p> </p>
<button mat-stroked-button (click)="navigateTo('rooms/new')"> <button mat-stroked-button (click)="navigateTo('rooms/new')" id="create-first-room-button">
<mat-icon class="ov-action-icon">add</mat-icon> <mat-icon class="ov-action-icon">add</mat-icon>
Create Room Create Room
</button> </button>
@ -99,7 +99,7 @@
Set up user authentication and manage access permissions to ensure secure and Set up user authentication and manage access permissions to ensure secure and
controlled participation in your video conferences. controlled participation in your video conferences.
</p> </p>
<button mat-stroked-button (click)="navigateTo('users-permissions')"> <button mat-stroked-button (click)="navigateTo('users-permissions')" id="configure-auth-button">
Go to Users & Permissions Go to Users & Permissions
</button> </button>
</mat-card-content> </mat-card-content>
@ -114,7 +114,7 @@
Embed OpenVidu Meet into your applications using our comprehensive REST API for Embed OpenVidu Meet into your applications using our comprehensive REST API for
programmatic room creation and management. programmatic room creation and management.
</p> </p>
<button mat-stroked-button (click)="navigateTo('embedded')">Go to Embedded</button> <button mat-stroked-button (click)="navigateTo('embedded')" id="go-to-embedded-button">Go to Embedded</button>
</mat-card-content> </mat-card-content>
</mat-card> </mat-card>
</div> </div>