Return accessibility to page, allowing for tabbing through links/buttons/areas.
Bug Fixes / Minor Changes
Some styling added to get the user to focus on the typing area in order to proceed with the typing test
Why
Default key codes were prevented from being used to facilitate engaging in the typing test, but this interfered with accessibility since tabbing wouldn't move between links/buttons/areas.
How
The main keydown function handler was moved out of the useEffect hook and an onKeyDown attribute was added to the typing area component (and propagated down into the component) to localize keydown event listening to the typing area component only.
Changes
Major Changes
Return accessibility to page, allowing for tabbing through links/buttons/areas.
Bug Fixes / Minor Changes
Why
Default key codes were prevented from being used to facilitate engaging in the typing test, but this interfered with accessibility since tabbing wouldn't move between links/buttons/areas.
How
The main keydown function handler was moved out of the
useEffecthook and anonKeyDownattribute was added to the typing area component (and propagated down into the component) to localize keydown event listening to the typing area component only.Notes
N/A