document.addEventListener('DOMContentLoaded', function() { // Находим ВСЕ блоки с общим классом .clickable-block const blocks = document.querySelectorAll('.clickable-block'); blocks.forEach(function(block) { // Берём ссылку из data-url атрибута const url = block.getAttribute('data-url'); // Если ссылка есть — делаем блок кликабельным if (url) { block.style.cursor = 'pointer'; block.setAttribute('role', 'link'); // Для доступности (скринридеры) block.setAttribute('tabindex', '0'); // Для навигации с клавиатуры // Клик мышью block.addEventListener('click', function(e) { e.preventDefault(); window.open(url, '_blank', 'noopener,noreferrer'); }); // Нажатие Enter или Space (доступность) block.addEventListener('keydown', function(e) { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); window.open(url, '_blank', 'noopener,noreferrer'); } }); } }); });