Skip to content

Commit 3e86353

Browse files
committed
Enhance language switcher accessibility
1 parent 7b1b494 commit 3e86353

1 file changed

Lines changed: 4 additions & 0 deletions

File tree

pcd-website/src/components/LanguageSwitcher.vue

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414
</button>
1515
<ul
1616
v-show="open"
17+
:inert="!open"
1718
role="listbox"
1819
:aria-label="t('language_switcher.label')"
1920
class="lang-dropdown"
@@ -25,7 +26,10 @@
2526
:aria-selected="locale === currentLocale"
2627
class="lang-option"
2728
:class="{ 'lang-option--active': locale === currentLocale }"
29+
tabindex="0"
2830
@click="select(locale)"
31+
@keydown.enter.prevent="select(locale)"
32+
@keydown.space.prevent="select(locale)"
2933
>
3034
{{ LANGUAGE_NAMES[locale] }}
3135
</li>

0 commit comments

Comments
 (0)