I did some research on "please check this box if you want to proceed". It is a html5 validation message attached to input field e.g. checkbox
<input
required maxlength="255" id="information_name" minlength=1 name="information[name]"
oninvalid="setCustomValidity('Should not be left empty.')"
oninput="setCustomValidity('')" />
we can use oninvalid and oninput to show or hide err
I have a react checkbox, when testing edge IE in windows, with NVDA turn on. When highlight the checkbox the msg: "please check this box if you want to proceed" appearing
edge IE mac and chrome mac, both not have msg "please check this box if you want to proceed"
extra:
Multiple Checkbox - Change Message "Please check this box if you want to proceed"
html5 oninvalid doesn't work after fixed the input field
https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/setCustomValidity