Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Tabs: ARIA! DO NOT MERGE TO MASTER! #666

Closed
wants to merge 15 commits into from
Closed

Tabs: ARIA! DO NOT MERGE TO MASTER! #666

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
0c05afc
Tabs: ARIA! DO NOT MERGE TO MASTER!
scottgonzalez May 23, 2012
2c60638
Merge branch 'master' into tabs-aria
scottgonzalez May 29, 2012
b8fcc39
Merge branch 'master' into tabs-aria
scottgonzalez May 30, 2012
111e71c
Tabs: Added aria-labelledby to panels and tabs. Added aria-disabled t…
scottgonzalez May 30, 2012
9fc48bc
Tabs: Allow collapsing via keyboard.
scottgonzalez May 30, 2012
66c371a
Tabs: Allow navigating through tabs without automatic activation.
scottgonzalez May 30, 2012
6fe06fa
Tabs: Space toggles, Enter activates.
scottgonzalez May 31, 2012
3d735cf
Tabs: Add alt+page up/down to move between tabs when focus is inside …
scottgonzalez May 31, 2012
6196abf
Tabs: Fixed looping with keyboard nav.
scottgonzalez May 31, 2012
1f0ea5b
Tabs: Prevent focusing a disabled tab by clicking on it.
scottgonzalez May 31, 2012
6b4457c
Tabs: Handle alt+page up/down even on tabs.
scottgonzalez Jun 6, 2012
a0c6338
Tabs: Swap space and enter.
scottgonzalez Jun 7, 2012
74316a4
Tabs: Update aria-selected during navigation so that AT announces the…
scottgonzalez Jun 7, 2012
c31592b
Tabs: Drop delayed activation to 300ms and move to instance property …
scottgonzalez Jun 8, 2012
636a91f
Tabs: Only update aria-selected immediately if the user isn't navigat…
scottgonzalez Jun 8, 2012
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
30 changes: 22 additions & 8 deletions demos/tabs/default.html
View file
Open in desktop
Expand Up @@ -11,7 +11,9 @@
<link rel="stylesheet" href="../demos.css">
<script>
$(function() {
$( "#tabs" ).tabs();
$( "#tabs" ).tabs({
disabled: [ 2, 5 ]
});
});
</script>
</head>
Expand All @@ -21,19 +23,31 @@

<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
<li><a href="#tabs-1">1</a></li>
<li><a href="#tabs-2">2</a></li>
<li><a href="#tabs-3">3</a></li>
<li><a href="#tabs-4">4</a></li>
<li><a href="ajax/content3-slow.php">Ajax tab</a></li>
<li><a href="#tabs-6">6</a></li>
<li><a href="#tabs-7">7</a></li>
</ul>
<div id="tabs-1">
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
<p>tab 1</p>
</div>
<div id="tabs-2">
<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
<p>tab 2<input></p>
</div>
<div id="tabs-3">
<p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
<p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
<p>tab 3</p>
</div>
<div id="tabs-4">
<p>tab 4</p>
</div>
<div id="tabs-6">
<p>tab 6</p>
</div>
<div id="tabs-7">
<p>tab 7</p>
</div>
</div>

Expand Down