frontend: add IDs to buttons in OverviewComponent for better accessibility
This commit is contained in:
parent
48897f6769
commit
894864d1e5
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user