Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

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

Was this useful?

0% found this useful

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us