miChecker:『フォーム・コントロールに関連付けられたlabel要素が存在せず、title属性の値が空または空白文字だけです。フォーム・コントロールの目的を表わすlabel要素もしくはtitle属性を付与してください。』
検出理由
「問題あり」として検出される項目です。
input要素があって、title属性を用いているとき、そのtitle属性の値が空あるいは空白文字の場合に検出されます。
しかしながら、テストケースをいろいろ作成しましたが、この検出が再現できていません。label要素もtitle属性もないケースは「問題あり」として正しく検出しますが、title属性が空あるいは空白文字の場合は検出しません。
検出しないどころか、label要素もtitle属性も無い箇所が同時に存在し、それだけであれば検出するケースであっても、title="" あるいは title=" " があると検出しなくなるようですので注意が必要です。
加えて、参照する達成方法がH44になっています。title属性による対処はH65で、H44はlabel要素による対処ですので、label要素でのラベルが空のケース、および空白文字のみのテストケースも作成しましたが、いずれも検出はされませんでした。
<!-- 検出しないケース --> <input type="text" class="form-ctl" id="search4" placeholder="🔍" title="">
関連する達成基準、達成方法
- 達成基準 1.1.1 非テキストコンテンツ
- 達成基準 1.3.1 情報及び関係性
- 達成基準 3.3.2 ラベル又は説明
- 達成基準 4.1.2 名前 (name) ・役割 (role) 及び値 (value)
- 達成方法 H44: テキストラベルとフォームコントロールを関連付けるために、label 要素を使用する
(他のテクニックは「miChecker対策テクニック集」に整理されています。)