Как создать версию для слабовидящих на Tilda

Инструкция

<!-- Скрипт для создания версии для слабовидящих в Tilda с сайта bulgkate.ru -->

<!-- Нормальная jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  var $jq = jQuery.noConflict(); // сохранили jQuery до перезаписи
</script>

<!-- Slick (работает с нормальной jQuery) -->
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>

<!-- Потом подключаете старую jQuery и uhpv -->
<script src="https://lidrekon.ru/slep/js/jquery.js"></script>
<script src="https://lidrekon.ru/slep/js/uhpv-full.min.js"></script>

<!-- Скрипт для создания версии для слабовидящих в Tilda с сайта bulgkate.ru -->

<img id="specialButton" style="cursor:pointer; width: 10px; height: 10px;" src="https://static.tildacdn.info/tild3830-3461-4263-a130-663261663264/___1.svg" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />

<!-- Скрипт для создания версии для слабовидящих в Tilda с сайта bulgkate.ru -->

<script>
    document.querySelector(".t-sociallinks__item_website a").setAttribute("id", "specialButton");

</script>
<style>
    #specialButton {
  cursor: pointer; /* Устанавливает курсор как указатель, чтобы показать, что это кнопка */
}

#specialButton:hover {
  opacity: 0.7; /* Добавляет эффект прозрачности при наведении */
  transition: opacity 0.3s; /* Плавный переход */
}

</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
    var burger = document.querySelector('.t-menuburger');
    var menu = document.getElementById('nav935755391'); // Идентификатор контейнера меню
    var menuLinks = document.querySelectorAll('.t-menu__link-item, .t228__right_buttons a, .t-sociallinks a');

    if (!burger || !menu || !menuLinks.length) {
        console.log("Не найдены необходимые элементы");
        return;
    }

    // Добавляем обработчик на все ссылки
    Array.prototype.forEach.call(menuLinks, function(link) {
        link.addEventListener('click', function() {
            console.log("Клик по пункту меню: " + link.textContent);

            // Проверяем, что это мобильный экран
            if (window.innerWidth < 980) {
                // Закрываем меню
                burger.setAttribute('aria-expanded', 'false');
                burger.classList.remove('t-menuburger-opened');
                menu.style.display = 'none';
                menu.style.opacity = '0';

                // Принудительная синхронизация через задержку
                setTimeout(function() {
                    burger.setAttribute('aria-expanded', 'false');
                    burger.classList.remove('t-menuburger-opened');
                    menu.style.display = 'none';
                    menu.style.opacity = '0';
                    console.log("Меню синхронизировано после клика на пункт меню");
                }, 300);

                console.log("Меню свернуто (мобильный).");
            } else {
                console.log("Десктопный режим -- меню не сворачивается.");
            }
        });
    });

    // Обработчик клика на бургер-меню
    burger.addEventListener('click', function() {
        // Проверяем, что это мобильный экран
        if (window.innerWidth < 980) {
            var expanded = burger.getAttribute('aria-expanded') === 'true';

            console.log("Клик по бургер-меню. Текущее состояние: aria-expanded = " + expanded);

            if (!expanded) {
                burger.setAttribute('aria-expanded', 'true');
                burger.classList.add('t-menuburger-opened');
                menu.style.display = 'block';
                setTimeout(function() {
                    menu.style.opacity = '1';
                }, 0);
                console.log("Меню открыто.");
            } else {
                burger.setAttribute('aria-expanded', 'false');
                burger.classList.remove('t-menuburger-opened');
                menu.style.opacity = '0';
                setTimeout(function() {
                    menu.style.display = 'none';
                }, 300);
                console.log("Меню закрыто.");
            }
        } else {
            console.log("Клик по бургеру в десктопе -- игнорируется.");
        }
    });
});
</script>

<!-- Скрипт для фонового аудиоплеера с собственной кнопкой в Tilda с сайта bulgkate.ru -->

<style>
.t-sociallinks__customimg {
  width: 40px !important;
  height: 40px !important;
}
</style>