fix: keep navigation labels single and accessible

This commit is contained in:
2026-09-02 08:35:16 +03:00
parent 5525557c3a
commit 5b7e47c2a2
5 changed files with 28 additions and 39 deletions

View File

@@ -8,7 +8,7 @@ const props = defineProps<{
onSectionLinkClick: (event: MouseEvent) => void;
}>();
const compactLabels: Readonly<Record<SectionId, string>> = {
const navigationLabels: Readonly<Record<SectionId, string>> = {
start: 'Start',
profile: 'Profile',
experience: 'Career',
@@ -30,8 +30,7 @@ const compactLabels: Readonly<Record<SectionId, string>> = {
props.journey.activeSectionId === item.id ? 'page' : undefined
"
@click="props.onSectionLinkClick"
><span class="site-navigation__full-label">{{ item.label }}</span
><span class="site-navigation__compact-label">{{ compactLabels[item.id] }}</span></a
>{{ navigationLabels[item.id] }}</a
>
</li>
</ul>