wave - WAVE 工具中缺少表单标签

Question

我想修复我网站上 WAVE 工具中的错误:http://human2.com.pl/错误是:

[网址= https://gifyu.com/image/sUbw][img]https://s1.gifyu.com/images/Przechwytywanie58ca1183ef15bd0c.jpg[/img][/url]

包含错误的代码:

<form action="<?php echo esc_url( home_url( '/' ) ); ?>" class="search-form searchform clearfix" method="get">
   <div class="search-wrap">
      <input type="text" placeholder="<?php esc_attr_e( 'Szukaj', 'colormag' ); ?>" class="s field" name="s">
      <button class="search-icon" type="submit"> Klik</button>
   </div>
</form><!-- .searchform -->

任何人都可以帮我修复它吗？谢谢

Answer 1

正如 WAVE 消息所说，“表单控件(您的 input)没有相应的标签(<label> 标签)”。

所以要修复这个错误，你需要创建一个 <label>标签，然后添加 for其中的属性，其值应该是id您的 input .所以基本上，你的 HTML 应该是这样的:

<form action="<?php echo esc_url( home_url( '/' ) ); ?>" class="search-form searchform clearfix" method="get">
   <div class="search-wrap">
      <label id="searchLabel" for="search">
      <input id="search" aria-labelledby="searchLabel" type="text" placeholder="<?php esc_attr_e( 'Szukaj', 'colormag' ); ?>" class="s field" name="s">
      <button class="search-icon" type="submit"> Klik</button>
   </div>
</form><!-- .searchform -->