inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-09-17 14:21:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

minor a11y fix for header

Browse Source
This commit is contained in:
Denys Vuika
2019-05-02 15:47:02 +01:00
parent d6719c0b57
commit 2f126fe7fd
1 changed files with 41 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
lib/core/layout/components/header/header.component.html
View File

@@ -1,20 +1,50 @@
<mat-toolbar color="{{color}}" [style.background-color]="color"> <mat-toolbar
<button *ngIf="showSidenavToggle && position === 'start'" id="adf-sidebar-toggle-start" data-automation-id="adf-menu-icon" [color]="color"
class="mat-icon-button adf-menu-icon" mat-icon-button (click)="toggleMenu()"> [style.background-color]="color"
<mat-icon class="mat-icon material-icon" role="img" aria-hidden="true">menu</mat-icon> role="heading"
aria-level="1">
<button
*ngIf="showSidenavToggle && position === 'start'"
id="adf-sidebar-toggle-start"
data-automation-id="adf-menu-icon"
class="mat-icon-button adf-menu-icon"
mat-icon-button
(click)="toggleMenu()"
aria-label="Toggle Menu">
<mat-icon
class="mat-icon material-icon"
role="img"
aria-hidden="true">menu</mat-icon>
</button> </button>
<a [routerLink]="redirectUrl" title="{{ tooltip }}"> <a [routerLink]="redirectUrl" title="{{ tooltip }}">
<img src="{{logo}}" class="adf-app-logo" alt="{{ 'CORE.HEADER.LOGO_ARIA' | translate }}"/> <img
src="{{ logo }}"
class="adf-app-logo"
alt="{{ 'CORE.HEADER.LOGO_ARIA' | translate }}"
/>
</a> </a>
<span [routerLink]="redirectUrl" fxFlex="1 1 auto" fxShow fxHide.lt-sm="true" class="adf-app-title">{{title}}</span> <span
[routerLink]="redirectUrl"
fxFlex="1 1 auto"
fxShow
fxHide.lt-sm="true"
class="adf-app-title"
>{{ title }}</span>
<ng-content></ng-content> <ng-content></ng-content>
<button *ngIf="showSidenavToggle && position === 'end'" id="adf-sidebar-toggle-end" data-automation-id="adf-menu-icon" <button
class="mat-icon-button adf-menu-icon" mat-icon-button (click)="toggleMenu()"> *ngIf="showSidenavToggle && position === 'end'"
<mat-icon class="mat-icon material-icon" role="img" aria-hidden="true">menu</mat-icon> id="adf-sidebar-toggle-end"
data-automation-id="adf-menu-icon"
class="mat-icon-button adf-menu-icon"
mat-icon-button
(click)="toggleMenu()"
aria-label="Toggle Menu">
<mat-icon
class="mat-icon material-icon"
role="img"
aria-hidden="true">menu</mat-icon>
</button> </button>
</mat-toolbar> </mat-toolbar>