3646436 - Lineage Chart Talent Cards Have Nested Interactive Elements

When inspecting talent cards within the Lineage Chart tab, some interactive elements are nested and assigned role="button". Examples are as follows:

a#34_talentCardButton.hoc-lineagechart-talentCardButton

div#34_.hoc-lineagechart-node.hoc-node.has-photo.selectedNode:

Image/data in this KBA is from SAP internal systems, sample data, or demo systems. Any resemblance to real data is purely coincidental.

SAP SuccessFactors Succession Planning

1. Log into SuccessFactors
2. In the module picker, select Succession
3. Select the Lineage Chart tab
4. Open Web Developer Tools in your browser and inspect some elements on the talent cards which have role="button"

This design is intentional and considered expected behavior.

The lineage chart is intentionally designed with nested interactive elements. Each talent card is assigned role="button" for expanding/collapsing child cards, if any. Each talent card icon is also assigned role="button" for opening its dialog. 

lineage chart, nested controls, accessibility, screen reader, low vision, WCAG, interactive elements, role="button", succession management, talent card icon, success factors, a11y, node, photo selected , KBA , LOD-SF-SCM-ACC , SuccessFactors Succession Management Accessibility , LOD-SF-SCM-ORG , Succession Org Chart , Problem

SAP SuccessFactors Succession & Development all versions