Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://github.com/bootstrap-vue/bootstrap-vue/issues/4149 below:

accessibility issue with b-dropdown-item-button and v-b-modal.id-of-modal · Issue #4149 · bootstrap-vue/bootstrap-vue · GitHub

When I try to trigger a modal to open from a drop down button. The role of the associated li element is changed to "button."

1. Go to [...]
2. Click on [...]
3. Scroll down to [...]
4. See error

I am using an accessibility testing utility called axe to test for accessibility violations and it is saying that this is not allowed. Presumably because the child of a ul should be an li. The normal dropdown-item-button role is "presentation". Axe does not complain about this, but I would seem to think the li would not need a role at all? Or the role would be "listitem"?? The "presentation" role is a bit of a mystery to me yet admittedly so can't say this makes a lot of sense either?

Libraries:

• BootstrapVue: 2.0.2
• Bootstrap: 4.3.1
• Vue: 2.6.10

Environment:

• Device: all
• OS: all
• Browser: all
• Version: all

https://codepen.io/geertsrj/pen/eYOxJGN

no additional context

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4