diff --git a/src/components/settings/view/tabs/agents-settings/sections/AgentCategoryTabsSection.tsx b/src/components/settings/view/tabs/agents-settings/sections/AgentCategoryTabsSection.tsx
index d611ccc..e0ea1b5 100644
--- a/src/components/settings/view/tabs/agents-settings/sections/AgentCategoryTabsSection.tsx
+++ b/src/components/settings/view/tabs/agents-settings/sections/AgentCategoryTabsSection.tsx
@@ -12,10 +12,12 @@ export default function AgentCategoryTabsSection({
 
   return (
     <div className="border-b border-gray-200 dark:border-gray-700 flex-shrink-0">
-      <div className="flex px-2 md:px-4 overflow-x-auto">
+      <div role="tablist" className="flex px-2 md:px-4 overflow-x-auto">
         {AGENT_CATEGORIES.map((category) => (
           <button
             key={category}
+            role="tab"
+            aria-selected={selectedCategory === category}
             onClick={() => onSelectCategory(category)}
             className={`px-3 md:px-4 py-2 md:py-3 text-xs md:text-sm font-medium border-b-2 transition-colors whitespace-nowrap ${
               selectedCategory === category