web-dev-qa-db-ja.com

アクセシビリティ：aria-haspopupは何に使用できますか？

aria-haspopupがサブメニュー（ポップアップコンテキストメニューやサブレベルメニューなど）に適しているというのは、正当な権限に基づいています。 jQuery UI Selectmen で使用され、これでも使用されます 素晴らしい例

私が見つけられなかったのは、次の2つの例でaria-haspopupが適用可能かどうかです。

  • Bootstrap's などの情報ポップオーバー-コンテキスト情報に使用されますが、リンクは含まれません
  • ポップアップブラウザウィンドウ-例target="_blank"とのリンク

aria-haspopupはそのような状況に適していますか？そうでない場合、代わりに使用すべきARIA属性はありますか？

javascriptaccessibilitywai-aria
22
francois

公式には、 ARIA spec 1. のメニューまたはサブメニューにのみ使用する必要があります。

要素にポップアップコンテキストメニューまたはサブレベルメニューがあることを示します。

Whatsockスタイルガイド は、「モーダル」セクションでこれをカバーしています。

属性aria-haspopup = "true"をトリガー要素に追加することにより、「Popup」が添付されていることをスクリーンリーダーユーザーに通知するのは良い考えのように聞こえるかもしれませんが、これは良い考えではありません。 ...要するに、メニューをトリガーしない限り、aria-haspopupを使用しないでください。

意味の拡張に関するいくつかの議論 が将来の改訂版にありますが、現時点ではメニュー用であると想定しています。

Bootstrapのツールチップについての回答 が役立つはずです。

ポップアップブラウザウィンドウについては、とにかくスクリーンリーダーによってそれらがアナウンスされ、追加のマークアップは必要ありません。 （注：画面拡大鏡ユーザー向けの新しいウィンドウの視覚的なインジケータを含めると役立ちます。）

23
AlastairC