NoRedInk/noredink-ui
1
1
Fork 0
mirror of https://github.com/NoRedInk/noredink-ui.git synced 2024-12-04 17:24:06 +03:00
Code Issues Packages Projects Releases Wiki Activity

Use aria-disabled instead of disabled so that screenreaders will read the checkbox details instead of skipping it

Browse Source
This commit is contained in:
Tessa Kelly 2020-11-13 14:49:43 -08:00
parent 1720df51c4
commit bdc4a183d1
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/Nri/Ui/Checkbox/V5.elm
View File

@ -189,9 +189,12 @@ viewCheckbox :
viewCheckbox model =
Html.checkbox model.identifier
(selectedToMaybe model.selected)
[ Events.onCheck (\_ -> onCheck model)
, Attributes.id model.identifier
, Attributes.disabled model.disabled
[ Attributes.id model.identifier
, if model.disabled then
Widget.disabled True
else
Events.onCheck (\_ -> onCheck model)
]
@ -209,7 +212,6 @@ viewEnabledLabel model labelView icon =
Html.Styled.label
[ Attributes.for model.identifier
, Aria.controls model.identifier
, Widget.disabled False
, Widget.checked (selectedToMaybe model.selected)
, labelClass model.selected
, css
@ -240,7 +242,6 @@ viewDisabledLabel model labelView icon =
Html.Styled.label
[ Attributes.for model.identifier
, Aria.controls model.identifier
, Widget.disabled True
, Widget.checked (selectedToMaybe model.selected)
, labelClass model.selected
, css