[improvement] Tab: improve accessibility

This commit is contained in:
陈嘉涵
2019-05-24 11:33:22 +08:00
parent c3e2fec37a
commit fe7c0c38bf
10 changed files with 193 additions and 181 deletions

View File

@@ -413,6 +413,8 @@ export default sfc({
<div
ref="tabs"
refInFor
role="tab"
aria-selected={index === this.curActive}
class={tabBem({
active: index === this.curActive,
disabled: tab.disabled,
@@ -439,7 +441,7 @@ export default sfc({
{ 'van-hairline--top-bottom': type === 'line' && this.border }
]}
>
<div ref="nav" class={bem('nav', [type])} style={this.navStyle}>
<div ref="nav" role="tablist" class={bem('nav', [type])} style={this.navStyle}>
{this.slots('nav-left')}
{type === 'line' && <div class={bem('line')} style={this.lineStyle} />}
{Nav}