uPortal
uPortal copied to clipboard
Portlets without chrome don't have the appropriate feedback for users using screen readers
Describe the bug
When using NVDA with Chrome, when on a page that has a single no-chrome portlet (and possibly many no-chrome portlets), pressing tab after "Your feedback is important to us" puts the focus on following portlet's .up-portlet-wrapper
but nothing is announced via NVDA unless the user presses the down arrow (several) times to have the content announced to them.
Since nothing is announced and the focus is on .up-portlet-wrapper
, the user may try pressing enter to get some kind of response. Since the previous link they tabbed from is the "Your feedback is important to us", then the user will be navigated away to the feedback portlet
I noticed that if I commented out the following code, things behave as expected, but portlet reordering would break.
https://github.com/Jasig/uPortal/blob/master/uPortal-webapp/src/main/webapp/media/skins/common/javascript/uportal/up-layout-preferences.js#L632-L705
It seems like it's an issue when we're dealing with no-chrome portlets, but I'm not sure exactly where the problem lies.
To Reproduce Steps to reproduce the behavior:
- Spin up a vanilla instance of uPortal from uPortal-start
- Start NVDA
- Log in as an admin
-
Tab
all the way to the "Your feedback is important to us" link - Press
tab
. The focus is now on the.up-portlet-wrapper
section of the admin. dashboard but nothing is announced - a) If the
enter
key is pressed, you will be navigated to the feedback portlet b) If thedown
arrow key is pressed, the screen reader will read the elements with successive presses of thedown
arrow key
Expected behavior
- When the keyboard/visual focus shifts to the portlet, it should be recognized and announced by assistive technologies.
- Pressing the
enter
key while the focus is on.up-portlet-wrapper
should not navigate the user to the previous link they were on
Platform:
- uPortal Version: uPortal 5.8.1
- OS: Windows 10
- Browser: Chrome