vue-select icon indicating copy to clipboard operation
vue-select copied to clipboard

Published 20 hours ago • verified publisher icon sagalbot

Fix(1030): adds a customizable property for aria-label

Open ma31cm opened this issue 1 year ago • 5 comments

The aria-label for the search input is currently hard-coded to "Search for option". This causes problems for screen reader users and fails WCAG 2.1 criteria 2.5.3 and 3.3.1.

This PR adds a new property 'ariaLabel' that can be used to change the value of aria-label for the search input. This fixes (or at least partially fixes) the following issues:

  • #1030
  • #1331
  • #1420

ma31cm avatar Apr 03 '23 12:04 ma31cm

Would love to see this implemented! Running into a related issue trying to get a site that uses vue-select with ADA compliance.

merziy avatar Jun 09 '23 17:06 merziy

@ma31cm @merziy Hello, if you are using Vue 3, welcome to submit a pull request to the following forked repository.

https://github.com/howard-tzw/vue3-select

I have available time to maintain this project, but it may be limited to the Vue 3 version.

howard-tzw avatar Jun 12 '23 13:06 howard-tzw

@howard-tzw Thank you. @ma31cm Is this something you have time to do?

merziy avatar Jun 12 '23 20:06 merziy

@merziy You can now use the property of this PR in [email protected], thanks to @ma31cm

howard-tzw avatar Jun 21 '23 02:06 howard-tzw

@howard-tzw Sorry for the slow reply - somehow your comment completely passed me by! But thank you, that's great 😊

ma31cm avatar Aug 10 '23 08:08 ma31cm