-
Notifications
You must be signed in to change notification settings - Fork 1.1k
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
Fixing accessibility issue of dropdown #7175
Fixing accessibility issue of dropdown #7175
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎ 2 Skipped Deployments
|
Thanks a lot for your contribution! But, PR does not seem to be linked to any issues. Please manually link to an issue or mention it in the description using #<issue_id>. |
@ImmortalRabbit can you run |
Done! |
@ImmortalRabbit i just cc'ed you on another ticket. Its NDVA dropdown related. |
When I could expect to see the new version to be released? |
That is up to PrimeTek they control the releases. |
fix with focusOnItem function broke this https://primereact.org/dropdown/#filter keyboard control - Lost focus on search input |
Defect Fixes
Fixes: #6030
PR fixes accessibility issue of dropdown: Accessibility users were able to navigate through dropdown but screen reader won't read labels of dropdown options making component unusable.
It was happening because dropdown options were not focusable, and focused element were not actually attempting to focus on targeted element. So, by focusing them using manually upon triggering onFocus element function fixed the problem.
Additionally, introduced additional accessibility attributes that would improve explanation of dropdown options
aria-setsize
,aria-posinset
. Inspiration came from primeng/dropdown component.