nordicmaterial
7/29/2015 - 1:42 PM

Accessible method to hide text for .img replacements

Method to hide text for .img replacements

kellum.css
content_copyfile_download
/* HIDE but remain accessible for screen readers */

.visuallyhidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
} 

/* DRUPAL 7: add class="element-invisible" */
/* DRUPAL 8: add class="visually-hidden" */