aria-label属性とtitle属性の違いは何ですか？

Question

私のリンク/ボタン/ ...にtitle=""属性を使用して詳細を説明しています。しかし、ブートストラップは多くのaria-label=""属性を使用しています。

<button 
    id="show-raw-result" 
    class="btn btn-default btn-sm btn-twigfiddle" 
    title="Result was not easily readable so it has been automatically cleaned up, use this button to see the result raw" 
    aria-label="Result was not easily readable so it has been automatically cleaned up, use this button to see the result raw"> 
    <span class="glyphicon glyphicon-asterisk"></span> Show raw result 
</button> 

しかし、コピー/ ARIAラベルを作成するにはタイトルを貼り付けることがちょうど醜い：

だから私のようなボタンを作成するために出てきます。どちらを選ぶべきですか？なぜですか？

Answer 1

あなたのサイトの無効な訪問者には、ARIAタグが使用されます。ブートストラップは、デフォルトでサポートされているのでとても便利です。

アクセシブル・リッチ・インターネット・アプリケーション（ARIA）障害のある人へのWeb コンテンツとWebアプリケーション（Ajaxと JavaScriptで開発され、特にもの）は、よりアクセスしやすくする方法を定義します。たとえば、 ARIAでは、アクセス可能なナビゲーションランドマーク、JavaScriptウィジェット、フォーム のヒントとエラーメッセージ、ライブコンテンツの更新などが可能です。

出典：https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA

あなたの質問に答える、あなたが使用すべき1、のみtitle -attributeを使用します。この属性は、マウスがボタンの上を移動し、titleのテキストをツールチップとして表示する場合に使用されるためです。 aria-labelでは、この方法ではサポートされていません。