coreui / coreui-pro / 37384136999

96%

main: 94%

push

github

feat(Stepper): mark the invalid controls of a failed step for screen readers (#1569)

A step whose form has novalidate only toggled .is-invalid when it failed
validation, so focus stayed on the Next button and nothing told a screen
reader which field was wrong. The stepper now sets aria-invalid on the
invalid controls and moves focus to the first of them that can take focus
and is not hidden from assistive technologies, as the browser does through
reportValidity() for a form without novalidate. Focus stays where a
stepValidationComplete handler moved it. Every change in the form
re-evaluates all of its controls, so a radio group drops the state once a
radio is picked, and the stepper removes only the aria-invalid it set
itself, on correction, reset() and dispose().

Going back to an earlier step or selecting the active one no longer
validates the current step, as in the React and Vue steppers; before, an
invalid step also blocked going back.

7081 of 7643 branches covered (92.65%)

Branch coverage included in aggregate %.

35 of 35 new or added lines in 1 file covered. (100.0%)

12267 of 12561 relevant lines covered (97.66%)

1598.04 hits per line