fix(a11y): add labels menu items

This commit is contained in:
kolaente 2025-01-22 10:30:38 +01:00
parent 8daf500b52
commit c0c2e5663c
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
5 changed files with 9 additions and 0 deletions

View File

@ -43,6 +43,7 @@
class="project-title-button"
@click="toggleOpen"
>
<span class="tw-sr-only">{{ $t('project.openSettingsMenu') }}</span>
<Icon
icon="ellipsis-h"
class="icon"

View File

@ -30,6 +30,7 @@
<ColorBubble
v-if="project.hexColor !== ''"
:color="project.hexColor"
:aria-label="$t('project.color')"
/>
<span
v-else-if="project.id < -1"
@ -53,6 +54,7 @@
:class="{'is-favorite': project.isFavorite}"
@click="projectStore.toggleProjectFavorite(project)"
>
<span class="tw-sr-only">{{ project.isFavorite ? $t('project.unfavorite') : $t('project.favorite') }}</span>
<Icon :icon="project.isFavorite ? 'star' : ['far', 'star']" />
</BaseButton>
<ProjectSettingsDropdown
@ -65,6 +67,7 @@
class="menu-list-dropdown-trigger"
@click="toggleOpen"
>
<span class="tw-sr-only">{{ $t('project.openSettingsMenu') }}</span>
<Icon
icon="ellipsis-h"
class="icon"

View File

@ -2,6 +2,7 @@
<div
ref="dropdown"
class="dropdown"
role="menu"
@pointerenter="initialMount = true"
>
<slot

View File

@ -9,6 +9,7 @@
class="dropdown-trigger"
@click="triggerProps.toggleOpen"
>
<span class="tw-sr-only">{{ $t('project.openSettingsMenu') }}</span>
<Icon
icon="ellipsis-h"
class="icon"

View File

@ -220,6 +220,9 @@
"shared": "Shared Projects",
"noDescriptionAvailable": "No project description is available.",
"inboxTitle": "Inbox",
"favorite": "Mark this project as favorite",
"unfavorite": "Remove this project from favorites",
"openSettingsMenu": "Open project settings menu",
"create": {
"header": "New project",
"titlePlaceholder": "The project's title goes here…",