From 1bdee2c1fc75b6801c7cab77451a90efb663c21d Mon Sep 17 00:00:00 2001
From: Haileyesus <something@gmail.com>
Date: Mon, 23 Feb 2026 10:48:09 +0300
Subject: [PATCH] fix(settings): add role and aria attributes for accessibility
 in SettingsMainTabs

---
 src/components/settings/view/SettingsMainTabs.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/settings/view/SettingsMainTabs.tsx b/src/components/settings/view/SettingsMainTabs.tsx
index cce1e30..f1886f1 100644
--- a/src/components/settings/view/SettingsMainTabs.tsx
+++ b/src/components/settings/view/SettingsMainTabs.tsx
@@ -26,7 +26,7 @@ export default function SettingsMainTabs({ activeTab, onChange }: SettingsMainTa
 
   return (
     <div className="border-b border-border">
-      <div className="flex px-4 md:px-6">
+       <div className="flex px-4 md:px-6" role="tablist" aria-label={t('mainTabs.label', { defaultValue: 'Settings' })}>
         {TAB_CONFIG.map((tab) => {
           const Icon = tab.icon;
           const isActive = activeTab === tab.id;
@@ -34,6 +34,8 @@ export default function SettingsMainTabs({ activeTab, onChange }: SettingsMainTa
           return (
             <button
               key={tab.id}
+              role="tab"
+              aria-selected={isActive}
               onClick={() => onChange(tab.id)}
               className={`px-4 py-3 text-sm font-medium border-b-2 transition-colors ${
                 isActive