Accessiblity

Prefix Visibility

Unlike specific Asset Items, prefixes are not hidden in the Default Item to accommodate potentially important information. To hide prefixes from assistive technologies, aria-hidden="true" should be added directly to slotted prefix elements.

<cosmos-default-item headline="Headline" image="path/to/image.jpg">
  <!-- Ensures prefix is invisible to screen readers -->
  <cosmos-flag aria-hidden="true" slot="meta-text-primary-prefix" code="AT"></cosmos-flag>
</cosmos-default-item>