Skip to content
Snippets Groups Projects
Commit 03fd516c authored by OZGCloud's avatar OZGCloud
Browse files

OZG-1063 change aria-label text

parent 2b768240
No related branches found
No related tags found
No related merge requests found
<header>
<div class="left">
<goofy-client-icon-button-with-spinner icon="menu" (clickEmitter)="toggleMenuEvent.emit(!this.navigationCollapse)">
<goofy-client-icon-button-with-spinner icon="menu" toolTip="Hauptmenü umschalten" (clickEmitter)="toggleMenuEvent.emit(!this.navigationCollapse)">
</goofy-client-icon-button-with-spinner>
<a routerLink="/" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }">
<img src="/assets/img/logo.svg" alt="Goofy Logo" />
......
<goofy-client-icon-button-with-spinner
icon="settings"
toolTip="Einstellungen"
[matMenuTriggerFor]="settingsMenu"
(menuOpened)="toggle.focus()">
</goofy-client-icon-button-with-spinner>
......
......@@ -6,7 +6,11 @@
</goofy-client-icon-button-with-spinner>
<mat-menu #menu="matMenu" class="reply-option-menu">
<button mat-menu-item *ngFor="let item of itemList;" (click)="setSelectedEnumItem(item)" [attr.data-test-id]="(item.type | convertForDataTest) + '-enum-item'">
<button *ngFor="let item of itemList;"
mat-menu-item
(click)="setSelectedEnumItem(item)"
[attr.data-test-id]="(item.type | convertForDataTest) + '-enum-item'"
aria-label="Antworten erlauben/unterbinden">
<mat-icon *ngIf="item.svgIcon" [svgIcon]="item.svgIcon"></mat-icon>
<mat-icon *ngIf="!item.svgIcon">{{ item.icon }}</mat-icon>
<span> {{ item.text }}</span>
......
<mat-accordion displayMode="flat" hideToggle>
<mat-expansion-panel [expanded]="expanded" data-test-class="expansion-panel">
<mat-expansion-panel [expanded]="expanded" data-test-class="expansion-panel" #expansionPanel>
<mat-expansion-panel-header>
<mat-panel-title data-test-class="panel-title">
<button mat-icon-button tabindex="-1" [attr.aria-label]="'Bereich ' + (expanded? 'ausklappen': 'einklappen')">
<button mat-icon-button tabindex="-1" [attr.aria-label]="'Bereich ' + (expansionPanel.expanded? 'reduzieren': 'erweitern')">
<mat-icon>chevron_right</mat-icon>
</button>
<h3>{{ headline }}</h3>
......
......@@ -9,4 +9,6 @@ export class ExpansionPanelComponent {
@Input() headline: string;
@Input() expanded: boolean = true;
}
......@@ -3,12 +3,14 @@
<div class="button-bar">
<button mat-icon-button data-test-id="min-max-button"
(click)="minimize()"
[ngClass]="{minimized: isMinimized}">
[ngClass]="{minimized: isMinimized}"
aria-label="Nachricht minimieren">
<mat-icon>minimize</mat-icon>
</button>
<button mat-icon-button data-test-id="close-button"
[mat-dialog-close]="true">
[mat-dialog-close]="true"
aria-label="Nachricht schließen">
<mat-icon>close</mat-icon>
</button>
</div>
......
......@@ -17,7 +17,7 @@
<button *ngIf="wiedervorlageResource.beschreibung || wiedervorlageResource.attachments.length > 0" data-test-class="expand-button"
[ngClass]="{ 'is-open': expanded }"
[attr.aria-label]="'Bereich ' + (expanded? 'ausklappen': 'einklappen')"
[attr.aria-label]="'Bereich ' + (expanded? 'reduzieren': 'erweitern')"
[matTooltip]="tooltip" mat-icon-button
(click)="toggle()">
<mat-icon>chevron_right</mat-icon>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment