github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Checkbox: Improve screen reader experience (#16575)

pull/17014/head
Tyler Trotter 2019-08-10 04:08:34 -04:00 committed by Geass
parent f29f49a17d
commit 58b544e55e
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/checkbox/src/checkbox.vue
View File

@ -7,9 +7,6 @@
{ 'is-bordered': border },
{ 'is-checked': isChecked }
]"
role="checkbox"
:aria-checked="indeterminate ? 'mixed': isChecked"
:aria-disabled="isDisabled"
:id="id"
>
<span class="el-checkbox__input"
@ -19,14 +16,16 @@
'is-indeterminate': indeterminate,
'is-focus': focus
}"
aria-checked="mixed"
:tabindex="indeterminate ? 0 : false"
:role="indeterminate ? checkbox : false"
:aria-checked="indeterminate ? 'mixed' : false"
>
<span class="el-checkbox__inner"></span>
<input
v-if="trueLabel || falseLabel"
class="el-checkbox__original"
type="checkbox"
aria-hidden="true"
:aria-hidden="indeterminate ? 'true' : 'false'"
:name="name"
:disabled="isDisabled"
:true-value="trueLabel"
@ -39,7 +38,7 @@
v-else
class="el-checkbox__original"
type="checkbox"
aria-hidden="true"
:aria-hidden="indeterminate ? 'true' : 'false'"
:disabled="isDisabled"
:value="label"
:name="name"