aria labels and fixes

This commit is contained in:
Alex Wolfe 2015-03-04 11:57:28 -08:00
parent ff3264ee4a
commit 85d7ddc515
5 changed files with 9 additions and 8 deletions

View File

@ -1,6 +1,7 @@
nav.side-nav.l-pinned-left.l-layer-4.l-offset-nav
header.side-nav-search
form
label(for="search-io" class="is-hidden") Search Docs
input(type="search" id="search-io" placeholder="SEARCH DOCS...")
ul.side-nav-primary

View File

@ -1,7 +1,7 @@
.social-icons
button(onClick="window.open('https://www.facebook.com/sharer/sharer.php?u=#{siteURL}', '', 'height=500, width=600')" data-href="#{siteURL}" data-colorscheme="dark" data-layout="button_count" data-action="like" data-show-faces="false") <span class="icon-facebook2"></span>
button(onClick="window.open('https://twitter.com/share?text=Angular%20-%20#{description}', '', 'height=250, width=600')") <span class="icon-twitter2"></span>
button(onClick="window.open('https://plus.google.com/share?url=#{siteURL}', '', 'height=500, width=600')" class="googleplus") <span class="icon-google-plus2"></span>
button(onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=#{siteURL}&title=Angular&summary=#{description}.', '', 'height=625, width=500')") <span class="icon-linkedin"></span>
button(aria-label="Share on G+" onClick="window.open('https://plus.google.com/share?url=#{siteURL}', '', 'height=500, width=600')" class="googleplus") <span class="icon-google-plus2"></span>
button(aria-label="Share on Twitter" onClick="window.open('https://twitter.com/share?text=Angular%20-%20#{description}', '', 'height=250, width=600')") <span class="icon-twitter2"></span>
button(aria-label="Share on Facebook" onClick="window.open('https://www.facebook.com/sharer/sharer.php?u=#{siteURL}', '', 'height=500, width=600')" data-href="#{siteURL}" data-colorscheme="dark" data-layout="button_count" data-action="like" data-show-faces="false") <span class="icon-facebook2"></span>
button(aria-label="Share on Linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=#{siteURL}&title=Angular&summary=#{description}.', '', 'height=625, width=500')") <span class="icon-linkedin"></span>
p(style="color: black;") #{url}

View File

@ -35,7 +35,7 @@ if language == 'dart'
<!-- DROPDOWN BUTTON -->
nav.hero-subtitle.text-subhead.dropdown
button(md-button class="dropdown-button" ng-click="toggleVersionMenu($event)") #{title} <span class="icon icon-arrow-drop-down"></span>
button(aria-label="Select a version of Angular" md-button class="dropdown-button" ng-click="toggleVersionMenu($event)") #{title} <span class="icon icon-arrow-drop-down"></span>
div(class="overlay ng-hide" ng-click="toggleVersionMenu($event)" ng-show="showMenu")
<!-- DROPDOWN MENU -->

View File

@ -17,7 +17,7 @@
for person, name in bios
div.c3
md-card.bio-card
img(src="#{person.picture}" class="md-card-image")
img(src="#{person.picture}" class="md-card-image" alt="#{name}")
md-card-content
h3.text-headline #{person.name}
a(href="https://twitter.com/#{person.twitter}" class="bio-card-twitter") @#{person.twitter}

View File

@ -3,7 +3,7 @@
h3.text-headline Build Incredible Applications
p.text-body Angular is a development platform for creating applications using modern web standards. Angular includes a <a href="/features.html">wealth of essential features</a> such as mobile gestures, animations, filtering, routing, data binding, security, internationalization, and beautiful UI components. It's extremely modular, lightweight, and easy to learn.
.c5.text-center
img(src="/resources/images/logos/html5/html5.png")
img(src="/resources/images/logos/html5/html5.png" alt="Modern Web Standards")
.grid-fluid.l-space-bottom-8
@ -19,7 +19,7 @@
h3.text-headline Powered By The Open Source Community
p.text-body Angular is built by you, for you. Our community shapes Angular's direction: core contributions come from big companies and small ones, from students and independent experts. We do our work in the open so that you can help Angular <a href="https://github.com/angular/angular.js">improve, or extend and modify</a> what we've built.
.c5.text-center
img(src="/resources/images/logos/license/open-source.png")
img(src="/resources/images/logos/license/open-source.png" alt="Open Source Initiative")