inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-06-30 18:15:11 +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
Show Stats 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">
<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()">
<mat-icon class="mat-icon material-icon" role="img" aria-hidden="true">menu</mat-icon>
<mat-toolbar
[color]="color"
[style.background-color]="color"
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>
<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>
<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>
<button *ngIf="showSidenavToggle && position === 'end'" id="adf-sidebar-toggle-end" data-automation-id="adf-menu-icon"
class="mat-icon-button adf-menu-icon" mat-icon-button (click)="toggleMenu()">
<mat-icon class="mat-icon material-icon" role="img" aria-hidden="true">menu</mat-icon>
<button
*ngIf="showSidenavToggle && position === 'end'"
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>
</mat-toolbar>