I use placeholders(no labels = missing label), placeholders (+Hidden labels = multiple labels)

[ad_1]

What should I do in this case? I would want to not see “missing labels” nor “multiple labels” when I scan my page with WAVE.

* My contact form 7 code is:

<div class=”clearfix”>

&#x200B;

<div id=”left”>

<label for=”eesnimi”>Eesnimi:</label>

\[text\* Eesnimi id:eesnimi placeholder “Eesnimi”\]

</div>

&#x200B;

<div id=”right”>

<label for=”perekonnanimi”>Perekonnanimi:</label>

\[text\* Perekonnanimi id:perekonnanimi placeholder “Perekonna nimi”\]

</div>

&#x200B;

</div>

&#x200B;

<label for=”tel”>Telefon:</label>

\[tel\* tel id:tel placeholder “+372″\]

&#x200B;

<label for=”email”>E-mail:</label>

\[email\* E-mail id:email placeholder “E-mail”\]

&#x200B;

<label for=”laenusumma”>Laenusumma:</label>

\[text\* Laenusumma id:laenusumma placeholder “Laenusumma”\]

&#x200B;

<label for=”tagatiseaadress”>Tagatise aadress:</label>

\[textarea Tagatiseaadress id:tagatiseaadress placeholder “Tagatise aadress”\]

&#x200B;

\[submit id:button “Taotlen”\]

&#x200B;

* And css:

/\* Hide labels visually \*/

label {

position: absolute;

width: 1px;

height: 1px;

margin: -1px;

padding: 0;

overflow: hidden;

clip: rect(0, 0, 0, 0);

border: 0;

}

&#x200B;

[ad_2]