javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

tabs aria

Browse Source
This commit is contained in:
Adam Bradley
2015-04-21 22:42:59 -05:00
parent 185d018c12
commit 3e9e077cd5
4 changed files with 30 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/tabs/tabs.js
View File

@ -16,18 +16,23 @@ import {IonicComponent} from 'ionic2/config/component'
<!-- TOOLBARS FOR EACH VIEW SHOULD HAVE THE SAME CONTEXT AS ITS VIEW -->
</header>
<nav class="tab-bar-container">
<nav class="tab-bar-container"
role="tablist"
[attr.aria-activedescendant]="'tab-content-' + selectedTab.tabId">
<div class="tab-bar">
<a *for="#tab of tabs"
<button *for="#tab of tabs"
role="tab"
class="tab-bar-item"
[class.tab-active]="tab.isSelected"
[attr.id]="'tab-item-' + tab.tabId"
[attr.aria-controls]="'tab-content-' + tab.tabId"
[attr.aria-selected]="tab.isSelected"
(^click)="onClickTabItem($event, tab)">
<icon class="tab-bar-item-icon ion-home"
[hidden]="tabBarIcons=='none'"
[class.tab-bar-icon-bottom]="tabBarIcons=='bottom'"
[class.tab-bar-icon-top]="tabBarIcons=='top'"></icon>
<span class="tab-bar-item-text" [hidden]="tabBarText=='none'">{{tab.title}}</span>
</a>
</button>
</div>
</nav>