fix(radio): update Radio to w3 a11y standards

Author: grozavioana

packages/varlet-ui/src/form/__tests__/__snapshots__/index.spec.js.snap

@@ -420,7 +420,7 @@ exports[`form with input 4`] = `
 exports[`form with radio 1`] = `
 "<form class="var-form">
   <div class="var-radio__wrap">
-    <div role="radio" aria-checked="false" class="var-radio">
+    <div role="radio" aria-checked="false" aria-disabled="true" class="var-radio">
       <div class="var-radio__action var-radio--unchecked var-radio--disabled"><i class="var-icon var-icon--set var-icon-radio-blank var-radio__icon" style="transition-duration: 0ms;" var-radio-cover=""></i>
         <div class="var-hover-overlay"></div>
       </div>
@@ -436,8 +436,8 @@ exports[`form with radio 1`] = `
 exports[`form with radio 2`] = `
 "<form class="var-form">
   <div class="var-radio__wrap">
-    <div role="radio" aria-checked="false" class="var-radio">
-      <div class="var-radio__action var-radio--unchecked" tabindex="0"><i class="var-icon var-icon--set var-icon-radio-blank var-radio__icon" style="transition-duration: 0ms;" var-radio-cover=""></i>
+    <div role="radio" aria-checked="false" aria-disabled="false" class="var-radio" tabindex="0">
+      <div class="var-radio__action var-radio--unchecked"><i class="var-icon var-icon--set var-icon-radio-blank var-radio__icon" style="transition-duration: 0ms;" var-radio-cover=""></i>
         <div class="var-hover-overlay"></div>
       </div>
       <!--v-if-->
@@ -452,8 +452,8 @@ exports[`form with radio 2`] = `
 exports[`form with radio 3`] = `
 "<form class="var-form">
   <div class="var-radio__wrap">
-    <div role="radio" aria-checked="false" class="var-radio">
-      <div class="var-radio__action var-radio--unchecked var-radio--error" tabindex="0"><i class="var-icon var-icon--set var-icon-radio-blank var-radio__icon" style="transition-duration: 0ms;" var-radio-cover=""></i>
+    <div role="radio" aria-checked="false" aria-disabled="false" class="var-radio" tabindex="0">
+      <div class="var-radio__action var-radio--unchecked var-radio--error"><i class="var-icon var-icon--set var-icon-radio-blank var-radio__icon" style="transition-duration: 0ms;" var-radio-cover=""></i>
         <div class="var-hover-overlay"></div>
       </div>
       <!--v-if-->
@@ -479,8 +479,8 @@ exports[`form with radio 3`] = `
 exports[`form with radio 4`] = `
 "<form class="var-form">
   <div class="var-radio__wrap">
-    <div role="radio" aria-checked="false" class="var-radio">
-      <div class="var-radio__action var-radio--unchecked" tabindex="0"><i class="var-icon var-icon--set var-icon-radio-blank var-radio__icon" style="transition-duration: 0ms;" var-radio-cover=""></i>
+    <div role="radio" aria-checked="false" aria-disabled="false" class="var-radio" tabindex="0">
+      <div class="var-radio__action var-radio--unchecked"><i class="var-icon var-icon--set var-icon-radio-blank var-radio__icon" style="transition-duration: 0ms;" var-radio-cover=""></i>
         <div class="var-hover-overlay"></div>
       </div>
       <!--v-if-->