diff options
| author | tusooa <tusooa@kazv.moe> | 2023-03-02 21:15:43 -0500 |
|---|---|---|
| committer | tusooa <tusooa@kazv.moe> | 2023-03-02 21:15:43 -0500 |
| commit | 1a852b96eff060c8eaab9477c85eb4a3bd91c748 (patch) | |
| tree | f18364acf03155aa76d6b4305399d32e61403f03 /src/components/tab_switcher | |
| parent | 830085b3e429c6d495f48989071e8fc44939b3f9 (diff) | |
Give tab switcher a role
Diffstat (limited to 'src/components/tab_switcher')
| -rw-r--r-- | src/components/tab_switcher/tab_switcher.jsx | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/src/components/tab_switcher/tab_switcher.jsx b/src/components/tab_switcher/tab_switcher.jsx index c8d390bc..a7ef8560 100644 --- a/src/components/tab_switcher/tab_switcher.jsx +++ b/src/components/tab_switcher/tab_switcher.jsx @@ -117,6 +117,7 @@ export default { onClick={this.clickTab(index)} class={classesTab.join(' ')} type="button" + role="tab" > <img src={props.image} title={props['image-tooltip']}/> {props.label ? '' : props.label} @@ -131,6 +132,7 @@ export default { onClick={this.clickTab(index)} class={classesTab.join(' ')} type="button" + role="tab" > {!props.icon ? '' : (<FAIcon class="tab-icon" size="2x" fixed-width icon={props.icon}/>)} <span class="text"> @@ -167,11 +169,15 @@ export default { return ( <div class={'tab-switcher ' + (this.sideTabBar ? 'side-tabs' : 'top-tabs')}> - <div class="tabs"> + <div + class="tabs" + role="tablist" + > {tabs} </div> <div ref="contents" + role="tabpanel" class={'contents' + (this.scrollableTabs ? ' scrollable-tabs' : '')} v-body-scroll-lock={this.bodyScrollLock} > |