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

Header: Dropdown panel says it's expanded when it's not #5532

Open
kangabell opened this issue Jan 28, 2025 · 0 comments
Open

Header: Dropdown panel says it's expanded when it's not #5532

kangabell opened this issue Jan 28, 2025 · 0 comments
Labels
♿ a11y Accessibility

Comments

@kangabell
Copy link
Collaborator

If the dropdown to select an LLM endpoint is opened, then exited, when returning the screen reader sometimes says the menu is still expanded when it's not. It may not be clear to the user that the control needs to be activated first in order to access the menu again.

WCAG Criteria

1.3.1 Info and Relationships - A

Testing Environment

http://159.89.83.1/c/new

Testing Method

Manual - VoiceOver, Firefox, MacOS / VoiceOver, Safari, MacOS

Screenshots

https://share.zight.com/v1uGmKKp

model is closed but aria-expanded says it's open model is open but aria-expanded says it's closed

Screen Recording

https://share.zight.com/v1uGmKKp
A screen reader (VoiceOver) says "expanded" when the element is closed.

Recommended Action

Make sure the aria-expanded attribute is always updated to "false" when the menu is exited and "true" when re-activated.

@danny-avila danny-avila added the ♿ a11y Accessibility label Jan 29, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
♿ a11y Accessibility
Projects
None yet
Development

No branches or pull requests

2 participants