Selection and Deselection of autobake checkbox using keyboard

[j264415]

Issue:

#1718 - Accessibility Audit for Keyboard Navigation, Screen Reader and High Zoom

As documented in this issue I am solving:

• Selecting auto-bake settings

Code changes:

A keydown event listener was added to ControlsWaiter.mjs to replicate the mouse functionality.
It checks and uncheck's the auto-bake using the Enter or Space key.

User-facing changes:

Users can now select and deselect the auto-bake checkbox using the Enter or Space key

Replication:

• Navigate the web page using the Tab key till you get to auto-bake.
• Press Enter or Space to select and deselect auto-bake checkbox.

[CLAassistant]

All committers have signed the CLA.

[a3957273]

Whilst this solves the problem, a more accessible solution might be to replace the <span /> check implementation with a proper check input box? That way, we would get accessibility by default.

[j264415]

The change I have made adds the enter key. Also there is already a input checkbox there.
The problem here is that when I use the space bar initially without my changes , the focus ends up being stolen which the prevents me reverting that change.