Web Collapse JS: data-toggle on a link does not prevent navigation to the link

[literat]

Clicking on the toggle on the link starts navigation to # (see demo):

<a href="#" role="button" data-toggle="collapse" data-target="CollapseExampleIV" class="Button Button-tertiary Button-medium"> Tertiary Collapse trigger
</a>

[adamkudrna]

I'm rather seeing a problem in <a href="#" role="button"> itself. <a> is an anchor, designed for links. role overrides its default role link to button which indicates a <button> should be used instead of <a>. Since we allow buttons to visually appear as links, I think we should rather educate users and advice against using wrong HTML. So, if the code above is in our docs, I think we should remove it. To be completely sure, we can contact the product design systems before doing so.

cc @crishpeen