Accessibility

For developers

Always use links

Platform badges should be rendered as <a> elements linking to the relevant platform page. The badge image is decorative — the link’s purpose is conveyed via aria-label.

<a
  href="https://apps.apple.com/app/your-app/id123456789"
  class="tng-platform-badge is-app-store"
  aria-label="Download on the App Store"
></a>

Scheme support

The badge automatically adapts to the current scheme context. When placed inside an is-contrast container, the light variant renders automatically — no extra classes needed.