携帯電話、タブレット、アシスタントテクノロジーを使用してユーザーから何かを隠し、キーボードユーザーにのみ表示する場合は、タイトル属性を使用します。
詳細
HTML自体のタイトル属性に問題があります。問題は、14年以上私たちと一緒にいたにもかかわらず、いくつかの重要な側面では十分に機能しないためです。タッチデバイスの上昇により、この属性の役割はさらに削減されました。タイトル属性のアクセシビリティはお金の無駄になり、ブラウザのサポートがないため、スクリーンリーダーのサポートとプロデューサーは注意を払います。
次のケースでサポートが不足しているため、タイトル属性は冗長になります。
モバイルブラウザでWebコンテンツ情報にアクセスする人向け。通常、タイトル属性のコンテンツは、デスクトップブラウザーのプロンプトメッセージとして表示されます。私の知る限り、モバイルブラウザはプロンプトの表示をサポートしておらず、タイトル属性のコンテンツにアクセスする他の視覚的な方法はありません。
マウスを使用できない人に情報を提供します。通常、タイトル属性のコンテンツは、デスクトップブラウザーのプロンプトメッセージとして表示されます。メッセージのプロンプトの動作は10年以上前から存在していますが、キーボードを使用してタイトル属性を表示する方法を実装するブラウザはありませんでした。
ほとんどのHTML要素で使用するために、さまざまな支援技術を使用している人々に情報を提供します。私の知る限り、スクリーンリーダーはタイトル属性情報へのアクセスを一貫してサポートしていません。
ユーザーは、次のようにタイトル属性に友好的ではありません
携帯電話ユーザー
キーボードを使用しているユーザーのみ
スクリーンアンプを使用しているユーザー
スクリーンリーダーユーザー
細かい運動能力障害を持つユーザー
認知障害のあるユーザー
有用なタイトル属性の例:
ラベルフレームまたはiframe要素:
<フレームタイトル=ナビゲーション>
実装するプログラムを必要とする特別な状況でのみ表示されるタグを提供します。可視テキストタグを直接使用すると、冗長になります。
<入力タイプ=テキストタイトル=検索> <入力タイプ=送信値=検索>
データテーブルのタグコントロール。
役に立たない、またはあまり役に立たないタイトル属性の例:
テキストとして使用できないリンクまたは周囲のコンテンツに追加の情報を追加します。
<a href = newsletter.pdf title = pdf file、size 1 mb。> newsletter </a>
代わりに、そのような情報は、リンクテキストの一部またはリンクの横にある必要があります。
リンクテキストと同じ情報を提供します。
<a href = newsletter.pdf title = newsletter> newsletter </a>
リンクコンテンツをタイトル属性としてコピーしないことをお勧めします。これは実際には何もしないことと同等です。
画像のタイトル:
<img src = castle1858.jpegタイトル=キャンバス上のオイルベースの塗料。マリア・トウル、1858年。
alt =城には2つの塔と2つの壁があります。>
おそらくタイトル情報は最も重要な情報であり、すべてのユーザーがデフォルトでアクセスする必要があります。もしそうなら、このコンテンツは写真の隣にあるはずです。
フォームのタグを置き換え、可視テキストタグを削除するために使用されます。
<入力タイプ=テキストタイトル= name>
画面リーダーのユーザーは、タイトル属性がアクセシビリティAPIのプロパティ名に含まれているため、フォーム要素のタグにアクセスします(テキストタグがタグ要素を使用する場合はサポートされていません)。他の多くのユーザーはこのようではありません。可能であれば、可視テキストタグを含めることをお勧めします。
可視タグコンテンツと同じ情報をフォーム要素に提供します。
<ラベル= n1> name </label> <入力タイプ=テキストタイトル= name id = n1>
目に見えるタグテキストを繰り返すことは、一連のユーザー認知ノイズを追加することを除いて不可能です。それをしないでください。目に見えるラベルのテキストを繰り返すことは、一連の迷惑な認知ノイズを追加する以外に効果がないようで、この使用を停止します。
フォーム要素に追加の指示を提供します。
<ラベル= n1> name </label> <入力タイプ=テキストタイトル= appercase.id = n1>を使用してください
この指令がフォーム要素の正しい使用に重要である場合は、要素に関するテキスト情報を提供して、すべてのユーザーがそれを読み取ることができることを確認してください。
略語として:
<abbr title = world wide webコンソーシアム> w3c </abbr>
ABBR要素のタイトル属性はScreen Readerソフトウェアによってサポートされていますが、他のユーザーグループが使用できないため、それを使用することは依然として問題があります。略語が最初にドキュメントに表示されたときに、テキスト形式でフルネームを提供するか、フルネームフォームの用語集を提供することをお勧めします。これは、制限があり、テキストフォームのフルネームが提供されるため、タイトル属性を使用できないという意味ではありません。
HTML 5.1には、タイトル属性を使用するための一般的な提案が含まれています。
多くのユーザーエージェントが仕様要件に応じてこの属性を表示できないため、タイトル属性に依存することは現在奨励されていません(キーボードとタッチスクリーンのユーザーのみを使用するユーザーを除く、マウスポインターデバイスなどは迅速な情報を表示する必要があります)
IMG ElementのALT属性のタイトル属性を置き換えるか、画像のタイトルが禁止されています
多くのユーザーエージェントがこの属性に対して弱いアクセシビリティサポートを持っているため、タイトル属性に依存することは現在禁止されています...