Skip to content
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

Accessibility issue: PhoneNumberInput and DatePicker doesn't support autocomplete #1463

Open
matsaaj opened this issue Jan 21, 2025 · 1 comment
Labels
accessibility enhancement New feature or request

Comments

@matsaaj
Copy link
Contributor

matsaaj commented Jan 21, 2025

Is the feature you're requesting related to a challenge you're experiencing?

PhoneNumberInput should have support for autocomplete="tel". DatePicker should have support for autocomplete="bday".
According to WCAG 1.3.5 inputs should always use the autocomplete attribute if there is an attribute that matches the purpose of the input.

How can we solve it?

PhoneNumberInput
Either:

  • Add new optional prop autocomplete where <PhoneNumberInput autocomplete="tel"> results in the countryCode-input having autocomplete="tel-country-code" and the nationalNumber-input having autocomplete="tel-national"

or

  • Add autocomplete attributes by default and a new optional prop noAutocomplete to opt out

DatePicker

  • Add optional prop autocomplete that supports the attribute "bday"
@matsaaj matsaaj changed the title Accessibility issue: PhoneNumberInput doesn't support autocomplete Accessibility issue: PhoneNumberInput and DatePicker doesn't support autocomplete Jan 21, 2025
@alicemacl
Copy link
Contributor

Legger dette til i oppgraderingen internt hos kanaler

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants