blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-24 18:36:51 +08:00
Code Issues Projects Releases Wiki Activity

[improvement] Divider: add separator role to improve accessibility (#4069)

Browse Source
This commit is contained in:
neverland 2019-08-08 20:00:22 +08:00 committed by GitHub
parent 09c618d475
commit 5777762249
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/divider/index.tsx
View File

@ -22,6 +22,7 @@ function Divider(
) { ) {
return ( return (
<div <div
role="separator"
style={{ borderColor: props.borderColor }} style={{ borderColor: props.borderColor }}
class={bem({ class={bem({
dashed: props.dashed, dashed: props.dashed,

12
src/divider/test/__snapshots__/demo.spec.js.snap
View File

@ -3,28 +3,28 @@
exports[`renders demo correctly 1`] = ` exports[`renders demo correctly 1`] = `
<div> <div>
<div> <div>
<div class="van-divider van-divider--hairline"></div> <div role="separator" class="van-divider van-divider--hairline"></div>
</div> </div>
<div> <div>
<div class="van-divider van-divider--hairline van-divider--content-center"> <div role="separator" class="van-divider van-divider--hairline van-divider--content-center">
文本 文本
</div> </div>
</div> </div>
<div> <div>
<div class="van-divider van-divider--hairline van-divider--content-left"> <div role="separator" class="van-divider van-divider--hairline van-divider--content-left">
文本 文本
</div> </div>
<div class="van-divider van-divider--hairline van-divider--content-right"> <div role="separator" class="van-divider van-divider--hairline van-divider--content-right">
文本 文本
</div> </div>
</div> </div>
<div> <div>
<div class="van-divider van-divider--dashed van-divider--content-center"> <div role="separator" class="van-divider van-divider--dashed van-divider--content-center">
文本 文本
</div> </div>
</div> </div>
<div> <div>
<div class="van-divider van-divider--hairline van-divider--content-center" style="border-color: #1989fa; color: rgb(25, 137, 250); padding: 0px 16px;"> <div role="separator" class="van-divider van-divider--hairline van-divider--content-center" style="border-color: #1989fa; color: rgb(25, 137, 250); padding: 0px 16px;">
文本 文本
</div> </div>
</div> </div>