ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-19 10:07:07 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

feat(Tabs): add aria-disabled for a11y (#9878)

Browse Source
This commit is contained in:
neverland
2021-11-16 17:44:42 +08:00
committed by GitHub
parent e2a4f091ea
commit b39784ab3d
3 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/vant/src/tab/test/__snapshots__/demo.spec.ts.snap
View File

@@ -284,6 +284,7 @@ exports[`should render demo and match snapshot 1`] = `
<div role="tab" <div role="tab"
class="van-tab van-tab--disabled" class="van-tab van-tab--disabled"
aria-selected="false" aria-selected="false"
aria-disabled="true"
> >
<span class="van-tab__text van-tab__text--ellipsis"> <span class="van-tab__text van-tab__text--ellipsis">
Tab 2 Tab 2

6
packages/vant/src/tab/test/__snapshots__/index.spec.tsx.snap
View File

@@ -60,6 +60,7 @@ exports[`should allow to set name prop 1`] = `
<div role="tab" <div role="tab"
class="van-tab van-tab--disabled" class="van-tab van-tab--disabled"
aria-selected="false" aria-selected="false"
aria-disabled="true"
> >
<span class="van-tab__text van-tab__text--ellipsis"> <span class="van-tab__text van-tab__text--ellipsis">
title3 title3
@@ -187,6 +188,7 @@ exports[`should switch tab after click the tab title 1`] = `
<div role="tab" <div role="tab"
class="van-tab van-tab--disabled" class="van-tab van-tab--disabled"
aria-selected="false" aria-selected="false"
aria-disabled="true"
> >
<span class="van-tab__text van-tab__text--ellipsis"> <span class="van-tab__text van-tab__text--ellipsis">
title3 title3
@@ -247,6 +249,7 @@ exports[`should switch tab after click the tab title 2`] = `
<div role="tab" <div role="tab"
class="van-tab van-tab--disabled" class="van-tab van-tab--disabled"
aria-selected="false" aria-selected="false"
aria-disabled="true"
> >
<span class="van-tab__text van-tab__text--ellipsis"> <span class="van-tab__text van-tab__text--ellipsis">
title3 title3
@@ -308,6 +311,7 @@ exports[`swipe switch tab after swiping tab content 1`] = `
<div role="tab" <div role="tab"
class="van-tab van-tab--disabled" class="van-tab van-tab--disabled"
aria-selected="false" aria-selected="false"
aria-disabled="true"
> >
<span class="van-tab__text van-tab__text--ellipsis"> <span class="van-tab__text van-tab__text--ellipsis">
title3 title3
@@ -382,6 +386,7 @@ exports[`swipe switch tab after swiping tab content 2`] = `
<div role="tab" <div role="tab"
class="van-tab van-tab--disabled" class="van-tab van-tab--disabled"
aria-selected="false" aria-selected="false"
aria-disabled="true"
> >
<span class="van-tab__text van-tab__text--ellipsis"> <span class="van-tab__text van-tab__text--ellipsis">
title3 title3
@@ -459,6 +464,7 @@ exports[`swipe switch tab after swiping tab content 3`] = `
<div role="tab" <div role="tab"
class="van-tab van-tab--disabled" class="van-tab van-tab--disabled"
aria-selected="false" aria-selected="false"
aria-disabled="true"
> >
<span class="van-tab__text van-tab__text--ellipsis"> <span class="van-tab__text van-tab__text--ellipsis">
title3 title3

1
packages/vant/src/tabs/TabsTitle.tsx
View File

@@ -85,6 +85,7 @@ export default defineComponent({
style={style.value} style={style.value}
tabindex={props.disabled ? undefined : props.isActive ? 0 : -1} tabindex={props.disabled ? undefined : props.isActive ? 0 : -1}
aria-selected={props.isActive} aria-selected={props.isActive}
aria-disabled={props.disabled || undefined}
> >
{renderText()} {renderText()}
</div> </div>