• Hi,

    I have a problem with error messages that are not linked to their field with “aria-describedby” so it can’t be read by a screen reader.
    An email field for example:

    
    <label class="gfield_label" for="input_1_10">E-mail<span class="gfield_required"> * <span class="sr-only"> Obligatoire</span></span></label>
    <div class="ginput_container ginput_container_email">
      <input aria-required="true" name="input_10" id="input_1_10" value="fffff@jjj" class="medium" aria-invalid="true" type="email">
    </div>
    <div class="gfield_description validation_message">Veuillez saisir une adresse e-mail valide.</div>
    

    All error messages about mandatory fields are not linked either:

    
    <label class="gfield_label" for="input_1_1">Prénom<span class="gfield_required"> * <span class="sr-only"> Obligatoire</span></span></label>
    <div class="ginput_container ginput_container_text">
      <input aria-required="true" name="input_1" id="input_1_1" value="" class="medium" aria-invalid="true" type="text">
    </div>
    <div class="gfield_description validation_message">Ce champ est nécessaire</div>
    
  • The topic ‘No aria-describedby on fields?’ is closed to new replies.