From 27ba50747ac1fa6aab190560c4691a1284f9f8a7 Mon Sep 17 00:00:00 2001
From: c0mrade <killmy666@gmail.com>
Date: Tue, 26 May 2026 11:32:32 +0300
Subject: [PATCH] fix(a11y): radiogroup semantics for Campaign bonus-type
 selector

AdminCampaignCreate + AdminCampaignEdit: bonus-type button grid now uses
role=radiogroup + aria-labelledby + role=radio + aria-checked (WCAG 4.1.2).
---
 src/pages/AdminCampaignCreate.tsx | 10 ++++++++--
 src/pages/AdminCampaignEdit.tsx   | 10 ++++++++--
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/pages/AdminCampaignCreate.tsx b/src/pages/AdminCampaignCreate.tsx
index e9fef85..c3de44a 100644
--- a/src/pages/AdminCampaignCreate.tsx
+++ b/src/pages/AdminCampaignCreate.tsx
@@ -393,15 +393,21 @@ export default function AdminCampaignCreate() {
 
       {/* Bonus Type */}
       <div className="card space-y-4">
-        <h2 className="text-lg font-semibold text-dark-100">
+        <h2 id="bonus-type-label" className="text-lg font-semibold text-dark-100">
           {t('admin.campaigns.form.bonusType')}
         </h2>
 
-        <div className="grid grid-cols-2 gap-3">
+        <div
+          className="grid grid-cols-2 gap-3"
+          role="radiogroup"
+          aria-labelledby="bonus-type-label"
+        >
           {(Object.keys(bonusTypeConfig) as CampaignBonusType[]).map((type) => (
             <button
               key={type}
               type="button"
+              role="radio"
+              aria-checked={bonusType === type}
               onClick={() => setBonusType(type)}
               className={`rounded-lg border p-4 text-left transition-all ${
                 bonusType === type
diff --git a/src/pages/AdminCampaignEdit.tsx b/src/pages/AdminCampaignEdit.tsx
index a345979..05aaeba 100644
--- a/src/pages/AdminCampaignEdit.tsx
+++ b/src/pages/AdminCampaignEdit.tsx
@@ -429,15 +429,21 @@ export default function AdminCampaignEdit() {
 
       {/* Bonus Type */}
       <div className="card space-y-4">
-        <h2 className="text-lg font-semibold text-dark-100">
+        <h2 id="bonus-type-edit-label" className="text-lg font-semibold text-dark-100">
           {t('admin.campaigns.form.bonusType')}
         </h2>
 
-        <div className="grid grid-cols-2 gap-3">
+        <div
+          className="grid grid-cols-2 gap-3"
+          role="radiogroup"
+          aria-labelledby="bonus-type-edit-label"
+        >
           {(Object.keys(bonusTypeConfig) as CampaignBonusType[]).map((type) => (
             <button
               key={type}
               type="button"
+              role="radio"
+              aria-checked={bonusType === type}
               onClick={() => setBonusType(type)}
               className={`rounded-lg border p-4 text-left transition-all ${
                 bonusType === type