htmlでARIAの "役割"を使用するのは正確ですか？

Question

ARIAの役割のドキュメントを見ましたが、理解できませんでした。それは正確に何をしますか？私はこのようなテーブルでそれを使用し、言う：

<td role='button'>text</td> 

それは、このセルはボタンのように動作することを意味するのでしょうか？誰かがこれを簡単に説明できますか？

Answer 1

あなたは言うMDNを参照することができます。

ボタンの役割は、ユーザによって起動時に 応答を誘発するクリック可能な要素に使用する必要があります。それ自身では、ロール=「ボタン」は のいずれかの要素（例：<p>, <span> or <div>）をスクリーンリーダーにボタン として表示させることができます。さらに、このロールは、 ボタンを作成するために、aria-pressed属性と組み合わせた で使用できます。また

ネイティブHTMLボタンは、より広くサポートされているとして、ネイティブのHTMLボタンに （<button>, <input type="button" /> and <input type="image" />）を使用することをお勧めしますノート

可能、ボタンの役割ではなく を参照してください古いユーザエージェントと支援技術によるものです（ ）。ネイティブHTMLボタン は、デフォルトでキーボードとフォーカスの要件もサポートしています。追加のカスタマイズには が必要です。

w3.orgにも述べたようにaria-role

Answer 2

の詳細な説明を持っているが、ARIAは、アクセシビリティのためのものであり、role属性は、通常のブラウザに影響を与えません。

ARIAの役割を実装する最も簡単で機能的な方法の1つは、ランドマークの使用です。 ARIAの役割の中にはランドマークがあり、スクリーンリーダーのページの特定の部分にジャンプすることができます。盲目のユーザーの中には、これが役立つので、彼らが迅速にナビゲートするのに役立ちます。さまざまなスクリーンリーダーでのサポートと動作については、hereと記載されています。