Zum Hauptinhalt springen

Inhalte ausnehmen

Was nie übersetzt wird​

Auch im Inhaltsbereich lässt das Plugin diese Bereiche von sich aus im Original:

BereichWoran 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 Texthidden, display: none, visibility: hidden, aria-hidden="true", inert und Text nur für Screenreader (zum Beispiel sr-only, visually-hidden)
Andere SprachenElemente mit einem nicht deutschen lang-Attribut, zum Beispiel lang="en"
Bearbeitbare Bereichecontenteditable
Daten, Zeiten, ZahlenText 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“
BildnachweiseTexte 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>
MarkierungHinweis
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.