グラフのパネルの要素出現順の検討（人数・件数と切り替えボタンとグラフ）

[magi1125]

改善詳細 / Details of Improvement

• グラフのパネルにおける現在の要素出現順は タイトル → 人数/件数 → 日別と累計切り替えボタン → グラフ → table（スクリーンリーダー向け隠しtableを通常時もアコーディオンで表示 #2447 で実装）である。
• 現在、切り替えボタンを操作すると、それに応じて後続要素であるグラフが切り替わるが、手前に存在する要素である人数/件数も切り替わる。
• このため、スクリーンリーダーではモードを切り替えたあとに再度前の要素に戻らないと人数/件数を確認できない。また、既に通り過ぎている要素であるため、数字が切り替わっていることとモード切り替えの関係性の理解が難しくなる可能性がある。

スクリーンショット / Screenshot

期待する見せ方・挙動 / Expected behavior

以下のいずれかの対応を行う。

• 視覚的にも整合するよう、タイトル→日別と累計切り替えボタン→人数/件数→グラフ→tableという形にデザインを変更し、要素順もそれに倣う
• 視覚的には変更せず、スクリーンリーダー利用時に正しく関係性が理解できるよう、切り替えボタンと人数/件数表示のDOM順を入れ替えつつ、表示はflexboxで現状の形になるよう入れ替える

動作環境・ブラウザ / Environment

すべて