Conseils
Lorsque nous demandons aux utilisateurs leur numéro de compte du bien, nous voulons leur indiquer d’emblée où le trouver. Pour les utilisateurs qui ont besoin de plus d’aide, nous fournissons plus d’informations dans une fenêtre modale d’étiquetage des champs.
Numéro de compte du bien (NCB)
Votre numéro de compte du bien est composé de 8 chiffres.
HTML
<!-- Champ avec étiquette d'infobulle -->
<label for="first-name"><a tabindex="0" data-target="modal-pan" aria-haspopup="dialog"
aria-controls="modal-pan" class="modal-button info">Numéro de compte du bien (NCB)</a></label>
<div class="gnb-form-helper-text">
Votre numéro de compte du bien est composé de 8 chiffres.
</div>
<input type="text" name="first-name" id="first-name" />
<!-- Boîte de dialogue modale d'informations sur les champs - placez-la à l'extérieur de tout élément <form> de votre page. -->
<div class="gnb-modal" id="modal-pan" role="dialog" aria-modal="true"
aria-labelledby="modal-title-pan" aria-describedby="modal-description-pan">
<dialog>
<button class="gnb-btn-close close-modal-button" data-target="modal-pan"><span
class="sr-only">Fermer la fenêtre modale</span><i class="fa-solid fa-xmark"></i></button>
<div class="gnb-modal-header">
<h2 id="modal-title-pan">Numéro de compte du bien (NCB)</h2>
</div>
<div class="gnb-modal-body" id="modal-description-pan">
<p>
Votre numéro de compte du bien (NCB) est composé de 8 chiffres et se trouve sur votre
avis d’évaluation foncière.
</p>
</div>
</dialog>
</div>
<!-- Ajoutez ceci au bas de votre page avant la balise de fermeture body -->
<script src="gnb-modals-1.0.0.js"></script>