dabeng / OrgChart

It's a simple and direct organization chart plugin. Anytime you want a tree-like chart, you can turn to OrgChart.
MIT License
2.86k stars 770 forks source link

Wrap Edges in button tags (Accessibility) #751

Open BenAndrews90 opened 2 months ago

BenAndrews90 commented 2 months ago

I have been following https://dabeng.github.io/OrgChart/custom-template.html which allows me to customise the template of the node. I have found that I am unable to customise the "edges" (Top, Right, Bottom, Left) which show/hide parents, siblings and children nodes. I would like to create a <button> which wraps around the the HTML of these "edges" as they output HTML of <i> tags, for accessibility purposes so keyboard users can focus onto the "edges/buttons" to show/hide parents, siblings and children nodes.

Is there anything I can do other than downloading the RAW JS file and customising the parts in the file that say to create an <i> tag?