fix(a11y): Add role="list" on the list, fixes quasarframework#17439

Evertvdw · Aug 16, 2024 · e6d2204 · e6d2204
1 parent 73add64
commit e6d2204
Showing 1 changed file with 7 additions and 1 deletion.
diff --git 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))
   }
 })