[A11Y] Tab navigation problems
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 284
- Forks
- 91
- Avg merge
- 4d 3h
- Merged PRs (30d)
- 50
Description
Elements found:
This divider in the right sidebar traps tab navigation, not allowing users to exit:
The combine polls screen is fully out of the tab order and cannot be used with a keyboard:
These checkboxes cannot be selected with tab and enter, and you cannot use arrow keys to change options. It is possible to change them using a combination of these, but it isn't intuitive.
These checkboxes in settings cannot be changed with tab navigation
These checkboxes in the voting screen are also not accessible through tab navigation
⚠️ This issue respects the following points: ⚠️
- This is a bug, not a question or a configuration/webserver/proxy issue.
- This issue is not already reported on Github (I've searched it).
- I agree to follow Nextcloud's Code of Conduct.
What went wrong, what did you observe?
Some parts of the app have tab navigation "traps", and some elements are not in the tab order.
What did you expect, how polls should behave instead?
The app should be fully navigable with tab navigation.
What steps does it need to replay this bug?
- Navigating the app with a keyboard, with tab, arrow, enter, etc. keys
Affected polls version
main
Installation method
Installed/updated from the appstore (Apps section of your site)
Installation type
First time installation
Can you rule out that any extension you use is involved in the issue?
- I have checked all browser extension
Which browser did you use, when experiencing the bug?
- Firefox
- Chrome
- Chromium/Chromium based (i.e. Edge)
- Safari
- Other/Don't know
Other browser
No response
Add your browser log here
Additional client environment information
No response
NC version
Nextcloud 33 (Hub 26 Winter)
Other Nextcloud version
No response
PHP engine version
PHP 8.1
Other PHP version
No response
Database engine
MySQL
Database Engine version or other Database
No response
Which user-backends are you using?
- Default user-backend (database)
- LDAP/ Active Directory
- SSO - SAML
- Other/Don't know
Add your nextcloud server log here
Additional environment informations
No response
Configuration report
List of activated Apps
Nextcloud Signing status
Additional Information
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the keyboard navigation in Firefox on the right sidebar, combine polls screen, settings checkboxes, and voting screen. Check tab, Enter, and arrow-key behavior in each affected area, then verify that focus can enter and leave every control and that all listed checkboxes and screens are usable without a mouse.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100