There is no accessible name for the dropdown header. #2121
Description
Welcome to the Selectize bug tracker. Thank you for taking the time to
make Selectize a better library!
Please keep in mind this repository has an important issue backlog and
that maintainers have limited time to fix issues, triage, and understand
them.
If you've never done so, please read the
guide to reporting issues
in the Wiki to help us better understand your issue.
Place an x in the checklist steps ([ ] becomes [x]) to demonstrate
you have done/verified all the steps you needed to do.
Thank you for reading this! You can now erase everything up to the
following dashes, and then complete what's after.
ISSUES THAT EITHER:
- IGNORE THE ISSUE GUIDELINES
- ERASE THE FOLLOWING TEMPLATE
- DON'T FOLLOW THE PROPER NUMBERED FORMAT FOR STEPS TO REPRODUCE
COULD BE CLOSED.
I did:
- Search for if my issue has already been submitted
- Make sure I'm reporting something precise that needs to be fixed
- Give my issue a descriptive and concise title
- Create a minimal working example on JsFiddle or Codepen
(or gave a link to a demo on the Selectize docs) - Indicate precise steps to reproduce in numbers and the result,
like below
[replace me with a short description of issue]
Steps to reproduce:
- Launch URL: Dropdown header | Selectize on Chrome browser.
- Home page appears.
- Navigate to selectize plugin demos on left and expand
- Navigate to dropdown header and press enter
- Turn on accessibility insights for web and verify the issue
Expected result:
There should be an accessible name for the dropdown header.
Ex: Screen reader should announce as "dropdown header combo box expanded".
Actual result:
There is no accessible name for the dropdown header element.
Observation:
Screen reader announces as edit blank
[you can add explanations here of the context/what you were trying to
do, and if you have findings about what the cause might be]