Skip to content

b-form-datepicker calendar button does not meet WCAG #7217

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
jhaagen opened this issue Aug 7, 2024 · 0 comments
Open

b-form-datepicker calendar button does not meet WCAG #7217

jhaagen opened this issue Aug 7, 2024 · 0 comments

Comments

@jhaagen
Copy link

jhaagen commented Aug 7, 2024

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

  1. View page with <b-form-datepicker> element in Chrome
  2. Run Lighthouse against that page
  3. View accessibility results
  4. 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

Versions

Libraries:

  • BootstrapVue: 2.5.0
  • Bootstrap: 4.#.#
  • Vue: 2.#.#

Environment:

  • Device: Any
  • OS: Any
  • Browser: Chrome
  • Version: Any

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy