blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat(Rate): improve a11y when disabled or readonly (#9881)

Browse Source
This commit is contained in:
neverland 2021-11-16 19:34:48 +08:00 committed by GitHub
parent a6df789488
commit ec2ff59270
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/vant/src/config-provider/test/__snapshots__/demo.spec.ts.snap
View File

@ -15,6 +15,8 @@ exports[`should render demo and match snapshot 1`] = `
<div role="radiogroup" <div role="radiogroup"
class="van-rate" class="van-rate"
tabindex="0" tabindex="0"
aria-disabled="false"
aria-readonly="false"
> >
<div role="radio" <div role="radio"
class="van-rate__item" class="van-rate__item"
@ -131,6 +133,8 @@ exports[`should render demo and match snapshot 1`] = `
<div role="radiogroup" <div role="radiogroup"
class="van-rate" class="van-rate"
tabindex="0" tabindex="0"
aria-disabled="false"
aria-readonly="false"
> >
<div role="radio" <div role="radio"
class="van-rate__item" class="van-rate__item"

2
packages/vant/src/form/test/__snapshots__/demo.spec.ts.snap
View File

@ -308,6 +308,8 @@ exports[`should render demo and match snapshot 1`] = `
<div role="radiogroup" <div role="radiogroup"
class="van-rate" class="van-rate"
tabindex="0" tabindex="0"
aria-disabled="false"
aria-readonly="false"
> >
<div role="radio" <div role="radio"
class="van-rate__item" class="van-rate__item"

2
packages/vant/src/rate/Rate.tsx
View File

@ -232,6 +232,8 @@ export default defineComponent({
disabled: props.disabled, disabled: props.disabled,
})} })}
tabindex={props.disabled ? undefined : 0} tabindex={props.disabled ? undefined : 0}
aria-disabled={props.disabled}
aria-readonly={props.readonly}
onTouchstart={onTouchStart} onTouchstart={onTouchStart}
onTouchmove={onTouchMove} onTouchmove={onTouchMove}
> >

18
packages/vant/src/rate/test/__snapshots__/demo.spec.ts.snap
View File

@ -5,6 +5,8 @@ exports[`should render demo and match snapshot 1`] = `
<div role="radiogroup" <div role="radiogroup"
class="van-rate" class="van-rate"
tabindex="0" tabindex="0"
aria-disabled="false"
aria-readonly="false"
> >
<div role="radio" <div role="radio"
class="van-rate__item" class="van-rate__item"
@ -62,6 +64,8 @@ exports[`should render demo and match snapshot 1`] = `
<div role="radiogroup" <div role="radiogroup"
class="van-rate" class="van-rate"
tabindex="0" tabindex="0"
aria-disabled="false"
aria-readonly="false"
> >
<div role="radio" <div role="radio"
class="van-rate__item" class="van-rate__item"
@ -119,6 +123,8 @@ exports[`should render demo and match snapshot 1`] = `
<div role="radiogroup" <div role="radiogroup"
class="van-rate" class="van-rate"
tabindex="0" tabindex="0"
aria-disabled="false"
aria-readonly="false"
> >
<div role="radio" <div role="radio"
class="van-rate__item" class="van-rate__item"
@ -186,6 +192,8 @@ exports[`should render demo and match snapshot 1`] = `
<div role="radiogroup" <div role="radiogroup"
class="van-rate" class="van-rate"
tabindex="0" tabindex="0"
aria-disabled="false"
aria-readonly="false"
> >
<div role="radio" <div role="radio"
class="van-rate__item" class="van-rate__item"
@ -247,6 +255,8 @@ exports[`should render demo and match snapshot 1`] = `
<div role="radiogroup" <div role="radiogroup"
class="van-rate" class="van-rate"
tabindex="0" tabindex="0"
aria-disabled="false"
aria-readonly="false"
> >
<div role="radio" <div role="radio"
class="van-rate__item" class="van-rate__item"
@ -313,6 +323,8 @@ exports[`should render demo and match snapshot 1`] = `
<div> <div>
<div role="radiogroup" <div role="radiogroup"
class="van-rate van-rate--disabled" class="van-rate van-rate--disabled"
aria-disabled="true"
aria-readonly="false"
> >
<div role="radio" <div role="radio"
class="van-rate__item" class="van-rate__item"
@ -365,6 +377,8 @@ exports[`should render demo and match snapshot 1`] = `
<div role="radiogroup" <div role="radiogroup"
class="van-rate van-rate--readonly" class="van-rate van-rate--readonly"
tabindex="0" tabindex="0"
aria-disabled="false"
aria-readonly="true"
> >
<div role="radio" <div role="radio"
class="van-rate__item" class="van-rate__item"
@ -422,6 +436,8 @@ exports[`should render demo and match snapshot 1`] = `
<div role="radiogroup" <div role="radiogroup"
class="van-rate van-rate--readonly" class="van-rate van-rate--readonly"
tabindex="0" tabindex="0"
aria-disabled="false"
aria-readonly="true"
> >
<div role="radio" <div role="radio"
class="van-rate__item" class="van-rate__item"
@ -483,6 +499,8 @@ exports[`should render demo and match snapshot 1`] = `
<div role="radiogroup" <div role="radiogroup"
class="van-rate" class="van-rate"
tabindex="0" tabindex="0"
aria-disabled="false"
aria-readonly="false"
> >
<div role="radio" <div role="radio"
class="van-rate__item" class="van-rate__item"

2
packages/vant/src/rate/test/__snapshots__/index.spec.ts.snap
View File

@ -4,6 +4,8 @@ exports[`should render gutter when using gutter prop 1`] = `
<div role="radiogroup" <div role="radiogroup"
class="van-rate" class="van-rate"
tabindex="0" tabindex="0"
aria-disabled="false"
aria-readonly="false"
> >
<div role="radio" <div role="radio"
style="padding-right: 10px;" style="padding-right: 10px;"