Closed
Description
Describe the bug
aria-describedby
attribute value references an invalid element id when no caption is configured; the issue was exposed while running accessibility tests using AXE browser plugin.
Here is a snapshot of AXE plugin when running it against the code found in https://bootstrap-vue.org/docs/components/table#complete-example
Perhaps a solution could be to not generate aria-describedby
attribute if a caption is not present?
Steps to reproduce the bug
- Install AXE Browser plugin; supports FF, Chrome and Edge
- Navigate to code CodeSandbox example taken from this Bootstrap-vue example
- Click on "Open in a new Window" Icon
on top right
- Open Dev tools, click on AXE tab and Analyze
- Look for
ARIA attribute element ID does not exist on the page: aria-describedby="__BVID__20__caption_"
accessibility error
Expected behavior
Do not generate aria-describedby
attribute if a caption with corresponding id is not present
Versions
Libraries:
- BootstrapVue: 2.21.1
- Bootstrap: 4.5.3
- Vue: 2.6.11
Environment:
- Browser: Chrome, FF