aria labels and fixes
This commit is contained in:
parent
ff3264ee4a
commit
85d7ddc515
|
@ -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
|
||||
|
|
|
@ -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}
|
|
@ -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 -->
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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")
|
||||
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue