fix(settings): add role and aria attributes for accessibility

This commit is contained in:
Haileyesus
2026-02-24 13:32:50 +03:00
parent e5192dd153
commit fa8eeabc30

View File

@@ -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