A Pithy Guide to WCAG 2.1 & WCAG 2.2: Conformance Demo 3.2.2

3.2.2 Conformance Shown with Non-Technical Explanation

Does this form conform to Success Criterion 3.2.2?

W3Schools Form submit() Method, About Copyright

Clicking the Submit form button placed the focus here (may not be visible in all browsers).

3.1.2 Conformance Shown with Technical Explanation and JavaScript Coding



<fieldset>
<legend>This form does not conform to Success Criterion 3.2.2.</legend>
<form class="yesandno" id="sc322" action="#focushere">
<label for="yes">Yes</label> <input type="radio" id="yes" name="yesno" onclick="myFunction()" value="Submit form" tabindex="1">
<label for="no">No</label><input type="radio" id="no" name="yesno2" onclick="myFunction()" value="Submit form" tabindex="2">
<input type="button" onclick="myFunction()" value="Submit form">
</form>
</fieldset>


<script>
function myFunction() {
    document.getElementById("sc322").submit();
}

</script>

The Submit form button tells the user there is a context change.