You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The calendar SVG in the <b-form-datepicker> is wrapped by a button element, this button element needs to have a ARIA attribute. This currently fails accessibility requirements from multiple sources (Lighthouse, SiteImprove, etc.)
Steps to reproduce the bug
View page with <b-form-datepicker> element in Chrome
Run Lighthouse against that page
View accessibility results
See the error Buttons do not have an accessible name
Expected behavior
The button needs to have an ARIA label attached to it instead of just the SVG inside of the button to be compliant
Describe the bug
The calendar SVG in the
<b-form-datepicker>
is wrapped by a button element, this button element needs to have a ARIA attribute. This currently fails accessibility requirements from multiple sources (Lighthouse, SiteImprove, etc.)Steps to reproduce the bug
<b-form-datepicker>
element in ChromeButtons do not have an accessible name
Expected behavior
The button needs to have an ARIA label attached to it instead of just the SVG inside of the button to be compliant
Versions
Libraries:
Environment:
Demo link
This is visible on the documentation page for this element on the Bootstrap Vue site: https://bootstrap-vue.org/docs/components/form-datepicker
Additional context
Add any other context about the bug here.
The text was updated successfully, but these errors were encountered: