Next/Back buttons read twice by JAWS

[swashbuck]

Subject of the issue

The Next/Back buttons read twice by JAWS when using the virtual cursor: once when receiving focus and once after activating.

The previous work on #261 did not fix this issue.

Your environment

• AF 5.31.21
• Narrative 7.4.11

Testing

Use JAWS in either Firefox or Chrome. Using the virtual cursor, navigate to the "next" or "back" button. Wait until JAWS finishes announcing them. Hit Enter to activate the button.

Result

JAWS first announces: Forward to Narrative item 2 (item 2 of 3) button

Then, after activating with Enter, it announces: Forward to Narrative item 2 (item 2 of 3) button - To activate press Enter

It then moves to the narrative stage's heading as intended.

[oliverfoster]

It is not possible to fix this.

If focus is moved immediately and directly to the next heading, because it is in an overflow and hidden, the screen readers will inconsistently read.

We have to wait for the animation to finish before moving the focus. The result of that is this double read.