Content
View differences
Updated by Behrokh Satarnejad 5 months ago
###
### Steps to reproduce
* Activate a screen reader (I used VoiceOver)
* Navigate to the global search via keyboard
* Try to enter something into the input
* Try to select anything other than the first entry via keyboard
Video context: The first time I got to the search, I tried to press "s" and nothing happend. Afterwards, I pressed tab and I am suddenly on the whole tab bar. The second time, I tried the arrow keys and nothing happend.
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/696035/content">
### What is the buggy behavior?
* First The focus jumps directly to the first entry, and I have no chance to enter my search term
* I cannot navigate to any other element in the list
Funny enough, this is read out by the scanner current behavior when no screen reader
is activated
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/696036/content">
### What is the expected behavior?
* When the input is focused, the focus should stay in the input
* tbd: It should be somehow read out that there is a list of options shown?
* The items should be navigatable via the arrow keys.
* A tab should get me to the next top bar item item (the modules button)
* For the focus on full id results, keep the behaviour as it is (pre-selects the first result when it's an exact match; hitting enter will take you to that result).
* ARIA: Announce that "Work package with exact ID found, press enter now will navigate to it."
* On focus and on typing, the focus will remain in the input (not the result). There is then an ARIA read-out about the # of items returned, without focusing on the first result. Users can then manually focus using arrow buttons and select the item they want.
###
###
### Environment information
**OpenProject version**
_16.2_
**Browser**
* [x] Chrome
* [ ] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)
**Operating System**
* [ ] Windows
* [x] Mac OS X
* [ ] Mobile iOS
* [ ] Mobile Android
* [ ] Linux (please specify distro)
* [ ] Chrome OS
* [ ] Other (please specify)
**Language**
_German_
###
* Activate a screen reader (I used VoiceOver)
* Navigate to the global search via keyboard
* Try to enter something into the input
* Try to select anything other than the first entry via keyboard
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/696035/content">
* First
* I cannot navigate to any other
Funny enough, this
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/696036/content">
*
* tbd: It should be somehow read out that there is a list of options shown?
*
* A tab should get me to the next top bar item
* For the focus on full id results, keep the behaviour as it is (pre-selects the first result when it's an exact match; hitting enter will take you to that result).
* ARIA: Announce that "Work package with exact ID found, press enter now will navigate to it."
* On focus and on typing, the focus will remain in the input (not the result). There is then an ARIA read-out about the # of items returned, without focusing on the first result. Users can then manually focus using arrow buttons and select the item they want.
###
**OpenProject version**
_16.2_
**Browser**
* [x] Chrome
* [ ] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)
**Operating System**
* [ ] Windows
* [x] Mac OS X
* [ ] Mobile iOS
* [ ] Mobile Android
* [ ] Linux (please specify distro)
* [ ] Chrome OS
* [ ] Other (please specify)
**Language**
_German_