[a11y] Issue 41: Screen reader does not follow a natural reading flow

[kk-slider18]

Description:
After clicking a Statement tab, the screen reader should first read the statement description and group stance before announcing the next tab. Currently, the reading order is unnatural, affecting user experience.

Component/Area: Open Participation page

Source: Screen Reader

Affected Elements: Statement tabs

[Natasha1110]

This may be caused by DOM order. Screen readers follow the structure of your HTML (DOM), to determine the reading order. So, we may start there and make sure that these elements are in the visual order being seen on screen.

[YumiChen]

Should be solved after #71 is completed

[Natasha1110]

I think so