1

<button>(アンカー リンクではなく) 要素をタブとして使用しても問題ありませんか?

これが私のユースケースです...

ボタン要素を使用して一連のタブをマークアップしています。それらに ARIA ロールを割り当てようとすると、次の検証エラーが発生します。

ここに画像の説明を入力

ARIA ロールは要素tabでは許可されていないようです。タブに<button>使用してはいけない理由はありますか?<button>

役立つ場合は、関連するマークアップを次に示します。

<menu type="list" label="Tabs" role="tablist">
    <button id="tab-1" role="tab" aria-controls="panel-1" aria-selected="true" tabindex="0">Tab 1</button>
    <button id="tab-2" role="tab" aria-controls="panel-2" aria-selected="false" tabindex="-1">Tab 2</button>
</menu>

<section id="panel-1" role="tabpanel" aria-labelledby="tab-1" aria-hidden="false">...</section>
<section id="panel-2" role="tabpanel" aria-labelledby="tab-2" aria-hidden="true">...</section>
4

1 に答える 1