Fix broadcast dismiss icon accessibility

This commit is contained in:
Chocobozzz 2023-10-05 16:30:08 +02:00
parent 84bcfdaeff
commit c5397bd066
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
3 changed files with 14 additions and 10 deletions

View File

@ -31,10 +31,10 @@
<div *ngIf="broadcastMessage" class="broadcast-message alert" [ngClass]="broadcastMessage.class">
<div [innerHTML]="broadcastMessage.message"></div>
<my-global-icon
*ngIf="broadcastMessage.dismissable" (click)="hideBroadcastMessage()"
iconName="cross" role="button" title="Close this message" i18n-title
></my-global-icon>
<button
*ngIf="broadcastMessage.dismissable" (click)="hideBroadcastMessage()" class="border-0" title="Close this message" i18n-title>
<my-global-icon iconName="cross"></my-global-icon>
</button>
</div>
<router-outlet></router-outlet>

View File

@ -97,10 +97,14 @@
grid-template-columns: 1fr 30px;
column-gap: 10px;
my-global-icon {
justify-self: center;
align-self: center;
cursor: pointer;
button {
display: block;
color: inherit;
height: fit-content;
margin: auto;
> my-global-icon {
width: 20px;
}
}
}

View File

@ -140,7 +140,7 @@
<div>
<a i18n routerLink="/about/instance">Contact</a>
<a i18n href="https://joinpeertube.org/help" i18n-title title="Get help using PeerTube" target="_blank" rel="noopener noreferrer">Help</a>
<a i18n href="https://joinpeertube.org/faq" i18n-title title="Frequently asked questions about PeerTube" target="_blank" rel="noopener noreferrer">FAQ</a>
<a i18n href="https://joinpeertube.org/faq" i18n-title title="FAQ (Frequently Asked Questions) - about PeerTube" target="_blank" rel="noopener noreferrer">FAQ</a>
<a i18n routerLink="/about/instance" fragment="statistics">Stats</a>
<a i18n href="https://docs.joinpeertube.org/api-rest-reference.html" i18n-title title="API documentation" target="_blank" rel="noopener noreferrer">API</a>
<button (click)="openHotkeysCheatSheet()" class="button-unstyle" i18n>Keyboard shortcuts</button>