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

[Bug][DateInput]: Ошибки связанные с id #7839

Open
Kritolan opened this issue Oct 25, 2024 · 3 comments
Open

[Bug][DateInput]: Ошибки связанные с id #7839

Kritolan opened this issue Oct 25, 2024 · 3 comments
Labels
a11y Доступность (цифровая) cmp:date-input type:bug
Milestone

Comments

@Kritolan
Copy link

Kritolan commented Oct 25, 2024

Описание

Если открыть приложение с этим компонентом, то DevTools выдаст ошибку связанную с невозможностью соотнести label и input

The label's for attribute doesn't match any element id. This might prevent the browser from correctly autofilling the form and accessibility tools from working correctly.
To fix this issue, make sure the label's for attribute references the correct id of a form field.

А при открытии календаря выдаст еще и 4 предупреждения, что используемые селекты в шапке не имеют id

A form field element has neither an id nor a name attribute. This might prevent the browser from correctly autofilling the form.
To fix this issue, add a unique id or name attribute to a form field. This is not strictly needed, but still recommended even if you have an autocomplete attribute on the same element.

Это вроде как не влияет на основные сценарии, но возможно повлияет на доступность, да и в целом выглядит не очень.

Версия

6.7

В каких браузерах воспроизводится проблема?

No response

Шаги воспроизведения

No response

Ожидаемое поведение

No response

Скриншоты

No response

Пример с воспроизведением

https://x23fwp.csb.app

@andrey-medvedev-vk
Copy link
Contributor

Действительно, это может быть проблемой!
Спасибо за пример, попробуем разобраться.

@andrey-medvedev-vk andrey-medvedev-vk added the a11y Доступность (цифровая) label Oct 29, 2024
@EldarMuhamethanov
Copy link
Contributor

@Kritolan зашел по ссылке с примером, в консоли не падают ошибки. Можешь перепроверить

@andrey-medvedev-vk
Copy link
Contributor

У нас в DateInput в целом пробемы с передачей id, оно падает на FormField, а не на интерактивный элемент. А из интерактинвых у нас там один скрытый инпут и InputLike для маски.
Так что даже если ошибок в консоли не видно, то доступность тут явно хромает..

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y Доступность (цифровая) cmp:date-input type:bug
Projects
Status: 🔜 To do
Development

No branches or pull requests

4 participants