508 規格、セクション 1194.22 (a) には、次のように記載されています。
すべての非テキスト要素に相当するテキストを提供する必要があります (たとえば、「alt」、「longdesc」、または要素の内容で)。
検索ボックスの場合、
<input type="text" alt="Search" value="" tabindex="1" name="s" id="s" />
508 規格には合格していますが、HTML 5 検証には合格していません。
<label>508 規格と HTML 5 検証の両方に合格するには、不要なタグを付けたくないので、タグを使用することが唯一の方法<label>ですか?
この状況では、1194.22 (n) にもっと注意を払う必要があると思います。別のラベルを使用せずに本当に必死にやる必要がある場合は、次のようなことを試すことができます。
<input type="search" value="" tabindex="1" name="s" id="s" />
<label for="s"><input type="submit" value="search"></label>
しかし、少なくともこれをスクリーン リーダーで試すことを強くお勧めします ( NVDAは無料です。JAWSは「無料トライアル」で 40 分間使用できます)。さらに良いのは、テスト ページを設定してスクリーン リーダーのユーザーに試してもらうことです。それ。
または、調査aria-labelledbyして、ラベルにもっと自然に収まるかどうかを確認することもできます.