What does this mean?

People using screen readers are not able to see the layout of a form. To make forms accessible, they must define explicit text labels for each form control.

Usually the best solution is to use a <label> element. The label may be linked to by the form control:

<label for="name">Full name</label>
<input type="name" id="name">

or the <label> can be wrapped around the form control:

<label>
    Full name <input type="name">
</label>

Buttons are different, as their labels are specified by the code for the button, e.g.

<input type="submit" value="Send message">
<button>Send message</button>

Alternatively ARIA attributes, such as aria-label may be used, but this information will not be conveyed to visual users. For more information, see W3C's guide to labeling controls.

Hidden input fields (<input type="hidden">) do not require labels. Note that the placeholder attribute should not be used as an alternative to a label.



54.4% done

How close this website is to fixing this issue.

HTML Found on page Issues
<button data-remodal-action="close" class="remodal-close"> 49
<button class="btn-link btn-popover" data-container="body" data-toggle="popover" data-placement="top" data-html="true" data-content="<p>...</button> 36
<button type="submit" id="envoyerFormulaire" class="btn input-submit" title> 2
<select name="formulaire[6].Quantite">...</select> 1
<input id="Courriel" name="Courriel" maxlength="125" type="text" placeholder="Courriel" value class="input-email" aria-required="true" data-msg-courriel="Veuillez entrer une adresse courriel valide." data-msg-required="Veuillez entrer votre adresse courriel." data-msg-target="#erreur-courriel" data-rule-courriel="true" data-rule-required="true"> 1
<button style="font-size: 14px;" class="btn-link btn-popover" data-container="body" data-toggle="popover" data-placement="top" data-html="true" data-content="Vous pouvez retirer votre consentement et vous désabonner de l’un ou l’autre des services de communications électroniques à tout moment. Pour plus de renseignements, communiquez avec iA&nbsp;Groupe&nbsp;financier à l’adresse 1080, Grande Allée Ouest, C.&nbsp;P.&nbsp;1907, succursale Terminus, Québec (Québec) G1K&nbsp;7M3 ou par téléphone au 1&nbsp;888&nbsp;715-5232." data-original-title title>...</button> 1
<input type="text" id="date-picker-sinistre" name="date-picker-sinistre" maxlength="15" placeholder="Select a date"> 1
<input id="Courriel" name="Courriel" maxlength="125" type="text" placeholder="Email address" value class="input-email" aria-required="true" data-msg-courriel="Please enter a valid email address." data-msg-required="Please enter your email." data-msg-target="#erreur-courriel" data-rule-courriel="true" data-rule-required="true"> 1
<select name="formulaire[13].Quantite">...</select> 1
<select id="select_undefined_63075158" name="select_undefined_63075158">...</select> 1
146 distinct issues were found in the sample of 125 web pages. Only the first 10 issues are shown here.
More results from iA Financial Corporation Inc.