From b39784ab3d8a7a657977a3b9e4103c384dc85493 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Tue, 16 Nov 2021 17:44:42 +0800
Subject: [PATCH] feat(Tabs): add aria-disabled for a11y (#9878)

---
 packages/vant/src/tab/test/__snapshots__/demo.spec.ts.snap  | 1 +
 .../vant/src/tab/test/__snapshots__/index.spec.tsx.snap     | 6 ++++++
 packages/vant/src/tabs/TabsTitle.tsx                        | 1 +
 3 files changed, 8 insertions(+)

diff --git a/packages/vant/src/tab/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/tab/test/__snapshots__/demo.spec.ts.snap
index 4a671bf18..c65453b4d 100644
--- a/packages/vant/src/tab/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/tab/test/__snapshots__/demo.spec.ts.snap
@@ -284,6 +284,7 @@ exports[`should render demo and match snapshot 1`] = `
         <div role="tab"
              class="van-tab van-tab--disabled"
              aria-selected="false"
+             aria-disabled="true"
         >
           <span class="van-tab__text van-tab__text--ellipsis">
             Tab 2
diff --git a/packages/vant/src/tab/test/__snapshots__/index.spec.tsx.snap b/packages/vant/src/tab/test/__snapshots__/index.spec.tsx.snap
index 84f5917bf..850bf72aa 100644
--- a/packages/vant/src/tab/test/__snapshots__/index.spec.tsx.snap
+++ b/packages/vant/src/tab/test/__snapshots__/index.spec.tsx.snap
@@ -60,6 +60,7 @@ exports[`should allow to set name prop 1`] = `
       <div role="tab"
            class="van-tab van-tab--disabled"
            aria-selected="false"
+           aria-disabled="true"
       >
         <span class="van-tab__text van-tab__text--ellipsis">
           title3
@@ -187,6 +188,7 @@ exports[`should switch tab after click the tab title 1`] = `
       <div role="tab"
            class="van-tab van-tab--disabled"
            aria-selected="false"
+           aria-disabled="true"
       >
         <span class="van-tab__text van-tab__text--ellipsis">
           title3
@@ -247,6 +249,7 @@ exports[`should switch tab after click the tab title 2`] = `
       <div role="tab"
            class="van-tab van-tab--disabled"
            aria-selected="false"
+           aria-disabled="true"
       >
         <span class="van-tab__text van-tab__text--ellipsis">
           title3
@@ -308,6 +311,7 @@ exports[`swipe switch tab after swiping tab content 1`] = `
       <div role="tab"
            class="van-tab van-tab--disabled"
            aria-selected="false"
+           aria-disabled="true"
       >
         <span class="van-tab__text van-tab__text--ellipsis">
           title3
@@ -382,6 +386,7 @@ exports[`swipe switch tab after swiping tab content 2`] = `
       <div role="tab"
            class="van-tab van-tab--disabled"
            aria-selected="false"
+           aria-disabled="true"
       >
         <span class="van-tab__text van-tab__text--ellipsis">
           title3
@@ -459,6 +464,7 @@ exports[`swipe switch tab after swiping tab content 3`] = `
       <div role="tab"
            class="van-tab van-tab--disabled"
            aria-selected="false"
+           aria-disabled="true"
       >
         <span class="van-tab__text van-tab__text--ellipsis">
           title3
diff --git a/packages/vant/src/tabs/TabsTitle.tsx b/packages/vant/src/tabs/TabsTitle.tsx
index 5ee80339a..0f3f8dfa0 100644
--- a/packages/vant/src/tabs/TabsTitle.tsx
+++ b/packages/vant/src/tabs/TabsTitle.tsx
@@ -85,6 +85,7 @@ export default defineComponent({
         style={style.value}
         tabindex={props.disabled ? undefined : props.isActive ? 0 : -1}
         aria-selected={props.isActive}
+        aria-disabled={props.disabled || undefined}
       >
         {renderText()}
       </div>