Add visually hidden <h1> to views that lack an overarching heading

This commit is contained in:
Patrick H. Lauke 2021-12-13 20:56:23 +00:00
parent 75878442f0
commit ba37c05d1b
4 changed files with 4 additions and 0 deletions

View File

@ -2,6 +2,7 @@
<div class="left" *ngIf="showLeftHeader">
<app-pop-out></app-pop-out>
</div>
<h1 class="sr-only">{{'send' | i18n}}</h1>
<div class="search">
<input type="search" placeholder="{{'searchSends' | i18n}}" id="search" [(ngModel)]="searchText"
(input)="search(200)" autocomplete="off" appAutofocus>

View File

@ -5,6 +5,7 @@
<span>{{'back' | i18n}}</span>
</button>
</div>
<h1 class="sr-only">{{'send' | i18n}}</h1>
<div class="search">
<input type="search" placeholder="{{'searchType' | i18n}}" id="search" [(ngModel)]="searchText"
(input)="search(200)" autocomplete="off" appAutofocus>

View File

@ -5,6 +5,7 @@
<span>{{'back' | i18n}}</span>
</button>
</div>
<h1 class="sr-only">{{'myVault' | i18n}}</h1>
<div class="search">
<input type="{{searchTypeSearch ? 'search' : 'text'}}"
placeholder="{{searchPlaceholder || ('searchVault' | i18n)}}" id="search" [(ngModel)]="searchText"

View File

@ -2,6 +2,7 @@
<div class="left">
<app-pop-out></app-pop-out>
</div>
<h1 class="sr-only">{{'myVault' | i18n}}</h1>
<div class="search">
<input type="{{searchTypeSearch ? 'search' : 'text'}}" placeholder="{{'searchVault' | i18n}}" id="search"
[(ngModel)]="searchText" (input)="search(200)" autocomplete="off" appAutofocus (keydown)="closeOnEsc($event)">