search

LouisMazel / vue-phone-number-input

A phone number input made with Vue JS (format & valid phone number)
https://louismazel.github.io/vue-phone-number-input
MIT License
607 stars 153 forks source link

(BUG) accessibility issue, add a for on the <label> in countrySelector #195

Open dalSara opened 2 years ago

dalSara commented 2 years ago

Describe the bug

without the "for" attribute on the label, accessible technology can not make the connection between the label and the dropdown.

Steps to reproduce

Try to use the VuePhoneNumberInput with a screen reader or use one of the test tools like wave

Expected behavior

If the label has a for attribute matching the inputs id, screen readers will read the value of the label