Zum-Inhalt-springen-Link
Fügt einen versteckten Link hinzu, der per Tab erscheint und zum Hauptinhalt springt.
Code zum Kopieren
var target = document.querySelector('main, [role="main"], #content, article');
if (target) {
if (!target.id) { target.id = 'nv-main-content'; }
var link = document.createElement('a');
link.href = '#' + target.id;
link.textContent = 'Skip to content';
link.style.cssText = 'position:fixed;top:-100px;left:8px;z-index:99999;background:#006870;color:#fff;padding:8px 14px;border-radius:4px;text-decoration:none';
link.addEventListener('focus', function () { link.style.top = '8px'; });
link.addEventListener('blur', function () { link.style.top = '-100px'; });
document.body.insertBefore(link, document.body.firstChild);
}So verwendest du dieses Beispiel
- Kopiere den Code mit der Schaltfläche oben.
- Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
- Füge eine neue Regel hinzu, die zu dieser Seite passt.
- Füge den Code in das JavaScript-Panel der Regel ein und speichere — er läuft bei jedem Seitenbesuch.
Bewerte dieses Beispiel
Noch keine Bewertungen — sei der Erste.