fix(a11y): activities tablist must contain only tabs

The "Become a member" CTA was a direct child of role="tablist", which
violates the ARIA rule that a tablist may only contain role="tab" children
(axe: aria-required-children). Wrap the 4 tabs in an inner
.activities-tabs[role=tablist] and leave the CTA as a sibling; add matching
flex CSS so the layout is unchanged. JS uses `.activities-nav .activity-tab`
(descendant), so tab behavior is unaffected. EN/MK/SI. Cache-bust bump.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-08-30 17:00:40 +02:00
1 parent 6323d55718
commit e0ba30ea6a
261 files changed
+1197 -1180

No files matched your search

+7 -5
View File
@@ -60,7 +60,7 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media=&#39;all&#39;" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
<!-- Поврзување до главната CSS-датотека (поправена патека) -->
<link rel="stylesheet" href="../css/main.css?v=cd97d474">
<link rel="stylesheet" href="../css/main.css?v=54203d0c">
<link rel="preload" as="image" href="../images/HeroSection-img1.webp">
</head>
<body>
@@ -279,7 +279,8 @@
<p>Од твојата прва пријава до дипломирањето, тука сме за тебе, поддршка, пријателства, култура и глас што се залага за македонските студенти во Словенија.</p>
</div>
<div class="activities-content">
<div class="activities-nav" role="tablist" aria-label="Активности">
<div class="activities-nav">
<div class="activities-tabs" role="tablist" aria-label="Активности">
<button type="button" class="activity-tab active" role="tab" aria-selected="true" data-panel="0">
<span class="activity-tab-ico"><i class="fas fa-hand-holding-heart" aria-hidden="true"></i></span>
<span class="activity-tab-label">Студентска поддршка</span>
@@ -296,6 +297,7 @@
<span class="activity-tab-ico"><i class="fas fa-bullhorn" aria-hidden="true"></i></span>
<span class="activity-tab-label">Студентско претставување</span>
</button>
</div>
<a href="../mk/become-a-member/" class="btn btn-primary-orange activities-cta">Стани член</a>
</div>
<div class="activities-panels">
@@ -549,8 +551,8 @@
</footer>
<!-- END_FOOTER -->
<script src="../main.js?v=cd97d474"></script>
<link rel="stylesheet" href="/assistant.css?v=cd97d474">
<script src="/assistant.js?v=cd97d474" defer></script>
<script src="../main.js?v=54203d0c"></script>
<link rel="stylesheet" href="/assistant.css?v=54203d0c">
<script src="/assistant.js?v=54203d0c" defer></script>
</body>
</html>