Screen Reader Announcer

announcer.js

/**
 * Inserts hidden announcement into page for screen readers
 * Expects 'cc-visuallyhidden' class to hide element from visual users
 **/
var screenReaderAnnounce = function(message) {
  // remove existing announcer
  var existingAnnouncer = $window.document.getElementById('cc-sr-announcer');
  if (document.contains(existingAnnouncer)) {
    existingAnnouncer.parentNode.removeChild(existingAnnouncer);
  }

  // add new announcer
  var announcer = $window.document.createElement('div');
  var announcerAlert = $window.document.createElement('p');
  var announcerHeader = $window.document.createElement('h1');
  announcer.setAttribute('id', 'cc-sr-announcer');
  announcer.setAttribute('class', 'cc-visuallyhidden');
  announcerHeader.innerHTML = 'Last Page Update';
  announcerAlert.setAttribute('role', 'alert');
  announcerAlert.innerHTML = message;
  announcer.appendChild(announcerHeader);
  announcer.appendChild(announcerAlert);
  $window.document.body.appendChild(announcer);
}