Add alternative text to pseudo elements

pseudo-alt-text.css

/**
 * Adding alternative text for screen readers to pseudo elements.
 * 
 * https://developer.mozilla.org/en-US/docs/Web/CSS/content#adding_an_image_with_alternative_text
 **/

.location {
  &::before {
    /* fallback content */
    content: url(images/backgrounds/location.svg) ' - Alt text is not supported';

    /* content with alternative text */
    content: url(images/backgrounds/location.svg) / ' Blue outlined location pin icon';
  }
}