Skip to content

Commit

Permalink
Update skip to to ignore hidden headings, landmarks and sections, als…
Browse files Browse the repository at this point in the history 
…o update test page
  • Loading branch information
@jongund
jongund committed Jun 23, 2015
1 parent aec7104 commit 25e11c6
Show file tree
Hide file tree
Showing 4 changed files with 146 additions and 57 deletions.
61 changes: 55 additions & 6 deletions example/skipTo.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,10 +17,11 @@
<h1>SkipTo Menu Example</h1>
</hgroup>
</header>
<section role="main" class="SkipToAttach">
<section role="main" class="SkipToAttach" aria-labelledby="id1">
<h1 id="id1">Skip To Example Page</h1>
<article>
<header>
<h1>Pastrami</h1>
<h2>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.
Expand All @@ -29,7 +30,7 @@ <h1>Pastrami</h1>
</article>
<article>
<header>
<h1>Turkey</h1>
<h2>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.
Expand All @@ -38,7 +39,7 @@ <h1>Turkey</h1>
</article>
<article>
<header>
<h1>Ribeye</h1>
<h2>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.
Expand All @@ -47,14 +48,63 @@ <h1>Ribeye</h1>
</article>
<article>
<header>
<h1>Beef Chuck</h1>
<h2>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>
<main aria-labelledby="id2">
<h1 id="id2">More main Content with Hidden Headings and Sections</h1>
<article>
<header>
<h2 role="presentation">More 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 hidden>
<header>
<h2>More 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 style="visibility: hidden">More 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 style="display: none">More 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>
<article>
<header>
<h2 style="font-size: 1pt">More fish</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>
</main>

<footer role="contentinfo">
<div>
Copyright &copy; 2013
Expand All @@ -65,7 +115,6 @@ <h1>Beef Chuck</h1>
"settings": {
"skipTo": {
"headings": "h1 ,h2, h3",
"main": "main [role=main]",
"landmarks": "[role=navigation],[role=search]",
"sections": "nav",
"ids" : "#SkipToA1, #SkipToA2, #main",
Expand Down
Loading

0 comments on commit 25e11c6

Please sign in to comment.