[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

@@ -51,14 +51,23 @@ export default sfc({
if (this.parent.animated) {
return (
<div class={bem('pane-wrapper', { inactive: !this.selected })}>
<div
role="tabpanel"
aria-hidden={!this.selected}
class={bem('pane-wrapper', { inactive: !this.selected })}
>
<div class={bem('pane')}>{Content}</div>
</div>
);
}
return (
<div vShow={this.selected} class={bem('pane')}>
<div
vShow={this.selected}
role="tabpanel"
class={bem('pane')}
aria-hidden={!this.selected}
>
{Content}
</div>
);