dabeng/OrgChart

Wrap Edges in button tags (Accessibility)

BenAndrews90 opened this issue · 0 comments

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?