From 30c4c2ecc67915df90c5eb5d0d1f5cd1233ca7cc Mon Sep 17 00:00:00 2001
From: c0mrade <killmy666@gmail.com>
Date: Tue, 26 May 2026 11:30:18 +0300
Subject: [PATCH] fix(a11y): radiogroup semantics for AdminInfoPageEditor
 button groups

Wrap page-type and locale button groups in role=radiogroup + aria-labelledby; mark
each option as role=radio with aria-checked (WCAG 4.1.2).
---
 src/pages/AdminInfoPageEditor.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/pages/AdminInfoPageEditor.tsx b/src/pages/AdminInfoPageEditor.tsx
index 4106d4b..481f8ea 100644
--- a/src/pages/AdminInfoPageEditor.tsx
+++ b/src/pages/AdminInfoPageEditor.tsx
@@ -1184,12 +1184,16 @@ export default function AdminInfoPageEditor() {
 
         {/* Page type selector */}
         <div>
-          <label className="label">{t('admin.infoPages.fields.pageType')}</label>
-          <div className="flex gap-1">
+          <label id="ip-pagetype-label" className="label">
+            {t('admin.infoPages.fields.pageType')}
+          </label>
+          <div className="flex gap-1" role="radiogroup" aria-labelledby="ip-pagetype-label">
             {(['page', 'faq'] as const).map((pt) => (
               <button
                 key={pt}
                 type="button"
+                role="radio"
+                aria-checked={pageType === pt}
                 onClick={() => setPageType(pt)}
                 className={cn(
                   'min-h-[44px] rounded-lg px-4 py-2.5 text-sm font-medium transition-colors',
@@ -1240,12 +1244,16 @@ export default function AdminInfoPageEditor() {
 
         {/* Locale tabs */}
         <div>
-          <label className="label">{t('admin.infoPages.localeLabel')}</label>
-          <div className="flex flex-wrap gap-1">
+          <label id="ip-locale-label" className="label">
+            {t('admin.infoPages.localeLabel')}
+          </label>
+          <div className="flex flex-wrap gap-1" role="radiogroup" aria-labelledby="ip-locale-label">
             {AVAILABLE_LOCALES.map((loc) => (
               <button
                 key={loc}
                 type="button"
+                role="radio"
+                aria-checked={activeLocale === loc}
                 onClick={() => switchLocale(loc)}
                 className={cn(
                   'min-h-[44px] rounded-lg px-4 py-2.5 text-sm font-medium transition-colors',