<p class="LexT__paragraph" dir="ltr"><span style="white-space: pre-wrap;">Our </span><b><b><strong class="LexT__textBold" style="white-space: pre-wrap;">web component widgets and landing pages</strong></b></b><span style="white-space: pre-wrap;"> have been redesigned to </span><b><b><strong class="LexT__textBold" style="white-space: pre-wrap;">further improve user-friendliness</strong></b></b><span style="white-space: pre-wrap;">.</span></p><p class="LexT__paragraph" dir="ltr"><span style="white-space: pre-wrap;">This includes optimised colour contrasts, improved support for screen readers and full keyboard accessibility.</span></p><p class="LexT__paragraph" dir="ltr"><span style="white-space: pre-wrap;">This means that ALL contacts benefit from an even more convenient application and</span><b><b><strong class="LexT__textBold" style="white-space: pre-wrap;"> no target group is left out</strong></b></b><span style="white-space: pre-wrap;">.</span></p>

Our web component widgets and landing pages have been redesigned to further improve user-friendliness . This includes optimised colour contrasts, improved support for screen readers and full keyboard accessibility. This means that ALL contacts benefit from an even more convenient application and no target group is left out .

Better accessibility for ALL your contacts

<script type="text/javascript">
  var _iub = _iub || [];
  _iub.csConfiguration = { "askConsentAtCookiePolicyUpdate": true, "countryDetection": true, "enableFadp": true, "floatingPreferencesButtonCaptionColor": "#102B21", "floatingPreferencesButtonColor": "#FFFFFF", "floatingPreferencesButtonDisplay": "bottom-right", "lang": "de", "perPurposeConsent": true, "promptToAcceptOnBlockedElements": true, "siteId": 3286936, "storage": { "useSiteId": true }, "cookiePolicyId": 85036809, "banner": { "acceptButtonColor": "#33C4BD", "acceptButtonDisplay": true, "backgroundColor": "#FFFFFF", "backgroundOverlay": true, "closeButtonDisplay": false, "customizeButtonCaptionColor": "#2D2D2D", "customizeButtonColor": "#D5D5D5", "customizeButtonDisplay": true, "explicitWithdrawal": true, "listPurposes": true, "linksColor": "#33C4BD", "position": "float-top-center", "rejectButtonColor": "#33C4BD", "rejectButtonDisplay": true, "textColor": "#333333" } };
</script>
<script type="text/javascript" src="https://cs.iubenda.com/autoblocking/3286936.js"></script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>


