Login

<a href="#"
class="accModal"
data-src="path/file.html#modalIdContent"
data-role="ContentRole"
id="uniqueID"
> ... </a>

Or

<a href="#"
class="accModal"
data-internal="modalIdContent"
data-role="ContentRole"
id="uniqueID"
> ... </a>

• class="accModal" : The bootstrap class name that specifies an accessible modal.
• data-src : The resource path and pointer to the ID attribute of the modal container element. If set, data-internal should be blank or not included.
• data-internal : The ID attribute of the modal container element within the same document.
  Syntax of modals within the same document:
  <div class="hidden">
<div id="modalIdContent">
...
</div>
...
</div>
  If data-internal is set, data-src should be blank or not included.
• data-role : The role name that is conveyed to screen reader users as beginning and ending boundary text for the new content. "Modal" is set by default if no value is specified.
• id : The unique ID of the element. This value is also registered as the ID of the modal AccDC Object, making it possible to invoke the object programmatically.
  $A.reg.uniqueID.open();
// All other AccDC API properties and methods are similarly available.
• data-first="true" : Within the modal content, this specifies the first active element within the modal. When pressing Tab to navigate past the last active element in the modal, focus will automatically be moved to the first active element.
• data-last="true" : Within the modal content, this specifies the last active element within the modal. When pressing Shift+Tab to navigate past the first active element in the modal, focus will automatically be moved to the last active element.