From ec2ff5927083dcb9819f111e874bed29c8a5606a Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Tue, 16 Nov 2021 19:34:48 +0800
Subject: [PATCH] feat(Rate): improve a11y when disabled or readonly (#9881)

---
 .../test/__snapshots__/demo.spec.ts.snap       |  4 ++++
 .../form/test/__snapshots__/demo.spec.ts.snap  |  2 ++
 packages/vant/src/rate/Rate.tsx                |  2 ++
 .../rate/test/__snapshots__/demo.spec.ts.snap  | 18 ++++++++++++++++++
 .../rate/test/__snapshots__/index.spec.ts.snap |  2 ++
 5 files changed, 28 insertions(+)

diff --git a/packages/vant/src/config-provider/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/config-provider/test/__snapshots__/demo.spec.ts.snap
index 7bf82ac63..3981beb3e 100644
--- a/packages/vant/src/config-provider/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/config-provider/test/__snapshots__/demo.spec.ts.snap
@@ -15,6 +15,8 @@ exports[`should render demo and match snapshot 1`] = `
             <div role="radiogroup"
                  class="van-rate"
                  tabindex="0"
+                 aria-disabled="false"
+                 aria-readonly="false"
             >
               <div role="radio"
                    class="van-rate__item"
@@ -131,6 +133,8 @@ exports[`should render demo and match snapshot 1`] = `
               <div role="radiogroup"
                    class="van-rate"
                    tabindex="0"
+                   aria-disabled="false"
+                   aria-readonly="false"
               >
                 <div role="radio"
                      class="van-rate__item"
diff --git a/packages/vant/src/form/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/form/test/__snapshots__/demo.spec.ts.snap
index 5a4656b54..a725c2483 100644
--- a/packages/vant/src/form/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/form/test/__snapshots__/demo.spec.ts.snap
@@ -308,6 +308,8 @@ exports[`should render demo and match snapshot 1`] = `
               <div role="radiogroup"
                    class="van-rate"
                    tabindex="0"
+                   aria-disabled="false"
+                   aria-readonly="false"
               >
                 <div role="radio"
                      class="van-rate__item"
diff --git a/packages/vant/src/rate/Rate.tsx b/packages/vant/src/rate/Rate.tsx
index 2d4c4c715..5880d8d65 100644
--- a/packages/vant/src/rate/Rate.tsx
+++ b/packages/vant/src/rate/Rate.tsx
@@ -232,6 +232,8 @@ export default defineComponent({
           disabled: props.disabled,
         })}
         tabindex={props.disabled ? undefined : 0}
+        aria-disabled={props.disabled}
+        aria-readonly={props.readonly}
         onTouchstart={onTouchStart}
         onTouchmove={onTouchMove}
       >
diff --git a/packages/vant/src/rate/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/rate/test/__snapshots__/demo.spec.ts.snap
index 9ba8979a1..0f4bf34bf 100644
--- a/packages/vant/src/rate/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/rate/test/__snapshots__/demo.spec.ts.snap
@@ -5,6 +5,8 @@ exports[`should render demo and match snapshot 1`] = `
   <div role="radiogroup"
        class="van-rate"
        tabindex="0"
+       aria-disabled="false"
+       aria-readonly="false"
   >
     <div role="radio"
          class="van-rate__item"
@@ -62,6 +64,8 @@ exports[`should render demo and match snapshot 1`] = `
   <div role="radiogroup"
        class="van-rate"
        tabindex="0"
+       aria-disabled="false"
+       aria-readonly="false"
   >
     <div role="radio"
          class="van-rate__item"
@@ -119,6 +123,8 @@ exports[`should render demo and match snapshot 1`] = `
   <div role="radiogroup"
        class="van-rate"
        tabindex="0"
+       aria-disabled="false"
+       aria-readonly="false"
   >
     <div role="radio"
          class="van-rate__item"
@@ -186,6 +192,8 @@ exports[`should render demo and match snapshot 1`] = `
   <div role="radiogroup"
        class="van-rate"
        tabindex="0"
+       aria-disabled="false"
+       aria-readonly="false"
   >
     <div role="radio"
          class="van-rate__item"
@@ -247,6 +255,8 @@ exports[`should render demo and match snapshot 1`] = `
   <div role="radiogroup"
        class="van-rate"
        tabindex="0"
+       aria-disabled="false"
+       aria-readonly="false"
   >
     <div role="radio"
          class="van-rate__item"
@@ -313,6 +323,8 @@ exports[`should render demo and match snapshot 1`] = `
 <div>
   <div role="radiogroup"
        class="van-rate van-rate--disabled"
+       aria-disabled="true"
+       aria-readonly="false"
   >
     <div role="radio"
          class="van-rate__item"
@@ -365,6 +377,8 @@ exports[`should render demo and match snapshot 1`] = `
   <div role="radiogroup"
        class="van-rate van-rate--readonly"
        tabindex="0"
+       aria-disabled="false"
+       aria-readonly="true"
   >
     <div role="radio"
          class="van-rate__item"
@@ -422,6 +436,8 @@ exports[`should render demo and match snapshot 1`] = `
   <div role="radiogroup"
        class="van-rate van-rate--readonly"
        tabindex="0"
+       aria-disabled="false"
+       aria-readonly="true"
   >
     <div role="radio"
          class="van-rate__item"
@@ -483,6 +499,8 @@ exports[`should render demo and match snapshot 1`] = `
   <div role="radiogroup"
        class="van-rate"
        tabindex="0"
+       aria-disabled="false"
+       aria-readonly="false"
   >
     <div role="radio"
          class="van-rate__item"
diff --git a/packages/vant/src/rate/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/rate/test/__snapshots__/index.spec.ts.snap
index 5770ac22c..19485b987 100644
--- a/packages/vant/src/rate/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/rate/test/__snapshots__/index.spec.ts.snap
@@ -4,6 +4,8 @@ exports[`should render gutter when using gutter prop 1`] = `
 <div role="radiogroup"
      class="van-rate"
      tabindex="0"
+     aria-disabled="false"
+     aria-readonly="false"
 >
   <div role="radio"
        style="padding-right: 10px;"