1

適切な 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で情報を探してみましたが、あまり情報がありません。だから、これを試してみてください。どんな助けでも大歓迎です。

4

0 に答える 0