Composant BDUJavaScript requis

Simulateur de prêt

Calcule la mensualité d’un prêt à annuités constantes. Nécessite cauri.js (ou @bdu/cauri/components). Le taux annuel (data-rate) est illustratif : à fournir par BDU. En React/Vue : import Cauri from '@bdu/cauri/components' puis Cauri.init(conteneur) après le rendu.

Simulateur#

<form class="cauri-simulator" style="max-width: 24rem" data-cauri-simulator data-rate="7.5" aria-labelledby="simTitre">
  <h3 id="simTitre" class="h5">Simulateur de prêt</h3>
  <div class="mb-3">
    <label class="form-label" for="simMontant">Montant (FCFA)</label>
    <input id="simMontant" name="amount" class="form-control" type="number" min="100000" step="50000" value="1000000">
  </div>
  <div class="mb-3">
    <label class="form-label" for="simDuree">Durée</label>
    <select id="simDuree" name="months" class="form-select">
      <option value="12">12 mois</option>
      <option value="24">24 mois</option>
      <option value="36" selected>36 mois</option>
      <option value="48">48 mois</option>
      <option value="60">60 mois</option>
    </select>
  </div>
  <p class="mb-1 small">Mensualité estimée</p>
  <output class="cauri-simulator__result" data-cauri-result aria-live="polite"></output>
  <p class="small mt-2 mb-0">Simulation indicative à 7,5 % par an, hors frais et assurance.</p>
</form>

Bonnes pratiques

À faire

Afficher le taux et la méthode de calcul.
Rappeler que la simulation est indicative.

À éviter

Présenter le résultat comme une offre ferme.
Cacher les frais et l’assurance.

Accessibilité

Le résultat est un <output aria-live="polite"> : annoncé à chaque changement.
Chaque champ a un label visible et lié.