cargdev/angular
1
0
Fork 0
Code Issues 16 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(aio): accessibility items in search and home

Browse Source 
Index: Changed h3s to h2s given hierarchy
Index: Aligned text and image blocks to be centered
Index: Announcement bar button darkened for appropriate contrast
Search Results: Changed to list items in unordered list to accommodate accessibility and updated styles accordingly
This commit is contained in:
Stefanie Fluin
2017-04-19 13:35:11 -07:00
committed by Pete Bacon Darwin
parent f90258162a
commit ab03852234
5 changed files with 76 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
aio/src/app/search/search-results/search-results.component.html
View File

@ -2,9 +2,11 @@
<h2 class="visually-hidden">Search Results</h2>
<div class="search-area" *ngFor="let area of searchAreas | async">
<h3>{{area.name}}</h3>
<div class="search-page" *ngFor="let page of area.pages">
<a class="search-result-item" href="{{ page.path }}" (click)="onResultSelected(page)">{{ page.title }}</a>
</div>
<ul>
<li class="search-page" *ngFor="let page of area.pages">
<a class="search-result-item" href="{{ page.path }}" (click)="onResultSelected(page)">{{ page.title }}</a>
</li>
</ul>
</div>
</div>