Symptom
When navigating within the Talent Pools landing page with a screen reader, the focus shows the landing page container of the talent pool tiles. The same behavior is observed without a screen reader and only using the tab key:
Image/data in this KBA is from SAP internal systems, sample data, or demo systems. Any resemblance to real data is purely coincidental.
Environment
SAP SuccessFactors Succession Planning
Reproducing the Issue
- Log into SuccessFactors with or without a screen reader
- In the module picker, select Succession
- Select the Talent Pools tab
- Tab through the landing page and the container holding the talent pool tiles is selected
Cause
Defect with Firefox
Resolution
By system design, this scroll div does not have any events bound to it and does not have a tabindex. This configuration means this box/container should not be focused. A picture showing the configuration using Web Developer Tools is below:
However, Firefox considers this scroll div to be an interactive element which allows the container to be focused using the tab key. As a result, this is an issue with the Firefox browser and is not something engineering can fix.
Workaround
Use a different browser like Google Chrome which correctly considers this scroll div as a non-interactive element and cannot be focused.
Keywords
focus, non-interactive elements, tab key, Firefox, Chrome, succession management, accessibility, WCAG, success factors, a11y, box, container, highlighted, tabbing, tabbed, selected , KBA , LOD-SF-SCM-ACC , SuccessFactors Succession Management Accessibility , LOD-SF-SCM-TP , Talent Pools , Problem