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

feat(aio): search results accessibility items

Browse Source 
Add visually hidden class and apply to h2 in search results
Changed h2 group headers to h3s
Add roles to main and content
Fix API material icon placement
Image alt additions where needed
Add lang attribute to html tag
Add aria-label on search input
This commit is contained in:
Stefanie Fluin
2017-04-17 10:57:49 -07:00
committed by Pete Bacon Darwin
parent 76269f4a1f
commit 4624406ce8
11 changed files with 31 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
aio/content/examples/animations/src/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Animations</title>

8
aio/content/marketing/index.html
View File

@ -17,7 +17,7 @@
<div class="home-rows"><!-- Group 1-->
<div layout="row" layout-xs="column" class="home-row">
<div class="promo-img-container promo-1">
<div><img src="assets/images/home/responsive-framework.svg"></div>
<div><img src="assets/images/home/responsive-framework.svg" alt="responsive framework"></div>
</div>
<div class="text-container">
<div class="text-block promo-1-desc l-pad-top-2"><h3 class="text-headline">Develop Across
@ -38,12 +38,12 @@
</div>
</div>
<div class="promo-img-container promo-2">
<div><img src="assets/images/home/speed-performance.svg"></div>
<div><img src="assets/images/home/speed-performance.svg" alt="speed and performance"></div>
</div>
</div><!-- Group 3-->
<div layout="row" layout-xs="column" class="home-row">
<div class="promo-img-container promo-3">
<div><img src="assets/images/home/joyful-development.png"></div>
<div><img src="assets/images/home/joyful-development.png" alt="IDE example"></div>
</div>
<div class="text-container">
<div class="text-block promo-3-desc"><h3 class="text-headline">Incredible Tooling</h3>
@ -63,7 +63,7 @@
applications.</p></div>
</div>
<div class="promo-img-container promo-4">
<div><img src="assets/images/home/loved-by-millions.png"></div>
<div><img src="assets/images/home/loved-by-millions.png" alt="angular on the map"></div>
</div>
</div>
<div class="cta-bar"><a href="/guide/quickstart" md-button="md-button" class="button button-large button-shield mat-raised mat-primary">Get Started</a></div>

2
aio/content/marketing/presskit.html
View File

@ -16,7 +16,7 @@
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/angular/angular.svg">
<img src="assets/images/logos/angular/angular.svg" alt="Angular">
</div>
<div>
<h3 class="l-space-left-3">FULL COLOR LOGO</h3>