Unsere WebComponent-Widgets und Landingpages wurden überarbeitet, um die Benutzerfreundlichkeit weiter zu verbessern. Dazu gehören optimierte Farbkontraste, eine verbesserte Unterstützung für Screenreader sowie die vollständige Bedienbarkeit rein über die Tastatur.So profitieren ALLE Kontakte von einer noch komfortableren Anwendung und keine Zielgruppe bleibt aussen vor. Sie nutzen noch die I-Frame-Widgets?

Unsere WebComponent-Widgets und Landingpages wurden überarbeitet, um die Benutzerfreundlichkeit weiter zu verbessern . Dazu gehören optimierte Farbkontraste , eine verbesserte Unterstützung für Screenreader sowie die vollständige Bedienbarkeit rein über die Tastatur. So profitieren ALLE Kontakte von einer noch komfortableren Anwendung und keine Zielgruppe bleibt aussen vor . Sie nutzen noch die I-Frame-Widgets?

Bessere Zugänglichkeit für ALLE Ihre Kontakte

<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>

War dieser Artikel hilfreich?

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.

Please check your email for instructions to reset your password.

Check your email

Enter your email address and we will send you instructions to reset your password.

Please enter a new password below.

Set your password

Leider nichts gefunden. Versuchen Sie einen ähnlichen oder einen allgemeineren Suchbegriff.

Sie stellen hier die Frage, wir liefern die Antwort