logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe git clone https://hacktivis.me/git/pleroma-fe.git
commit: 2e20c2c46a8519add35d6e994ab3af6429fec10e
parent 830085b3e429c6d495f48989071e8fc44939b3f9
Author: HJ <30-hj@users.noreply.git.pleroma.social>
Date:   Fri,  3 Mar 2023 10:09:42 +0000

Merge branch 'tusooa/tab-aria' into 'develop'

Give tab switcher a role

See merge request pleroma/pleroma-fe!1793

Diffstat:

Msrc/components/tab_switcher/tab_switcher.jsx8+++++++-
1 file changed, 7 insertions(+), 1 deletion(-)

diff --git 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} >