+
-
-
diff --git a/packages/ui/src/components/user/UserBadge.vue b/packages/ui/src/components/user/UserBadge.vue
index 1c13881405..6c1297bbb3 100644
--- a/packages/ui/src/components/user/UserBadge.vue
+++ b/packages/ui/src/components/user/UserBadge.vue
@@ -1,8 +1,8 @@
-
+
{
:shown="shown"
:aria-label="ariaLabel"
:hide-when-modal-open="hideWhenModalOpen"
+ :below-modal="hideWhenModalOpen"
>
(
const context = inject(injectionKey, fallback)
if (context) return context
- if (context === null)
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
- return context as any
+ if (context === null) {
+ return context as T extends null ? ContextValue | null : ContextValue
+ }
throw new Error(
`Injection \`${injectionKey.toString()}\` not found. Component must be used within ${
diff --git a/packages/ui/src/providers/floating-menu.ts b/packages/ui/src/providers/floating-menu.ts
new file mode 100644
index 0000000000..0aba88f69a
--- /dev/null
+++ b/packages/ui/src/providers/floating-menu.ts
@@ -0,0 +1,14 @@
+const hideCallbacks = new Set<() => void>()
+
+export function registerFloatingMenu(hide: () => void): () => void {
+ hideCallbacks.add(hide)
+ return () => {
+ hideCallbacks.delete(hide)
+ }
+}
+
+export function dismissFloatingMenus() {
+ for (const hide of [...hideCallbacks]) {
+ hide()
+ }
+}
diff --git a/packages/ui/src/providers/index.ts b/packages/ui/src/providers/index.ts
index 58ea8b7e53..9c6f8333ed 100644
--- a/packages/ui/src/providers/index.ts
+++ b/packages/ui/src/providers/index.ts
@@ -19,6 +19,12 @@ export * from './project-page-new'
export * from './server-context'
export * from './server-settings-modal'
export * from './tags'
+export {
+ installTooltipDirective,
+ type TooltipDirective,
+ type TooltipPlacement,
+ type TooltipProps,
+} from './tooltip'
export * from './user-country'
export * from './user-preferences'
export * from './web-notifications'
diff --git a/packages/ui/src/providers/tooltip.ts b/packages/ui/src/providers/tooltip.ts
new file mode 100644
index 0000000000..a4d6098856
--- /dev/null
+++ b/packages/ui/src/providers/tooltip.ts
@@ -0,0 +1,344 @@
+import type { Placement } from '@floating-ui/vue'
+import type { App, Directive } from 'vue'
+import { ref } from 'vue'
+
+export type TooltipPlacement = Placement
+export type TooltipProps = string | { text: string } | null | undefined
+export type TooltipDirective = Directive
+export type TooltipContent = () => unknown
+
+interface TooltipSource {
+ placement: TooltipPlacement
+ getText: () => string | null
+ render?: TooltipContent
+ theme?: string
+ pinned?: boolean
+ panelClass?: string
+}
+
+interface TooltipState {
+ reference: HTMLElement | null
+ text: string | null
+ placement: TooltipPlacement
+ theme: string
+ content: TooltipContent | null
+ panelClass?: string
+}
+
+declare module 'vue' {
+ export interface GlobalDirectives {
+ vTooltip: TooltipDirective
+ }
+}
+
+const SHOW_DELAY = 300
+const HIDE_DELAY = 400
+
+export const activeTooltip = ref({
+ reference: null,
+ text: null,
+ placement: 'top',
+ theme: 'tooltip',
+ content: null,
+ panelClass: undefined,
+})
+
+const sources = new WeakMap()
+let showTimer: ReturnType | undefined
+let hideTimer: ReturnType | undefined
+let pending: HTMLElement | undefined
+let hovered: HTMLElement | undefined
+let focused: HTMLElement | undefined
+let lastOpen = 0
+
+function stopShow() {
+ clearTimeout(showTimer)
+ showTimer = undefined
+ pending = undefined
+}
+
+function stopHide() {
+ clearTimeout(hideTimer)
+ hideTimer = undefined
+}
+
+function clear() {
+ activeTooltip.value = {
+ reference: null,
+ text: null,
+ placement: 'top',
+ theme: 'tooltip',
+ content: null,
+ panelClass: undefined,
+ }
+}
+
+function hasTooltipContent(el: HTMLElement) {
+ const source = sources.get(el)
+ return !!(source?.getText() || source?.render)
+}
+
+function open(el: HTMLElement) {
+ const source = sources.get(el)
+ pending = undefined
+ const text = source?.getText() ?? null
+ const content = source?.render ?? null
+ if (!text && !content) {
+ if (activeTooltip.value.reference === el) {
+ clear()
+ }
+ return
+ }
+ activeTooltip.value = {
+ reference: el,
+ text,
+ placement: source?.placement ?? 'top',
+ theme: source?.theme ?? 'tooltip',
+ content,
+ panelClass: source?.panelClass,
+ }
+ lastOpen = Date.now()
+}
+
+function show(immediate: boolean) {
+ const el = focused ?? hovered
+ if (!el || !hasTooltipContent(el)) {
+ return
+ }
+ stopShow()
+ stopHide()
+ if (immediate || activeTooltip.value.reference || Date.now() - lastOpen <= SHOW_DELAY) {
+ open(el)
+ return
+ }
+ pending = el
+ showTimer = setTimeout(() => open(el), SHOW_DELAY)
+}
+
+function hide(el: HTMLElement, immediate: boolean) {
+ if (sources.get(el)?.pinned) {
+ return
+ }
+ if (focused ?? hovered) {
+ show(true)
+ return
+ }
+ if (pending === el) {
+ stopShow()
+ }
+ if (activeTooltip.value.reference !== el) {
+ return
+ }
+ if (immediate) {
+ stopHide()
+ clear()
+ return
+ }
+ stopHide()
+ hideTimer = setTimeout(() => {
+ if ((focused ?? hovered) || sources.get(el)?.pinned) {
+ return
+ }
+ if (activeTooltip.value.reference !== el) {
+ return
+ }
+ clear()
+ stopHide()
+ }, HIDE_DELAY)
+}
+
+export function bindTooltipSource(el: HTMLElement, source: TooltipSource) {
+ const wasPinned = sources.get(el)?.pinned
+ sources.set(el, source)
+ if (source.pinned || activeTooltip.value.reference === el) {
+ open(el)
+ }
+ if (wasPinned && !source.pinned) {
+ hide(el, true)
+ }
+}
+
+export function unbindTooltipSource(el: HTMLElement) {
+ sources.delete(el)
+ if (pending === el) {
+ stopShow()
+ }
+ if (hovered === el) {
+ hovered = undefined
+ }
+ if (focused === el) {
+ focused = undefined
+ }
+ if (activeTooltip.value.reference === el) {
+ stopHide()
+ clear()
+ }
+}
+
+function isFocusVisible(el: HTMLElement) {
+ const active = document.activeElement
+ if (!(active instanceof Element) || !el.contains(active)) {
+ return false
+ }
+ return active.matches(':focus-visible')
+}
+
+export function tooltipEnter(el: HTMLElement) {
+ if (!hasTooltipContent(el)) {
+ return
+ }
+ hovered = el
+ show(false)
+}
+
+export function tooltipLeave(el: HTMLElement) {
+ if (hovered === el) {
+ hovered = undefined
+ }
+ if (focused === el && !isFocusVisible(el)) {
+ focused = undefined
+ }
+ hide(el, false)
+}
+
+export function tooltipFocusIn(el: HTMLElement) {
+ if (!isFocusVisible(el) || !hasTooltipContent(el)) {
+ return
+ }
+ focused = el
+ show(true)
+}
+
+export function tooltipFocusOut(el: HTMLElement) {
+ if (focused === el) {
+ focused = undefined
+ }
+ hide(el, true)
+}
+
+export function dismissTooltip() {
+ stopShow()
+ stopHide()
+ hovered = undefined
+ focused = undefined
+ lastOpen = 0
+ clear()
+}
+
+export function installTooltipDirective(app: App) {
+ const listeners = new WeakMap()
+ const addedTabIndex = new WeakSet()
+ const addedAriaLabel = new WeakSet()
+
+ app.directive('tooltip', {
+ mounted(el, binding) {
+ sync(el, binding.value, binding.modifiers)
+ const ac = new AbortController()
+ listeners.set(el, ac)
+ el.addEventListener('mouseenter', () => tooltipEnter(el), { signal: ac.signal })
+ el.addEventListener('mouseleave', () => tooltipLeave(el), { signal: ac.signal })
+ el.addEventListener('focusin', () => tooltipFocusIn(el), { signal: ac.signal })
+ el.addEventListener(
+ 'focusout',
+ (event) => {
+ if (event.relatedTarget instanceof Node && el.contains(event.relatedTarget)) {
+ return
+ }
+ tooltipFocusOut(el)
+ },
+ { signal: ac.signal },
+ )
+ },
+ updated(el, binding) {
+ sync(el, binding.value, binding.modifiers)
+ },
+ beforeUnmount(el) {
+ unbindTooltipSource(el)
+ listeners.get(el)?.abort()
+ releaseFocusable(el, addedTabIndex)
+ releaseAriaLabel(el, addedAriaLabel)
+ },
+ } satisfies TooltipDirective)
+
+ function sync(el: HTMLElement, value: TooltipProps, modifiers: Record) {
+ const text = tooltipText(value)
+ if (!text) {
+ releaseFocusable(el, addedTabIndex)
+ releaseAriaLabel(el, addedAriaLabel)
+ unbindTooltipSource(el)
+ return
+ }
+ ensureFocusable(el, addedTabIndex)
+ ensureAriaLabel(el, text, addedAriaLabel)
+ bindTooltipSource(el, {
+ placement: tooltipPlacement(modifiers),
+ getText: () => tooltipText(value),
+ })
+ }
+}
+
+function tooltipText(value: TooltipProps): string | null {
+ if (value == null) {
+ return null
+ }
+ return typeof value === 'string' ? value : (value.text ?? null)
+}
+
+function ensureAriaLabel(el: HTMLElement, text: string, added: WeakSet) {
+ if (added.has(el)) {
+ el.setAttribute('aria-label', text)
+ return
+ }
+ if (
+ el.hasAttribute('aria-label') ||
+ el.hasAttribute('aria-labelledby') ||
+ el.querySelector('[aria-label], [aria-labelledby]')
+ ) {
+ return
+ }
+ el.setAttribute('aria-label', text)
+ added.add(el)
+}
+
+function releaseAriaLabel(el: HTMLElement, added: WeakSet) {
+ if (!added.has(el)) {
+ return
+ }
+ el.removeAttribute('aria-label')
+ added.delete(el)
+}
+
+function ensureFocusable(el: HTMLElement, added: WeakSet) {
+ if (
+ el.hasAttribute('tabindex') ||
+ el.tabIndex >= 0 ||
+ el.querySelector(
+ 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])',
+ )
+ ) {
+ return
+ }
+ el.tabIndex = 0
+ added.add(el)
+}
+
+function releaseFocusable(el: HTMLElement, added: WeakSet) {
+ if (!added.has(el)) {
+ return
+ }
+ el.removeAttribute('tabindex')
+ added.delete(el)
+}
+
+function tooltipPlacement(modifiers: Partial>): TooltipPlacement {
+ if (modifiers.right) {
+ return 'right'
+ }
+ if (modifiers.bottom) {
+ return 'bottom'
+ }
+ if (modifiers.left) {
+ return 'left'
+ }
+ return 'top'
+}
diff --git a/packages/ui/src/utils/use-anchored-teleport.ts b/packages/ui/src/utils/use-anchored-teleport.ts
index 0779341eaf..529aa17d0a 100644
--- a/packages/ui/src/utils/use-anchored-teleport.ts
+++ b/packages/ui/src/utils/use-anchored-teleport.ts
@@ -1,6 +1,8 @@
import type { CSSProperties, Ref } from 'vue'
import { nextTick, onUnmounted, ref, watch } from 'vue'
+import { dismissTooltip } from '../providers/tooltip'
+
export type AnchoredTeleportPlacement =
| 'bottom-start'
| 'bottom-end'
@@ -171,6 +173,7 @@ export function useAnchoredTeleport(
async function open() {
if (isOpen.value) return
+ dismissTooltip()
panelStyle.value = { top: '0px', left: '0px', visibility: 'hidden' }
isOpen.value = true
await nextTick()
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 631c5f5d9c..3a38bf19d5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -83,6 +83,9 @@ importers:
'@dnd-kit/vue':
specifier: ^0.5.0
version: 0.5.0(vue@3.5.27(typescript@5.9.3))
+ '@floating-ui/vue':
+ specifier: ^2.0.1
+ version: 2.0.1(vue@3.5.27(typescript@5.9.3))
'@modrinth/api-client':
specifier: workspace:^
version: link:../../packages/api-client
@@ -140,9 +143,6 @@ importers:
dayjs:
specifier: ^1.11.10
version: 1.11.19
- floating-vue:
- specifier: ^5.2.2
- version: 5.2.2(@nuxt/kit@3.21.0(magicast@0.5.1))(vue@3.5.27(typescript@5.9.3))
fuse.js:
specifier: ^6.6.2
version: 6.6.2
@@ -272,6 +272,9 @@ importers:
'@contentauth/c2pa-web':
specifier: ^0.13.1
version: 0.13.1
+ '@floating-ui/vue':
+ specifier: ^2.0.1
+ version: 2.0.1(vue@3.5.27(typescript@5.9.3))
'@formatjs/intl-localematcher':
specifier: ^0.5.4
version: 0.5.10
@@ -335,9 +338,6 @@ importers:
dompurify:
specifier: ^3.1.7
version: 3.3.1
- floating-vue:
- specifier: ^5.2.2
- version: 5.2.2(@nuxt/kit@3.21.0(magicast@0.5.1))(vue@3.5.27(typescript@5.9.3))
fuse.js:
specifier: ^6.6.2
version: 6.6.2
@@ -658,6 +658,9 @@ importers:
'@codemirror/view':
specifier: ^6.22.1
version: 6.39.12
+ '@floating-ui/vue':
+ specifier: ^2.0.1
+ version: 2.0.1(vue@3.5.27(typescript@5.9.3))
'@intercom/messenger-js-sdk':
specifier: ^0.0.14
version: 0.0.14
@@ -733,9 +736,6 @@ importers:
flatpickr:
specifier: ^4.6.13
version: 4.6.13
- floating-vue:
- specifier: ^5.2.2
- version: 5.2.2(@nuxt/kit@3.21.0(magicast@0.5.1))(vue@3.5.27(typescript@5.9.3))
fuse.js:
specifier: ^6.6.2
version: 6.6.2
@@ -2178,14 +2178,19 @@ packages:
'@expressive-code/plugin-text-markers@0.40.2':
resolution: {integrity: sha512-/XoLjD67K9nfM4TgDlXAExzMJp6ewFKxNpfUw4F7q5Ecy+IU3/9zQQG/O70Zy+RxYTwKGw2MA9kd7yelsxnSmw==}
- '@floating-ui/core@1.7.4':
- resolution: {integrity: sha512-C3HlIdsBxszvm5McXlB8PeOEWfBhcGBTZGkGlWc2U0KFY5IwG5OQEuQ8rq52DZmcHDlPLd+YFBK+cZcytwIFWg==}
+ '@floating-ui/core@1.8.0':
+ resolution: {integrity: sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==}
- '@floating-ui/dom@1.1.1':
- resolution: {integrity: sha512-TpIO93+DIujg3g7SykEAGZMDtbJRrmnYRCNYSjJlvIbGhBjRSNTLVbNeDQBrzy9qDgUbiWdc7KA0uZHZ2tJmiw==}
+ '@floating-ui/dom@1.8.0':
+ resolution: {integrity: sha512-yXSrzeHZBTZadLOlfyhCkJHNeLJnHRnRInwdZ40L7ZiaAtrBwoYlsDrX3v5zB1Utk7CLfzcOVnVVWoXEky7Ceg==}
- '@floating-ui/utils@0.2.10':
- resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==}
+ '@floating-ui/utils@0.2.12':
+ resolution: {integrity: sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==}
+
+ '@floating-ui/vue@2.0.1':
+ resolution: {integrity: sha512-043dyEKD9TDSfz080YH2vobubgg+NIo/9Fw4RAl7sEMpD8Am1DNrrSTl/GpMBjyGHoD/FbJY2QLawY+HSQsEIA==}
+ peerDependencies:
+ vue: '>=3.3.0'
'@formatjs/cli@6.12.2':
resolution: {integrity: sha512-y215aarLZXei3u1WDRAiet/VajgvUXzvz4ifPENDSPXfIog0aBJKtFvIU7EWbcFWy7rstbn5GcwwQW4F1G3TJg==}
@@ -6646,15 +6651,6 @@ packages:
resolution: {integrity: sha512-9UbaD6XdAL97+k/n+N7JwX46K/M6Zc6KcFYskrYL8wbBV/Uyk0CTAMY0VT+qiK5PM7AIc9aTWYtq65U7T+aCNQ==}
engines: {node: '>=8'}
- floating-vue@5.2.2:
- resolution: {integrity: sha512-afW+h2CFafo+7Y9Lvw/xsqjaQlKLdJV7h1fCHfcYQ1C4SVMlu7OAekqWgu5d4SgvkBVU0pVpLlVsrSTBURFRkg==}
- peerDependencies:
- '@nuxt/kit': ^3.2.0
- vue: ^3.2.0
- peerDependenciesMeta:
- '@nuxt/kit':
- optional: true
-
follow-redirects@1.16.0:
resolution: {integrity: sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==}
engines: {node: '>=4.0'}
@@ -11890,15 +11886,22 @@ snapshots:
dependencies:
'@expressive-code/core': 0.40.2
- '@floating-ui/core@1.7.4':
+ '@floating-ui/core@1.8.0':
dependencies:
- '@floating-ui/utils': 0.2.10
+ '@floating-ui/utils': 0.2.12
- '@floating-ui/dom@1.1.1':
+ '@floating-ui/dom@1.8.0':
dependencies:
- '@floating-ui/core': 1.7.4
+ '@floating-ui/core': 1.8.0
+ '@floating-ui/utils': 0.2.12
- '@floating-ui/utils@0.2.10': {}
+ '@floating-ui/utils@0.2.12': {}
+
+ '@floating-ui/vue@2.0.1(vue@3.5.27(typescript@5.9.3))':
+ dependencies:
+ '@floating-ui/dom': 1.8.0
+ '@floating-ui/utils': 0.2.12
+ vue: 3.5.27(typescript@5.9.3)
'@formatjs/cli@6.12.2(@vue/compiler-core@3.5.27)(vue@3.5.27(typescript@5.9.3))':
optionalDependencies:
@@ -17013,14 +17016,6 @@ snapshots:
flattie@1.1.1: {}
- floating-vue@5.2.2(@nuxt/kit@3.21.0(magicast@0.5.1))(vue@3.5.27(typescript@5.9.3)):
- dependencies:
- '@floating-ui/dom': 1.1.1
- vue: 3.5.27(typescript@5.9.3)
- vue-resize: 2.0.0-alpha.1(vue@3.5.27(typescript@5.9.3))
- optionalDependencies:
- '@nuxt/kit': 3.21.0(magicast@0.5.1)
-
follow-redirects@1.16.0: {}
fontace@0.4.1:
diff --git a/web-types.json b/web-types.json
index 2c55579949..7805affac1 100644
--- a/web-types.json
+++ b/web-types.json
@@ -2,17 +2,5 @@
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/v2-preview/web-types.json",
"name": "modrinth-monorepo-web-types",
"framework": "vue",
- "version": "1.0.0",
- "contributions": {
- "html": {
- "vue-directives": [
- {
- "name": "tooltip",
- "description": "Floating Vue tooltip directive",
- "doc-url": "https://floating-vue.starpad.dev/guide/directive#directive",
- "argument": "tooltip"
- }
- ]
- }
- }
+ "version": "1.0.0"
}
From f36bc3e8807694978c8c2438ea67a2e09a0de4d5 Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Fri, 11 Sep 2026 17:47:34 -0700
Subject: [PATCH 2/2] remove redundant aria-labels
---
.../src/components/ui/screenshots-page/index.vue | 5 -----
.../ui/settings/instances/game-settings-modal/row.vue | 1 -
apps/app-frontend/src/components/ui/world/WorldItem.vue | 1 -
apps/app-frontend/src/pages/Skins.vue | 7 -------
apps/app-frontend/src/pages/project/Versions.vue | 1 -
.../analytics-dashboard/analytics-table/ProjectCell.vue | 1 -
.../src/components/ui/ProjectCollectionSaveButton.vue | 1 -
.../ui/ProjectDownloadModal/DownloadDependency.vue | 1 -
.../components/ui/moderation/ModerationProjectNags.vue | 1 -
.../ui/moderation/tech-review/TechRevFileActions.vue | 1 -
.../stages/UploadCustomModpack.vue | 2 +-
apps/frontend/src/pages/[type]/[project].vue | 3 ---
.../src/pages/[type]/[project]/version/[version].vue | 6 ------
apps/frontend/src/pages/[type]/[project]/versions.vue | 1 -
apps/frontend/src/pages/news/article/[slug].vue | 8 +-------
apps/frontend/src/pages/news/index.vue | 8 +-------
packages/ui/src/components/base/Pagination.vue | 3 ---
.../base/buttons/button-menu/ButtonMenuItem.vue | 1 -
packages/ui/src/components/base/inputs/ColorPicker.vue | 1 -
packages/ui/src/components/modal/ShareModal.vue | 6 ------
.../ui/src/components/search/SearchDependsOnFilter.vue | 5 -----
packages/ui/src/components/search/SearchFilterOption.vue | 5 -----
packages/ui/src/components/skin/CapeButton.vue | 1 -
packages/ui/src/components/skin/CapeLikeTextButton.vue | 1 -
packages/ui/src/components/user/UserRoleIcon.vue | 2 --
.../shared/content-tab/components/ContentCardItem.vue | 2 --
.../components/managed-content-modal/index.vue | 2 --
27 files changed, 3 insertions(+), 74 deletions(-)
diff --git a/apps/app-frontend/src/components/ui/screenshots-page/index.vue b/apps/app-frontend/src/components/ui/screenshots-page/index.vue
index 99296d7c6c..0160ddff46 100644
--- a/apps/app-frontend/src/components/ui/screenshots-page/index.vue
+++ b/apps/app-frontend/src/components/ui/screenshots-page/index.vue
@@ -1650,7 +1650,6 @@ onBeforeUnmount(() => {
diff --git a/apps/app-frontend/src/pages/project/Versions.vue b/apps/app-frontend/src/pages/project/Versions.vue
index 2893452391..f66446d242 100644
--- a/apps/app-frontend/src/pages/project/Versions.vue
+++ b/apps/app-frontend/src/pages/project/Versions.vue
@@ -38,7 +38,6 @@
type="quiet"
:href="`https://modrinth.com/${project.project_type}/${project.slug}/version/${version.id}`"
target="_blank"
- :aria-label="formatMessage(commonMessages.openInBrowserButton)"
class="!w-9 !px-0 !rounded-full"
>
diff --git a/apps/frontend/src/components/analytics-dashboard/analytics-table/ProjectCell.vue b/apps/frontend/src/components/analytics-dashboard/analytics-table/ProjectCell.vue
index e2ba6b4801..61360d8a59 100644
--- a/apps/frontend/src/components/analytics-dashboard/analytics-table/ProjectCell.vue
+++ b/apps/frontend/src/components/analytics-dashboard/analytics-table/ProjectCell.vue
@@ -32,7 +32,6 @@
:href="organizationHref"
:target="organizationHref ? '_blank' : undefined"
:rel="organizationHref ? 'noopener noreferrer' : undefined"
- :aria-label="organizationTooltip"
class="flex size-4 shrink-0 items-center text-primary"
:class="{ 'hover:underline': organizationHref }"
>
diff --git a/apps/frontend/src/components/ui/ProjectCollectionSaveButton.vue b/apps/frontend/src/components/ui/ProjectCollectionSaveButton.vue
index b55482e2aa..a8eeb99d82 100644
--- a/apps/frontend/src/components/ui/ProjectCollectionSaveButton.vue
+++ b/apps/frontend/src/components/ui/ProjectCollectionSaveButton.vue
@@ -49,7 +49,6 @@
v-tooltip="formatMessage(commonMessages.saveButton)"
size="xl"
:to="signInRoute"
- :aria-label="formatMessage(commonMessages.saveButton)"
class="!w-12 !rounded-full !px-0"
>
diff --git a/apps/frontend/src/components/ui/ProjectDownloadModal/DownloadDependency.vue b/apps/frontend/src/components/ui/ProjectDownloadModal/DownloadDependency.vue
index 3623393d4b..26fa019ff5 100644
--- a/apps/frontend/src/components/ui/ProjectDownloadModal/DownloadDependency.vue
+++ b/apps/frontend/src/components/ui/ProjectDownloadModal/DownloadDependency.vue
@@ -62,7 +62,6 @@
type="quiet"
:href="dependency.downloadHref"
:download="dependency.filename"
- :aria-label="downloadTooltip"
class="!w-9 !rounded-full !px-0"
@click="emit('download')"
>
diff --git a/apps/frontend/src/components/ui/moderation/ModerationProjectNags.vue b/apps/frontend/src/components/ui/moderation/ModerationProjectNags.vue
index daa416ad0a..065a5eb2b0 100644
--- a/apps/frontend/src/components/ui/moderation/ModerationProjectNags.vue
+++ b/apps/frontend/src/components/ui/moderation/ModerationProjectNags.vue
@@ -72,7 +72,6 @@
nag.status === 'warning' && 'text-orange',
nag.status === 'suggestion' && 'text-purple',
]"
- :aria-label="getStatusTooltip(nag.status)"
/>
{{ getFormattedMessage(nag.title) }}
diff --git a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileActions.vue b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileActions.vue
index 1959bd53e5..b0ab713eee 100644
--- a/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileActions.vue
+++ b/apps/frontend/src/components/ui/moderation/tech-review/TechRevFileActions.vue
@@ -30,7 +30,6 @@ const formatBytes = useFormatBytes()
type="outlined"
:target="file.file_id"
:href="`https://slicer.run/?url=${encodeURIComponent(file.download_url)}`"
- aria-label="Open in Slicer"
>
Slicer
diff --git a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
index 61334b77c9..865f7ff90b 100644
--- a/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
+++ b/apps/frontend/src/components/ui/project-settings/ServerCompatibilityModal/stages/UploadCustomModpack.vue
@@ -27,7 +27,7 @@