適切な Javascript でボタンをクリックすると、ボタンの aria-expanded プロパティを切り替えます。
この場合、ナレーター/エッジは、クリックするたびに epanded/collapsed プロパティをアナウンスします。role="tab" がないことに注意してください。
<div role="tablist" aria-label="Entertainment">
<button aria-expanded="false" tabindex="0">
Nils Frahm
</button>
<button aria-expanded="false" tabindex="1">
Agnes Obel
</button>
</div>
role="tab" と aria-expanded プロパティが同時に必要です。これは Chrome/NVDA では正常に機能しますが、ナレーター/エッジの組み合わせでは展開/折りたたみの初期状態のみがアナウンスされます。その後のクリックでは、ナレーターは沈黙しています。
<div role="tablist" aria-label="Entertainment">
<button role="tab"aria-expanded="false" tabindex="0">
Nils Frahm
</button>
<button role="tab" aria-expanded="false" tabindex="1">
Agnes Obel
</button>
</div>
Webで情報を探してみましたが、あまり情報がありません。だから、これを試してみてください。どんな助けでも大歓迎です。