fix: a11y — accessible label on SectionAccordion, opacity-60 on category headings

This commit is contained in:
Ilia Mashkov
2026-05-18 12:39:07 +03:00
parent ff62cba5b1
commit f874a943ff
3 changed files with 40 additions and 9 deletions
@@ -23,7 +23,7 @@ export default async function SkillsSection() {
<div className="space-y-12 max-w-section">
{Object.entries(categories).map(([category, items]) => (
<div key={category} className="space-y-4">
<h3 className="text-xl font-bold uppercase tracking-widest opacity-50">{category}</h3>
<h3 className="text-xl font-bold uppercase tracking-widest opacity-60">{category}</h3>
<div className="flex flex-wrap gap-3">
{items.map((skill) => (
<Badge key={skill.id}>{skill.name}</Badge>