<script>
  /* ======================================================================
  Print functionality  
  ----------------------------------------------------------------------
  Just place a link anywhere in an article like that: <a href="#print">🖨️ Drucken</a>
  ====================================================================== */

  // Funktion, um allen passenden Links den Event Listener hinzuzufügen
  function attachPrintListeners() {
    document.querySelectorAll('a[href="#print"]').forEach(function (link) {
      if (!link.dataset.printBound) {
        link.addEventListener("click", function (e) {
          e.preventDefault();

          const baseUrl = window.location.origin + window.location.pathname;
          const queryParams = "?nonav=1&embed=1";
          const hash = "#print";

          const printUrl = baseUrl + queryParams + hash;
          window.open(printUrl);
        });

        // Markiere den Link als verarbeitet
        link.dataset.printBound = "true";
      }
    });
  }

  // Direkt nach DOM load aufrufen
  document.addEventListener("DOMContentLoaded", attachPrintListeners);

  // Hook in pushState / replaceState
  const originalPushState = history.pushState;
  const originalReplaceState = history.replaceState;

  history.pushState = function () {
    originalPushState.apply(this, arguments);
    setTimeout(attachPrintListeners, 0);
  };

  history.replaceState = function () {
    originalReplaceState.apply(this, arguments);
    setTimeout(attachPrintListeners, 0);
  };

  // Auch bei Vor-/Zurück-Buttons
  window.addEventListener("popstate", function () {
    setTimeout(attachPrintListeners, 0);
  });

  // Ruft automatisch den Druck-Dialog auf, wenn die URL den Hash #print hat.
  window.addEventListener("load", function () {
    if (window.location.hash === "#print") {
      window.print();

      // Optional: Schließe das Tab automatisch nach dem Drucken
      window.onafterprint = function () {
        window.close();
      };
    }
  });

  /* ======================================================================
  Global App‑Deeplink‑Router
  ----------------------------------------------------------------------
  Autoren verlinken so:
  href="/app-deeplink/<pfad?query#hash>"

  Das Skript …
  1) ersetzt diese Platzhalter‑Links global durch
      /<lang>/article/app-deeplink?nonav=1#to=<URL‑encoded‑pfad>
  → öffnet sie im **neuen Tab**.
  2) läuft im Deeplink‑Artikel selbst, dekodiert #to=…, ersetzt
  #app-deeplink‑Platzhalter → App öffnet **im selben Tab**.
  3) funktioniert in jeder Sprachversion (beliebiges Prefix),
  History‑ und Mutation‑safe (SPA‑Support).
  ====================================================================== */
  (function () {
    /* ---------------- Sprache dynamisch aus erstem Pfadsegment --------- */
    const LANG = (location.pathname.match(/^\/(\w{2})\//) || [, "de"])[1];
    const HELP_ARTICLE_BASE = `/${LANG}/article/app-deeplink?nonav=1`;

    /* ---------------- Konstanten --------------------------------------- */
    const PLACEHOLDER_PREFIX = "app-deeplink"; // Autoren‑Prefix
    const HASH_PARAM_PREFIX = "#to=";                  // Übergabe im Deeplink‑Artikel
    const LINK_HASH_TOKEN = "#app-deeplink";         // Platzhalter in App‑URLs

    /* ---------- 1) Platzhalter‑Links → Deeplink‑Artikel ---------------- */
    function convertAppLinks(root = document) {
      root.querySelectorAll("a[href]").forEach(a => {
        if (a.dataset.dlDone) return;

        const href = a.getAttribute("href") || "";
        const match = href.match(new RegExp(`^/?${PLACEHOLDER_PREFIX}(/.*)?`, 'i'));
        if (!match) return;

        const encodedPath = encodeURIComponent(match[1] || "/");
        a.href = `${HELP_ARTICLE_BASE}${HASH_PARAM_PREFIX}${encodedPath}`;
        a.target = "_blank";                     // Deeplink‑Artikel -> neuer Tab
        a.dataset.dlDone = "true";
      });
    }

    /* ---------- 2) Deeplink‑Artikel selbst patchen --------------------- */
    function patchDeeplinkArticle() {
      if (!location.pathname.includes("/article/app-deeplink")) return;

      const hashData = location.hash.startsWith(HASH_PARAM_PREFIX)
        ? location.hash.slice(HASH_PARAM_PREFIX.length)
        : null;
      if (!hashData) return;

      const decoded = decodeURIComponent(hashData);
      const path = decoded.startsWith("/") ? decoded : "/" + decoded;

      document.querySelectorAll(`a[href*="${LINK_HASH_TOKEN}"]`).forEach(a => {
        if (a.dataset.dlPatched) return;

        const base = a.href.split(LINK_HASH_TOKEN)[0].replace(/\/$/, "");
        a.href = base + path;              // finaler Deeplink, gleicher Tab
        a.removeAttribute("target");
        a.dataset.dlPatched = "true";
      });
    }

    /* ---------- 3) Initialisierung & SPA‑Support ----------------------- */
    function init(ctx) {
      convertAppLinks(ctx);
      patchDeeplinkArticle();
    }

    document.addEventListener("DOMContentLoaded", () => init(document));

    /* MutationObserver: dynamischer Content */
    new MutationObserver(muts => {
      muts.forEach(m => m.addedNodes.forEach(n =>
        n.nodeType === 1 && init(n)
      ));
    }).observe(document.documentElement, { childList: true, subtree: true });

    /* History‑API‑Hooks für SPAs */
    ["pushState", "replaceState"].forEach(fn => {
      const orig = history[fn];
      history[fn] = function () {
        const res = orig.apply(this, arguments);
        init(document);
        return res;
      };
    });
    window.addEventListener("popstate", () => init(document));
  })();
</script>

Was this article helpful?

You recently requested to reset your password for your account. Use the button below to reset it. This password reset is only valid for the next 24 hours.

If you’re having trouble with the button above, copy and paste the URL below into your web browser.