diff --git a/src/components/IconComboContextMenu.vue b/src/components/IconComboContextMenu.vue index 3405471..4e4611b 100644 --- a/src/components/IconComboContextMenu.vue +++ b/src/components/IconComboContextMenu.vue @@ -60,6 +60,12 @@ const groups = computed(() => { option.action(); close(); " + @keydown.enter=" + option.action(); + close(); + " + tabindex="0" + role="button" > { >
{ />
{
{{ name }}
diff --git a/src/components/TournamentMatches.vue b/src/components/TournamentMatches.vue index d318e33..5f43bdf 100644 --- a/src/components/TournamentMatches.vue +++ b/src/components/TournamentMatches.vue @@ -218,8 +218,11 @@ onMounted(() => { :key="option" :value="option" class="chip-option" + role="button" + tabindex="0" :class="{ selected: selectedGroupOption === option }" @click="selectedGroupOption = option" + @keydown.enter="selectedGroupOption = option" > by {{ getFriendlyOptionName(option) }}
@@ -239,8 +242,11 @@ onMounted(() => {

{{ title }}

diff --git a/src/components/notifications/ClosableNotification.vue b/src/components/notifications/ClosableNotification.vue index aa1dee7..3423c22 100644 --- a/src/components/notifications/ClosableNotification.vue +++ b/src/components/notifications/ClosableNotification.vue @@ -43,8 +43,11 @@ const click = () => { 'cursor-pointer': (notification.type !== 'redirect' && notification.redirect) || notification.onClick, }" + role="button" + tabindex="0" class="notification" @click.stop.prevent="click" + @keydown.enter="click" >

diff --git a/src/components/notifications/YesNoNotification.vue b/src/components/notifications/YesNoNotification.vue index c2d67d9..186577a 100644 --- a/src/components/notifications/YesNoNotification.vue +++ b/src/components/notifications/YesNoNotification.vue @@ -46,6 +46,9 @@ const click = () => {