diff --git a/src/components/dropdown/dropdown-divider.js b/src/components/dropdown/dropdown-divider.js index e3576100bf4..cedba7f0844 100644 --- a/src/components/dropdown/dropdown-divider.js +++ b/src/components/dropdown/dropdown-divider.js @@ -15,7 +15,7 @@ export const BDropdownDivider = /*#__PURE__*/ Vue.extend({ inheritAttrs: false, props, render(h, { props, data }) { - return h('li', [ + return h('li', { attrs: { role: 'presentation' } }, [ h( props.tag, mergeData(data, { diff --git a/src/components/dropdown/dropdown-form.js b/src/components/dropdown/dropdown-form.js index 929c5077959..2ac2ea940f3 100644 --- a/src/components/dropdown/dropdown-form.js +++ b/src/components/dropdown/dropdown-form.js @@ -14,7 +14,7 @@ export const BDropdownForm = /*#__PURE__*/ Vue.extend({ } }, render(h, { props, data, children }) { - return h('li', [ + return h('li', { attrs: { role: 'presentation' } }, [ h( BForm, mergeData(data, { diff --git a/src/components/dropdown/dropdown-group.js b/src/components/dropdown/dropdown-group.js index 21dc27ebaac..a44e4173e1c 100644 --- a/src/components/dropdown/dropdown-group.js +++ b/src/components/dropdown/dropdown-group.js @@ -62,7 +62,7 @@ export const BDropdownGroup = /*#__PURE__*/ Vue.extend({ .join(' ') .trim() - return h('li', [ + return h('li', { attrs: { role: 'presentation' } }, [ header || h(), h( 'ul', @@ -70,6 +70,7 @@ export const BDropdownGroup = /*#__PURE__*/ Vue.extend({ staticClass: 'list-unstyled', attrs: { id: props.id || null, + role: 'group', 'aria-describedby': adb || null } }), diff --git a/src/components/dropdown/dropdown-header.js b/src/components/dropdown/dropdown-header.js index 88fcd57b669..6fb5458ba0b 100644 --- a/src/components/dropdown/dropdown-header.js +++ b/src/components/dropdown/dropdown-header.js @@ -23,7 +23,7 @@ export const BDropdownHeader = /*#__PURE__*/ Vue.extend({ inheritAttrs: false, props, render(h, { props, data, children }) { - return h('li', [ + return h('li', { attrs: { role: 'presentation' } }, [ h( props.tag, mergeData(data, { diff --git a/src/components/dropdown/dropdown-item-button.js b/src/components/dropdown/dropdown-item-button.js index 59fa4c8f501..15aa337fd7c 100644 --- a/src/components/dropdown/dropdown-item-button.js +++ b/src/components/dropdown/dropdown-item-button.js @@ -43,7 +43,7 @@ export const BDropdownItemButton = /*#__PURE__*/ Vue.extend({ } }, render(h) { - return h('li', [ + return h('li', { attrs: { role: 'presentation' } }, [ h( 'button', { diff --git a/src/components/dropdown/dropdown-item.js b/src/components/dropdown/dropdown-item.js index 33a2010b489..c8223777935 100644 --- a/src/components/dropdown/dropdown-item.js +++ b/src/components/dropdown/dropdown-item.js @@ -37,7 +37,7 @@ export const BDropdownItem = /*#__PURE__*/ Vue.extend({ } }, render(h) { - return h('li', [ + return h('li', { attrs: { role: 'presentation' } }, [ h( BLink, { diff --git a/src/components/dropdown/dropdown-text.js b/src/components/dropdown/dropdown-text.js index cce04868e75..2a5982f0b7f 100644 --- a/src/components/dropdown/dropdown-text.js +++ b/src/components/dropdown/dropdown-text.js @@ -17,7 +17,7 @@ export const BDropdownText = /*#__PURE__*/ Vue.extend({ } }, render(h, { props, data, children }) { - return h('li', [ + return h('li', { attrs: { role: 'presentation' } }, [ h( props.tag, mergeData(data, {