HTML タイトル属性の正しい使用に関するいくつかの提案_HTML/Xhtml_Web ページの制作

携帯電話、タブレット、支援技術を使用するユーザーに対して何かを非表示にし、キーボード ユーザーにのみ表示したい場合は、title 属性を使用します。
詳細

HTMLのtitle属性自体に問題があります。問題は、14 年以上使用されているにもかかわらず、いくつかの重要な点で十分なパフォーマンスを発揮していないことです。タッチ デバイスの台頭により、この属性の役割はさらに減少しました。 title 属性のアクセシビリティは、ブラウザのサポート、スクリーン リーダーのサポート、および作成者の注意の欠如により問題となっています。
次の状況ではサポートがないため、title 属性が冗長になります:

モバイル ブラウザで Web コンテンツ情報にアクセスするユーザーの場合。通常、title 属性の内容はデスクトップ ブラウザにプロンプ​​ト メッセージとして表示されます。私の知る限り、モバイル ブラウザーはツールチップの表示をサポートしておらず、title 属性のコンテンツにアクセスする視覚的な方法は他にありません。
マウスが使えない方向けの情報です。通常、title 属性の内容はデスクトップ ブラウザにプロンプ​​ト メッセージとして表示されます。プロンプト情報の動作には 10 年以上の歴史がありますが、キーボードを使用してタイトル属性を表示する方法を実装したブラウザはありませんでした。
ほとんどの HTML 要素で使用され、さまざまな支援技術を使用しているユーザーに情報を提供します。私の知る限り、スクリーン リーダーはタイトル属性情報へのアクセスをサポートしていません。

タイトル属性は次のようにユーザーフレンドリーではありません

携帯電話ユーザー
キーボードのみのユーザー
拡大鏡を使用しているユーザー
スクリーンリーダーユーザー
ファインモータースキル障害 ユーザー
認知障害のあるユーザー

役立つ title 属性の例:

フレームまたは iframe 要素のラベル付け:

必要なプログラムの提供機能 特別な状況でのみ表示されるラベルの場合、表示されるテキスト ラベルを直接使用するのは冗長です:

データ テーブルのラベル コントロール。

title 属性が役に立たない、またはほとんど役に立たない例:

テキストにできない追加情報をリンクまたは周囲のコンテンツに追加します:
ニュースレター
その代わりに、情報はリンク テキストの一部として、またはリンクの隣に含める必要があります。
リンク テキストと同じ情報を提供します:
ニュースレター
リンクのコンテンツをタイトル属性としてコピーしないことをお勧めします。これは実際には何もしないのと同じです。
画像のタイトル:
alt="現在、城には 2 つの塔と 2 つの壁があります。 .">
おそらくタイトル情報が最も重要な情報であり、デフォルトですべてのユーザーがアクセスできるはずです。その場合、このコンテンツは画像のすぐ隣にあるはずです。
は、フォーム タグの代わりに使用され、表示されるテキスト タグを削除します。

タイトル属性がアクセシビリティ API 属性に含まれているため、スクリーン リーダー ユーザーはフォーム要素のタグにアクセスできます。 name (テキストラベルが label 要素を使用する場合はサポートされません)。他の多くのユーザーには当てはまりません。可能な限り、表示されるテキスト ラベルを含めることをお勧めします。
表示ラベルのコンテンツと同じ情報をフォーム要素に指定します:
name
表示ラベルのテキストを複製することは、ユーザーの認知ノイズを大量に追加することを除いて不可能です。やめてください。表示されるラベル テキストを繰り返すことは、迷惑な認知ノイズを大量に追加する以外の目的はないようです。この使用はやめてください。
フォーム要素に関する追加の指示を提供します:
name
フォーム要素を正しく使用するためにこの指示が重要である場合は、要素の周囲にテキスト情報を提供し、各要素が確実に正しく使用されるようにしてください。すべてのユーザーが読むことができます。略語の拡張としての
:
W3C
abbr 要素の title 属性はスクリーン リーダー ソフトウェアでサポートされていますが、他のソフトウェアでは使用できないため、これを使用することには依然として問題があります。ユーザーグループ。文書内で略語が初めて登場する場合は、フルネームをテキスト形式で提供するか、フルネームの用語集を提供することをお勧めします。これは、title 属性が使用できないということではありません。これには制限があり、フルネームをテキスト形式で指定する必要があるためです。

HTML 5.1 には、title 属性の使用に関する一般的な推奨事項が含まれています。

多くのユーザー エージェントが仕様で要求されているようにこの属性を表示できないため、title 属性に依存することは現在推奨されていません (例: マウス ポインターが必要な場合。デバイスはプロンプト情報を表示します。ただし、キーボードのみを使用するユーザーとタッチ スクリーン ユーザーは除きます)

img 要素の alt 属性の代わりに title 属性を使用するか、画像は禁止されています

タイトルに依存しています この属性は、多くのユーザー エージェントによるアクセシビリティのサポートが弱いため、現在禁止されています...