Choix de l'univers FT

Button Bouton

Cet élément cliquable est utilisé pour déclencher une action.

Documentation : Figma

Langage:  HTML

<button class="btn-ratio-square btn btn-help" id="button_114099173" data-ft-modal-toggle="id-de-la-fenetre-modale" type="button" data-ft-tooltip="Texte de l&#39;infobulle" data-ft-vocalize="false">
    <span aria-hidden="true" class="icon icon-question"></span>
    <span class="sr-only">Texte de l'infobulle</span>
</button>
  • URL Preview : /js/disabled-a11y.js
  • Chemin d'accès : public/js/disabled-a11y.js
  • Taille : 824 Bytes
  • Contenu :
    window.addEventListener('load', function () {
        /**
         * Désactivation du clic sur les input disabled
         */
        // On liste les input disabled
        const disabledInputs = document.querySelectorAll('[aria-disabled="true"]');
    
        for (const input of disabledInputs) {
            // Pour chaque input on empêche le click
            input.addEventListener('click', function (e) {
                e.preventDefault();
                e.stopPropagation();
            });
    
            // Pour chaque label associé, on empêche le click
            const label = document.querySelector('[for="' + input.id + '"]');
            if (label) {
                document.querySelector('[for="' + input.id + '"]').addEventListener('click', function (e) {
                    e.preventDefault();
                    e.stopPropagation();
                });
            }
        }
    });