Support Article
PRPC716[UI]Cannot switch tabs in TabGroup layout with Keyboard
SA-2470
Summary
We have a problem with the Tab Group. Previously in Pega 6.3 the user could navigate between tabs using Tab on the keyboard.
After we migrated to Pega 7.1.6 this seems to no longer be possible. Looking at the html-code in the browser the problem seems to be the use of tabindex="-1",
which means that the tab is not included in the tab order.
Is there any way to come around this behavior so the user can move through the Tab Group using the tab key again?
We migrated from 6.3 to 7.1.6.
I have attached a file containing the HTML. It shows the difference between 6.3 and 7.1.6.
The tabindex="-1" will make it impossible to tab with the keyboard.
Tabbing with the keyboard is a standard behavior which unfortunately does not work any longer.
I was hoping there would be some property in 7.1.6 where I could configure the tabbing to work as expected.
Resolution
The explanation for this behaviour is as follows:
The keyboard navigation have changed since vPRPC7.1. In this product release, the UI have been updated to support W3C WAI-ARIA. The tab key is no longer used to navigate between the tabs in a tab group. To focus on the next/previous tab, the keyboard's Left/Right arrow keys are being used instead as per WAI-ARIA 1.0 Authoring Practices.
Published January 31, 2016 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.