From e6d22047dfc81b2cf660961f09ff857f4f9c7a53 Mon Sep 17 00:00:00 2001 From: Evert van der Weit Date: Fri, 16 Aug 2024 16:56:17 +0200 Subject: [PATCH] fix(a11y): Add role="list" on the list, fixes #17439 --- ui/src/components/item/QList.js | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/ui/src/components/item/QList.js b/ui/src/components/item/QList.js index 22fccbd9418..dbe1df4e7ad 100644 --- a/ui/src/components/item/QList.js +++ b/ui/src/components/item/QList.js @@ -34,6 +34,12 @@ export default createComponent({ + (props.padding === true ? ' q-list--padding' : '') ) - return () => h(props.tag, { class: classes.value }, hSlot(slots.default)) + const role = computed(() => { + if (props.tag === 'ul') return undefined + if (props.tag === 'ol') return undefined + return 'list' + }) + + return () => h(props.tag, { class: classes.value, role: role.value }, hSlot(slots.default)) } })