A banner control displays important information by fixing it to a specific area of the viewport.

Accessible Banner

For testing purposes, mouse out of the banner to close it, or Tab to and activate the hidden Close link.

Bootstrap Syntax

<div class="accBanner" data-src="path/file.html#containerId" data-role="ContentPanelRoleName" id="uniqueID" ></div>

class="accBanner" : The bootstrap class name that specifies an accessible banner.
data-src : The resource path and pointer to the ID attribute of the banner container element.
data-role : The role name that is conveyed to screen reader users as beginning and ending boundary text for the new content. "Banner" 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 banner AccDC Object, making it possible to invoke the object programmatically.
$A.reg.uniqueID.open(); // All other AccDC API properties and methods are similarly available.