Skip to content

Commit

Permalink
Merge changes
Browse files Browse the repository at this point in the history
  • Loading branch information
mpnkhan committed Sep 2, 2015
2 parents cd2ed79 + 4c422cd commit 3ebf9ec
Show file tree
Hide file tree
Showing 8 changed files with 156 additions and 29 deletions.
27 changes: 26 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<img src="images/logo_347x50_PPa11y.png" alt="PayPal accessibility logo">

# SkipTo, version 2.0
# SkipTo, version 2.1
## by PayPal Accessibility Team and University of Illinois
See the [Authors](#authors) section for more information.

Expand Down Expand Up @@ -146,6 +146,31 @@ Access keys work just like regular shortcut keys except that they need a browse
* Google Chrome -- CONTROL+ALT+0 (Windows) and CONTROL+OPTION+0 (Mac OS).
* Safari -- CONTROL+0.

## Version History
### Version 2.1
* Ignore hidden landmarks and headings, based on:
* CSS: display: none
* CSS: visibility: hidden
* HTML5 hidden attribute
* ARIA 1.0 aria-hidden=true attribute
* ARIA 1.0 role=presentation attribute
* any element that is less than 4 pixels high or wide

### Version 2.0
* Support for HTML5 section elements
* Calculate accessible names for landmarks and headings
* Updated menu to separate headings from landmarks
* Created default for main content
* main element
* [role=Main]
* Created default for HTML5 sections
* nav element
* Updated defaults for landmarks
* [role=navigation]
* [role=search]
* Updated defaults for headings
* h1 element
* h2 element

## Copyright and license

Expand Down
10 changes: 10 additions & 0 deletions example/skipTo.html
Original file line number Diff line number Diff line change
Expand Up @@ -104,6 +104,16 @@ <h2 style="font-size: 1pt">More fish</h2>
</section>
</article>
</main>

<main>

<h1>Some IFRAME content</h1>

<iframe src="skipTo1.html" title="More content from an iframe"></iframe>

<iframe src="skipTo2.html" title="More content in a second iframe"></iframe>

</main>

<footer role="contentinfo">
<div>
Expand Down
59 changes: 59 additions & 0 deletions example/skipTo1.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>SkipTo Menu Example Page: IFRAME 1</title>
<style>
.dropMenu .custom {
background:#aabbdd;
left: 10px;
top: 10px;
}
</style>
</head>
<body>
<header role="banner">
<hgroup>
<h1>SkipTo Menu Example</h1>
</hgroup>
</header>
<section role="main" class="SkipToAttach" aria-labelledby="id1">
<h1 id="id1">SkipTo Menu Example Page: IFRAME 1</h1>
<article>
<header>
<h2>IFRAME 1: Pastrami</h2>
</header>
<section>
Boudin pastrami cow ham leberkas doner ground round pork. Turducken swine bresaola, flank kielbasa ground round beef ribs chuck meatball shoulder tail leberkas biltong pastrami andouille. Drumstick jowl brisket ribeye ham jerky shank cow bacon. Ham swine chuck, ball tip frankfurter meatball short loin bacon andouille ribeye beef ribs shoulder tail spare ribs bresaola. Swine meatball leberkas bacon. Beef ribs short loin pork belly meatloaf pastrami bacon pig andouille ham jowl pork chop shoulder jerky ribeye. Meatball doner t-bone strip steak tail biltong ham hock, shank jowl.
<a id="SkipToA1" href="#">Paypal.com</a>
</section>
</article>
<article>
<header>
<h2>IFRAME 1: Turkey</h2>
</header>
<section>
Turkey tri-tip sirloin tail hamburger, pancetta prosciutto pork chop pork tongue. Salami drumstick bacon jerky, pork sausage ham prosciutto capicola pancetta beef ribs fatback. Bresaola andouille sirloin, fatback beef ribs shoulder leberkas tongue. Shankle shank turducken, flank jerky leberkas strip steak chuck pancetta tail venison pork belly meatball.
<a id="SkipToA2" href="#">eBay.com</a>
</section>
</article>
<article>
<header>
<h2>IFRAME 1: Ribeye</h2>
</header>
<section>
Ribeye turkey beef ribs, ground round pork chop cow venison capicola shank pastrami. Salami pork ball tip tongue chicken tenderloin sausage short loin. Prosciutto jerky chuck sausage. Tri-tip shankle short ribs cow pastrami, sirloin drumstick pig ball tip shank meatball ground round hamburger.
<a id="SkipToA3" href="#">developer.paypal.com</a>
</section>
</article>
<article>
<header>
<h2>IFRAME 1: Beef Chuck</h2>
</header>
<section>
Doner beef chuck, tongue cow strip steak pork chop meatloaf pastrami short loin sausage ham hock. Pork belly corned beef meatball salami rump pork chop boudin kielbasa leberkas sausage sirloin pig pork venison. Pork tri-tip prosciutto, ground round meatloaf frankfurter filet mignon sirloin turducken. Flank sausage swine pork loin jerky sirloin. Andouille chuck sausage frankfurter meatball.
<a id="SkipToA4" href="#">Paypal.com</a>
</section>
</article>
</section>
</html>
59 changes: 59 additions & 0 deletions example/skipTo2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>SkipTo Menu Example Page: IFRAME 2</title>
<style>
.dropMenu .custom {
background:#aabbdd;
left: 10px;
top: 10px;
}
</style>
</head>
<body>
<header role="banner">
<hgroup>
<h1>SkipTo Menu Example</h1>
</hgroup>
</header>
<main class="SkipToAttach" aria-labelledby="id1">
<h1 id="id1">SkipTo Menu Example Page: IFRAME 2</h1>
<article>
<header>
<h2>IFRAME 2: Pastrami</h2>
</header>
<section>
Boudin pastrami cow ham leberkas doner ground round pork. Turducken swine bresaola, flank kielbasa ground round beef ribs chuck meatball shoulder tail leberkas biltong pastrami andouille. Drumstick jowl brisket ribeye ham jerky shank cow bacon. Ham swine chuck, ball tip frankfurter meatball short loin bacon andouille ribeye beef ribs shoulder tail spare ribs bresaola. Swine meatball leberkas bacon. Beef ribs short loin pork belly meatloaf pastrami bacon pig andouille ham jowl pork chop shoulder jerky ribeye. Meatball doner t-bone strip steak tail biltong ham hock, shank jowl.
<a id="SkipToA1" href="#">Paypal.com</a>
</section>
</article>
<article>
<header>
<h2>IFRAME 2: Turkey</h2>
</header>
<section>
Turkey tri-tip sirloin tail hamburger, pancetta prosciutto pork chop pork tongue. Salami drumstick bacon jerky, pork sausage ham prosciutto capicola pancetta beef ribs fatback. Bresaola andouille sirloin, fatback beef ribs shoulder leberkas tongue. Shankle shank turducken, flank jerky leberkas strip steak chuck pancetta tail venison pork belly meatball.
<a id="SkipToA2" href="#">eBay.com</a>
</section>
</article>
<article>
<header>
<h2>IFRAME 2: Ribeye</h2>
</header>
<section>
Ribeye turkey beef ribs, ground round pork chop cow venison capicola shank pastrami. Salami pork ball tip tongue chicken tenderloin sausage short loin. Prosciutto jerky chuck sausage. Tri-tip shankle short ribs cow pastrami, sirloin drumstick pig ball tip shank meatball ground round hamburger.
<a id="SkipToA3" href="#">developer.paypal.com</a>
</section>
</article>
<article>
<header>
<h2>IFRAME 2: Beef Chuck</h2>
</header>
<section>
Doner beef chuck, tongue cow strip steak pork chop meatloaf pastrami short loin sausage ham hock. Pork belly corned beef meatball salami rump pork chop boudin kielbasa leberkas sausage sirloin pig pork venison. Pork tri-tip prosciutto, ground round meatloaf frankfurter filet mignon sirloin turducken. Flank sausage swine pork loin jerky sirloin. Andouille chuck sausage frankfurter meatball.
<a id="SkipToA4" href="#">Paypal.com</a>
</section>
</article>
</main>
</html>
2 changes: 1 addition & 1 deletion src/WordPress/skipTo/js/SkipTo.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

13 changes: 0 additions & 13 deletions src/WordPress/skipTo/js/SkipTo.min.js.orig

This file was deleted.

2 changes: 1 addition & 1 deletion src/drupal/skipTo/js/SkipTo.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

13 changes: 0 additions & 13 deletions src/drupal/skipTo/js/SkipTo.min.js.orig

This file was deleted.

0 comments on commit 3ebf9ec

Please sign in to comment.