<div role="tablist">

<a href="#"
role="tab"
class="accTab"
data-src="path/file.html#tab1contentID"
data-role="ContentPanelRoleName"
data-defaultopen="true"
data-insert="insertionPointElementID"
data-group="sharedGroupName"
data-headinglvl="#"
id="uniqueID"
> Tab1 Name </a>

<a href="#"
role="tab"
class="accTab"
data-src="path/file.html#tab2contentID"
data-role="ContentPanelRoleName"
data-insert="insertionPointElementID"
data-group="sharedGroupName"
data-headinglvl="#"
id="uniqueID"
> Tab2 Name </a>

</div>

Or

<div role="tablist">

<a href="#"
role="tab"
class="accTab"
data-internal="tab1contentID"
data-role="ContentPanelRoleName"
data-defaultopen="true"
data-insert="insertionPointElementID"
data-group="sharedGroupName"
data-headinglvl="#"
id="uniqueID"
> Tab1 Name </a>

<a href="#"
role="tab"
class="accTab"
data-internal="tab2contentID"
data-role="ContentPanelRoleName"
data-insert="insertionPointElementID"
data-group="sharedGroupName"
data-headinglvl="#"
id="uniqueID"
> Tab2 Name </a>

</div>

• role="tablist" : The ARIA role that specifies a group of tab controls. This must only be included within the element that contains all individual tabs.
• role="tab" : The ARIA role that specifies an individual tab control. To ensure accessibility, this element must not contain any other active elements.
• class="accTab" : The bootstrap class name that specifies an accessible tab.
• data-src : The resource path and pointer to the ID attribute of the tab content container element. If set, data-internal should be blank or not included.
• data-internal : The ID attribute of the tab panel container element within the same document.
  Syntax of tab panels within the same document:
  <div class="hidden">

<div id="tab1contentID">
...
</div>

<div id="tab2contentID">
...
</div>

...

</div>
  If data-internal is set, data-src should be blank or not included.
• data-defaultopen="true" : Specifies that the referenced tab will open automatically. Only one tab per group should include this attribute.
• data-role : The role name that is conveyed to screen reader users as beginning and ending boundary text for the tab panel content. "Tab" is set by default if no value is specified.
• data-insert : The ID attribute of the container element where tab panel content will be inserted.
• data-group : The shared group name for all related tabs. This is used to differentiate separate tab groups within the same document.
• data-headinglvl : The heading level of the tab panel section for screen reader users. This should reflect proper nesting. If the tab panel content is inserted within an H1, data-headinglvl should be set to '2', and so on. If no value is specified, and if no override is set within accdc_bootstrap.js via ariaLevel:#, '3' will be set by default.
• id : The unique ID of the element. This value is also registered as the ID of the individual tab AccDC Object, making it possible to invoke the object programmatically.
  $A.reg.uniqueID.open();
// All other AccDC API properties and methods are similarly available.