Inhalte ausnehmen
Was nie übersetzt wird
Auch im Inhaltsbereich lässt das Plugin diese Bereiche von sich aus im Original:
| Bereich | Woran das Plugin ihn erkennt |
|---|---|
| Navigation und Menüs | <nav>, <menu>, die Rollen navigation, menu, menubar, toolbar und tablist (Beschriftungen von Reitern), typische Klassen und IDs (siehe unten) |
| Kopf- und Fußbereich, Seitenleisten | <footer>, <aside>, die Rollen banner, contentinfo und complementary, der Kopfbereich der Website (<header> außerhalb von <main> und <article>, wenn er eine Navigation oder keine Überschrift enthält) |
| Brotkrumen, Sprunglinks, Seitenzahlen, Cookie-Hinweise, Suche, Teilen-Leisten, Druck-Links, Karussell-Steuerung | <search>, die Rolle search und typische Klassen und IDs (siehe unten) |
| Kontaktdaten | <address>, strukturierte Daten nach schema.org (Person, PostalAddress, ContactPoint), Klassen und IDs wie kontakt, contact, vcard, ansprechpartner |
| Formulare und Bedienelemente | <form>, <button>, <label>, <input>, <select>, <textarea> und ähnliche, außerdem kurze Links, die als Button dienen (href="#", javascript: oder role="button", höchstens drei Wörter) |
| Tabellen | <table> mit dem gesamten Inhalt |
| Code | <code>, <pre>, <kbd>, <samp>, <math> |
| Medien und eingebettete Inhalte | <svg>, <canvas>, <iframe>, <object>, <embed>, <video>, <audio>, <map>, auch Alternativtexte von Bildern |
| Dialoge und Tooltips | <dialog>, die Rollen dialog, alertdialog und tooltip |
| Unsichtbarer Text | hidden, display: none, visibility: hidden, aria-hidden="true", inert und Text nur für Screenreader (zum Beispiel sr-only, visually-hidden) |
| Andere Sprachen | Elemente mit einem nicht deutschen lang-Attribut, zum Beispiel lang="en" |
| Bearbeitbare Bereiche | contenteditable |
| Daten, Zeiten, Zahlen | Text nur aus Datum, Uhrzeit, Wochentag, Zahlen oder Zeichen, zum Beispiel „Montag, 12. März 2026, 10 Uhr“, „Stand: 12.03.2026“ oder „Tel.: 01234 567-0“ |
| Bildnachweise | Texte bis 80 Zeichen, die mit „Copyright“, „Foto:“, „Bild:“, „Quelle:“, „Grafik:“, „Abbildung:“ oder „Illustration:“ beginnen oder ein „©“ enthalten |
Unsichtbar heißt: im Moment nicht zu sehen. Aufgeklappte Akkordeons, Reiter oder „Mehr anzeigen“ übersetzt das Plugin, sobald sie sichtbar werden.
Typische Klassen und IDs, die das Plugin als Seitenrahmen erkennt
Das Plugin prüft die Wörter in class und id eines Elements. Es zählen nur ganze Wörter, getrennt durch Bindestrich,
Unterstrich oder Leerzeichen: main-nav und kontakt_box passen, navigator nicht. Groß- und Kleinschreibung spielt
keine Rolle.
- Navigation:
nav,navbar,navigation,subnav,sidenav,menu,menue,submenu,toolbar - Brotkrumen:
breadcrumb,breadcrumbs,brotkrume,brotkrumen,brotkrumennavigation,brotkrumenpfad - Sprunglinks:
skip,skiplink,skiplinks,skipnav,skipto,jumplink,jump-link,sprunglink,sprunglinks,sprungmarke,sprungmarken,sprungnavigation - Cookie-Hinweise:
cookie,cookies,cookiebanner,cookiebar,cookienotice,cookieconsent,cookiehinweis,cookielayer,consent,consentbanner,consentmanager,gdpr,dsgvo - Suche:
search,searchbox,searchform,searchbar,searchfield,searchinput,suche,suchbox,suchfeld,suchformular,suchleiste - Teilen:
share,sharebar,sharebuttons,sharelinks,sharetools,sharing,shariff,social,socialmedia - Seitenzahlen:
pagination,pager,paging - Nur für Screenreader:
sr-only,visually-hidden,visuallyhidden,screen-reader,screenreader,screen-reader-text,element-invisible - Druck:
print-only,printpreview,printbutton,printlink,printversion,printicon - Karussells: Steuerung und kopierte Folien von slick, Swiper, Owl Carousel, Splide, Glide und Bootstrap-Karussells
- Kontakt:
kontakt,contact,vcard,h-card,ansprechpartner,ansprechpartnerin,ansprechpartnerinnen,ansprechperson,ansprechpersonen
Ein Element, das die Hauptüberschrift (h1) oder den größten Teil des Seitentexts enthält, lässt das Plugin nie wegen
seiner Klasse oder ID aus. IDs aus mehr als drei Wortteilen (wie kontakt-zur-auslaenderbehoerde-wie-kann-ich) gelten
als Sprungziele von Überschriften und werden nicht geprüft.
Bereiche selbst ausnehmen
Was zusätzlich im Original bleiben soll, bekommt eine dieser Markierungen. Sie gilt für das Element und alles darin.
<div class="ls-skip">Dieser Bereich bleibt im Original.</div>
<p translate="no">Dieser Absatz auch.</p>
| Markierung | Hinweis |
|---|---|
class="ls-skip" | Wirkt nur auf dieses Plugin. |
translate="no" | Standard-Attribut von HTML, gilt auch für die Übersetzungsfunktionen der Browser. |
class="notranslate" | Übliche Klasse für Übersetzungsdienste wie Google Translate. |
class="ptp-translate-skip", class="ptp-simplify-skip", class="no-plugin-translation" | Klassen der früheren Plugins, sie wirken weiter. |
Die Automatik übersteuern: translate="yes"
Hält das Plugin echten Inhalt wegen einer Klasse oder ID für Seitenrahmen, etwa einen Abschnitt class="kontakt-info"
mit Fließtext, setzen Sie translate="yes":
<section class="kontakt-info" translate="yes">
<h2>So erreichen Sie uns</h2>
<p>Am besten vereinbaren Sie vorher einen Termin …</p>
</section>
Das hebt nur die Erkennung über Klassen, IDs und strukturierte Kontaktdaten (schema.org) auf. <nav>, Tabellen,
Formulare und die übrigen Elemente aus der Tabelle bleiben im Original. Das Attribut gilt nur für das Element, an dem es
steht. Tragen Elemente darin ebenfalls solche Klassen, setzen Sie es dort auch.
Per Konfiguration
Ohne Zugriff auf die Vorlagen nehmen Sie Bereiche über das Skript-Tag aus (alle Details):
<script src="https://leichtesprache.participaite.de/plugin/leichte-sprache.js" data-site="IHRE-KENNUNG"
data-skip=".newsletter-anmeldung, #veranstaltungskalender"
data-skip-text="p|Hinweis der Redaktion; div|Anzeige"
data-skip-urls="/formulare/, /buergerkonto/"
defer></script>
data-skip nimmt Bereiche per CSS-Selektor aus, data-skip-text Textblöcke mit einem bestimmten Anfang und
data-skip-urls ganze Seiten, etwa Seiten mit persönlichen Daten. Dort meldet
der Button „Diese Seite gibt es nicht in Leichter Sprache.“ Wer mit eingeschalteter Leichter Sprache dorthin kommt, sieht
das Original, auf der nächsten Seite ist Leichte Sprache wieder an.
Auf Seiten, die Menschen in Leichte Sprache übersetzt haben, lassen Sie das Skript am besten weg. Sonst nehmen Sie sie
mit data-skip-urls aus und ändern die Meldung, etwa
data-label-unavailable="Diese Seite ist schon in Leichter Sprache.". Sie gilt dann für alle ausgenommenen Adressen.