fix(VListItem): correct role when item is a link (#22137)

Haviles04 · web-flow · commit 80e154b8c295 · 2025-10-02T00:52:46.000+02:00
fixes #22086
diff --git a/packages/vuetify/src/components/VList/VListItem.tsx b/packages/vuetify/src/components/VList/VListItem.tsx
@@ -152,7 +152,7 @@ export const VListItem = genericComponent<VListItemSlots>()({
       props.link !== false &&
       (props.link || link.isClickable.value || isSelectable.value)
     )
-    const role = computed(() => list ? (isSelectable.value ? 'option' : 'listitem') : undefined)
+    const role = computed(() => list ? (isLink.value ? 'link' : isSelectable.value ? 'option' : 'listitem') : undefined)
     const ariaSelected = computed(() => {
       if (!isSelectable.value) return undefined
       return root.activatable.value ? isActivated.value

Original file line number	Diff line number	Diff line change
`@@ -152,7 +152,7 @@ export const VListItem = genericComponent<VListItemSlots>()({`
`152`	`152`	`props.link !== false &&`
`153`	`153`	`(props.link \|\| link.isClickable.value \|\| isSelectable.value)`
`154`	`154`	`)`
`155`		`- const role = computed(() => list ? (isSelectable.value ? 'option' : 'listitem') : undefined)`
	`155`	`+ const role = computed(() => list ? (isLink.value ? 'link' : isSelectable.value ? 'option' : 'listitem') : undefined)`
`156`	`156`	`const ariaSelected = computed(() => {`
`157`	`157`	`if (!isSelectable.value) return undefined`
`158`	`158`	`return root.activatable.value ? isActivated.value`