<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Prozesse Archive - deinWP.de</title>
	<atom:link href="https://www.deinwp.de/themen/prozesse/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.deinwp.de/themen/prozesse/</link>
	<description>Mache WordPress zu deinWP</description>
	<lastBuildDate>Wed, 11 Feb 2026 01:57:15 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>
	<item>
		<title>Leitfaden für Website-Medien (Bilder, Videos, &#8230;)</title>
		<link>https://www.deinwp.de/leitfaden-website-medien/</link>
					<comments>https://www.deinwp.de/leitfaden-website-medien/#respond</comments>
		
		<dc:creator><![CDATA[reen]]></dc:creator>
		<pubDate>Wed, 17 Sep 2025 08:51:59 +0000</pubDate>
				<category><![CDATA[Prozesse]]></category>
		<guid isPermaLink="false">https://www.deinwp.de/?p=4005</guid>

					<description><![CDATA[<p>Nachdem wir die Regeln f&#xFC;r die Vergabe von Dateinamen ausf&#252;hrlich beschrieben haben, sollten wir euch auch spezielle Regeln f&#252;r Dateien benennen. Im konkreten Fall f&#252;r die Erstellung von Bildern. Fertigt Totale und Detailaufnahmen an, immer im Hoch- und Querformat und&#160;sendet eure Originale an euren Dienstleister. Gern k&#246;nnt ihr noch einen Leitgedanken f&#252;r eure Bilder formulieren, allerdings klingen diese h&#228;ufig abgedroschen und helfen bei der Erstellung selten praktisch weiter. Unsere Bilder kommunizieren Pr&#228;zision, Technologie und Wertigkeit. Jedes Foto soll sauber, klar ... </p>
<p class="read-more-container"><a title="Leitfaden für Website-Medien (Bilder, Videos, &#8230;)" class="read-more button" href="https://www.deinwp.de/leitfaden-website-medien/#more-4005" aria-label="Mehr Informationen über Leitfaden für Website-Medien (Bilder, Videos, &#8230;)">weiterlesen</a></p>
<p>Der Beitrag <a href="https://www.deinwp.de/leitfaden-website-medien/">Leitfaden für Website-Medien (Bilder, Videos, &#8230;)</a> erschien zuerst auf <a href="https://www.deinwp.de">deinWP.de</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="gb-container gb-container-3728c1c5">

<p class="wp-block-paragraph">Nachdem wir die <a href="https://www.deinwp.de/regeln-dateinamen/" target="_blank" rel="noreferrer noopener">Regeln f&#xFC;r die Vergabe von Dateinamen</a> ausf&uuml;hrlich beschrieben haben, sollten wir euch auch spezielle Regeln f&uuml;r Dateien benennen. Im konkreten Fall f&uuml;r die Erstellung von Bildern.</p>



<p class="has-base-2-background-color has-background wp-block-paragraph">Fertigt Totale und Detailaufnahmen an, immer im Hoch- und Querformat und&nbsp;sendet eure Originale an euren Dienstleister.</p>



<p class="wp-block-paragraph">Gern k&ouml;nnt ihr noch einen Leitgedanken f&uuml;r eure Bilder formulieren, allerdings klingen diese h&auml;ufig abgedroschen und helfen bei der Erstellung selten praktisch weiter.</p>



<figure class="wp-block-pullquote"><blockquote><p>Unsere Bilder kommunizieren Pr&auml;zision, Technologie und Wertigkeit. Jedes Foto soll sauber, klar und professionell wirken und die Qualit&auml;t unserer Arbeit widerspiegeln.</p><cite>Ein m&ouml;glicher Leitgedanke</cite></blockquote></figure>



<figure class="wp-block-table"><table class="has-fixed-layout"><tbody><tr><td><b>Aspekt</b></td><td><b>Richtlinie</b></td><td><b>Warum?</b></td></tr><tr><td>allgemein Bildkomposition</td><td>Totale &amp; Detailaufnahmen verwenden.</td><td>Die Totale beantwortet die Frage &bdquo;Was ist es &amp; wie gro&szlig; ist es?&ldquo;. <br>Die Detailaufnahme liefert den visuellen Beweis.</td></tr><tr><td>Gr&ouml;&szlig;envergleich verwenden</td><td>Professionelle Objekte (Tasse, Helm, Person, Maskottchen) anstelle von verspielten.</td><td>Schafft eine <strong>sofort verst&auml;ndliche Relation der Dimensionen</strong> und verhindert Fehleinsch&auml;tzungen durch den Kunden.</td></tr><tr><td>Hintergrund</td><td>Immer sauber, aufger&auml;umt und neutral halten.</td><td>Stellt das Bauteil als alleinigen Star in den Mittelpunkt.</td></tr><tr><td>Licht</td><td>Hell, weich und gleichm&auml;&szlig;ig. Harte Schatten vermeiden.</td><td>Macht feinste Bearbeitungsspuren und Oberfl&auml;chenstrukturen sichtbar. </td></tr><tr><td>Farben</td><td>Nat&uuml;rlich, sachlich, mit neutralem Hintergrund.</td><td>Erm&ouml;glicht dem Kunden eine <strong>realistische Beurteilung des Materials und des Finishs</strong> (z.B. der Glanzgrad von poliertem Alu vs. gestrahltem Edelstahl).</td></tr><tr><td>Format</td><td>Haupts&auml;chlich 4:3 oder 3:2, aber auch 16:9 und 9:16 f&uuml;r spezielle Kan&auml;le bereithalten.</td><td>Medien sollen auf jedem Kanal (<strong>Website, LinkedIn, Smartphone</strong>) optimal und professionell ohne unsch&ouml;ne Abschnitte dargestellt werden.</td></tr><tr><td>Fokus</td><td>Immer gestochen scharf auf dem wichtigsten Detail.</td><td><strong>Lenkt das Auge des Betrachters gezielt</strong> auf das Verkaufsargument des Bildes, sei es eine Passung, eine Schwei&szlig;naht oder eine besonders feine Oberfl&auml;che.</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">Technische Produkte wirken oft unnahbar. Ein einfacher Trick, das zu &auml;ndern: spielerische Vergleiche, die im Ged&auml;chtnis bleiben. Stell dir ein kleines Pl&uuml;schtier vor, das vor einer riesigen CNC-Fr&auml;se sitzt &ndash; die Dimensionen werden sofort klar und das Produkt gewinnt an Sympathie. Dieses Pl&uuml;schtier kann zu einem wiedererkennbaren Maskottchen werden. Wenn es konsequent auf der Website, in Brosch&uuml;ren und sogar neben der B&uuml;rotasse auftaucht, etabliert es sich als humorvolles und einpr&auml;gsames Markenzeichen.</p>

</div>

<div class="gb-container gb-container-35224a39">

<h2 class="gb-headline gb-headline-54f6f4a1 gb-headline-text">1. Bildkomposition &amp; Perspektive</h2>



<p class="wp-block-paragraph">Nutze haupts&auml;chlich zwei Arten von Aufnahmen: <strong>die Totale und die Detailaufnahme</strong>.</p>



<p class="wp-block-paragraph"><strong>A) Die Totale (Establishing Shot):</strong></p>



<p class="has-base-2-background-color has-background wp-block-paragraph"><b>Zweck:</b> Dem Betrachter ein Gef&uuml;hl f&uuml;r die Dimensionen und den Ma&szlig;stab des Bauteils oder der Maschine geben.</p>



<p class="wp-block-paragraph"><strong>Umsetzung</strong></p>



<ul class="wp-block-list">
<li>Das Objekt sollte vollst&auml;ndig und zentral im Bild zu sehen sein.</li>



<li>Sorge f&uuml;r einen ruhigen, aufger&auml;umten Hintergrund. Eine saubere Maschinenwand, ein aufger&auml;umter Werkstattboden oder Schreibtisch. Ein neutraler Hintergrund (grau/wei&szlig;) sind ideal.</li>



<li><strong>Gr&ouml;&szlig;envergleich:</strong> Verwende (industrie)typische Referenzobjekte, damit der Betrachter dies mit allt&auml;glichen Gegenst&auml;nden visualisieren kann.
<ul class="wp-block-list">
<li>F&uuml;r kleine bis mittelgro&szlig;e Teile: Eine <b>Standard-Kaffeetasse</b> mit dem Firmenlogo, ein <b>Smartphone</b>, <strong>Gliederma&szlig;stab</strong> oder eine <strong>Euro-M&uuml;nze</strong>.</li>



<li>F&uuml;r gro&szlig;e Bauteile: Ein <b>Mitarbeiter in Arbeitskleidung</b>, der sicher neben dem Bauteil steht (zeigt Gr&ouml;&szlig;e und den menschlichen Faktor). Ein <b>Helm</b> oder ein standardisierter <b>Werkzeugkoffer</b>.</li>
</ul>
</li>
</ul>



<p class="wp-block-paragraph"><strong>B) Die Detailaufnahme (Close-up):</strong></p>



<p class="has-base-2-background-color has-background wp-block-paragraph"><b>Zweck:</b> Die Pr&auml;zision, die Oberfl&auml;cheng&uuml;te und die Komplexit&auml;t der Bearbeitung hervorheben.</p>



<p class="wp-block-paragraph"><strong>Umsetzung</strong>: Auf Besonderheiten fokussieren</p>



<ul class="wp-block-list">
<li><strong>Typenschilder:</strong> Sauber und gut lesbar fotografiert.</li>



<li><strong>Strukturen &amp; Oberfl&auml;chen:</strong> Gibt es feine Fr&auml;ss- oder Politurspuren, die eine hohe Oberfl&auml;cheng&uuml;te belegen. Seitliches Streiflicht hebt Texturen hervor.</li>



<li><strong>Komplexe Geometrien:</strong> Fotografiere Hinterschnitte, filigrane Rippen oder komplexe 3D-Konturen aus einem interessanten Winkel.</li>



<li><strong>Prozesse abbilden:</strong> Eine Aufnahme des Ger&auml;ts in Aktion. Eine leichte Bewegungsunsch&auml;rfe kann sehr dynamisch wirken.</li>
</ul>

</div>

<div class="gb-container gb-container-5d4b2688">

<h2 class="gb-headline gb-headline-c0885ed5 gb-headline-text">2. Seitenverh&#xE4;ltnis (Aspect Ratio)</h2>



<p class="has-base-2-background-color has-background wp-block-paragraph">Medien sollten bereits zur Aufnahme auf verschiedene Kan&auml;le optimiert sein. Fotografiere immer mit etwas &bdquo;Fleisch&ldquo; um das Hauptmotiv herum. So k&ouml;nnen die Bilder sp&auml;ter flexibel auf das ben&ouml;tigte Format zugeschnitten werden.</p>



<ul class="wp-block-list">
<li><strong>Standard (f&uuml;r Website &amp; Brosch&uuml;ren):</strong> <strong>4:3 oder 3:2</strong>. Diese klassischen Formate sind ausgewogen und gut f&uuml;r die Darstellung technischer Produkte.</li>



<li><strong>Querformat (f&uuml;r Website-Banner &amp; Videos):</strong> <strong>16:9</strong>. Dies ist der Standard f&uuml;r breite Header-Bilder und Videos.</li>



<li><strong>Hochformat (f&uuml;r Social Media Stories):</strong> <strong>9:16</strong>. Wenn Medien auf Instagram, LinkedIn oder Facebook-Stories ver&ouml;ffentlicht werden, sollten die Bilder und Videos dieses Format nutzen.</li>



<li><strong>Quadratisch (f&uuml;r Social Media Posts):</strong> <strong>1:1</strong>. Ideal f&uuml;r Instagram-Feeds und als Vorschaubild.</li>
</ul>

</div>

<div class="gb-container gb-container-b0dab437">

<h2 class="gb-headline gb-headline-9a505237 gb-headline-text">3. Licht und Farbe</h2>



<p class="has-base-2-background-color has-background wp-block-paragraph">Tageslicht oder zwei positionierte Fotoleuchten bewirken meist passende Lichtverh&auml;ltnisse.</p>



<ul class="wp-block-list">
<li><strong>Ausleuchtung:</strong> Hell, klar und weich. Vermeide harte Schatten, da diese Details verschlucken. Am besten ist diffuses Licht, z.B. an einem bew&ouml;lkten Tag in einer sauberen, gut beleuchteten Halle oder mit professionellen Softboxen.</li>



<li><strong>Farbwelt:</strong> Die Farben sollten nat&uuml;rlich und nicht &uuml;ber-s&auml;ttigt sein. Der Fokus liegt auf der realit&auml;tsgetreuen Darstellung der Materialien (der Glanz von Stahl, das matte Finish von Aluminium). Ein sauberer, neutraler Hintergrund (wei&szlig;, grau, anthrazit) l&auml;sst das metallische Werkst&uuml;ck hervorstechen.</li>
</ul>

</div>

<div class="gb-container gb-container-e46bc0b2">

<h2 class="gb-headline gb-headline-8a310828 gb-headline-text">4. Meta-Informationen</h2>



<p class="has-base-2-background-color has-background wp-block-paragraph">Google ignoriert Kamera-Einstellungen (ISO, Blende) und EXIF-Daten bl&auml;hen die Dateigr&ouml;&szlig;e unn&ouml;tig auf. Diese sollten daher gr&ouml;&szlig;tenteils entfernt werden, wenn diese Daten nicht zum Inhalt geh&ouml;ren.</p>



<ul class="wp-block-list">
<li>GPS-Daten: Wenn du ein lokales Business betreibst (z. B. ein Ladengesch&auml;ft, Handwerker oder Immobilienmakler in Leipzig), <b>k&ouml;nnen</b> GPS-Daten in Bildern ein zus&auml;tzliches Relevanz-Signal f&uuml;r den Google-Algorithmus sein.</li>
</ul>



<p class="wp-block-paragraph">Die Hypothese ist klar. Google erkennt durch die EXIF-GPS-Koordinaten, dass das Foto tats&auml;chlich vor Ort aufgenommen wurde. Das st&auml;rkt die lokale Autorit&auml;t (&bdquo;Proof of Location&ldquo;). In der Realit&auml;t allerdings werden diese Daten extrahiert und prim&auml;r f&uuml;r Google Maps/Photos verwendet. Insbesondere f&uuml;r dein Google Business Profil und lokale Unterseiten bieten sich die Informationen als unterst&uuml;tzende Metrik an.</p>


<div class="gb-container gb-container-714a5ce0 gb-accordion">
<div class="gb-container gb-container-0b2ba75b gb-accordion__item gb-accordion__item-open" data-transition="slide">

<button class="gb-button gb-button-9a87e760 gb-accordion__toggle gb-block-is-current" id="gb-accordion-toggle-9a87e760"><span class="gb-button-text">GPS-Daten nachtr&auml;glich in komprimierte Bilder einf&uuml;gen</span><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" width="1em" height="1em" aria-hidden="true" role="img" class="gb-accordion__icon"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" width="1em" height="1em" aria-hidden="true" role="img" class="gb-accordion__icon-open"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" fill="currentColor"></path></svg></span></button>


<div id="gb-accordion-content-eb0614e7" class="gb-accordion__content"><div class="gb-container gb-container-eb0614e7">

<p class="wp-block-paragraph">Hierf&uuml;r eignet sich unter Windows die Kommandozeile und <a href="https://exiftool.org/install.html" target="_blank" rel="noreferrer noopener">das ExifTool<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a>. </p>



<h3 class="gb-headline gb-headline-7cadf399 gb-headline-text">So synchronisierst du deine GPS-Daten mit dem ExifTool</h3>



<p class="wp-block-paragraph">Wenn du deine Bilder bearbeitet hast und die GPS-Daten verloren gegangen sind, kannst du sie mit diesem Befehl ganz einfach von den Originalen zur&uuml;ckholen.</p>



<h4 class="gb-headline gb-headline-23a5af7d gb-headline-text">Der Befehl zur Synchronisation</h4>



<p class="wp-block-paragraph">&Ouml;ffne die Eingabeaufforderung (CMD) in dem Ordner, in dem deine <code>exiftool.exe</code> liegt, und nutze folgenden Aufbau:</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
exiftool -tagsFromFile "C:\Pfad\Originale\%f.%e" -gps:all "C:\Pfad\Bearbeitet"

</pre></div>


<p class="wp-block-paragraph"><strong>Die Platzhalter kurz erkl&auml;rt:</strong></p>



<ul class="wp-block-list">
<li><code>-tagsFromFile</code>: Damit sagst du dem ExifTool, dass es Daten aus einer anderen Datei lesen soll.</li>



<li><code>&quot;C:\Pfad\Originale\%f.%e&quot;</code>: Das ist dein Suchmuster.
<ul class="wp-block-list">
<li><code>%f</code> steht f&uuml;r den Dateinamen.</li>



<li><code>%e</code> steht f&uuml;r die Dateiendung.</li>



<li>ExifTool sucht so f&uuml;r jedes Bild im Zielordner automatisch nach der gleichnamigen Datei im Original-Ordner.</li>
</ul>
</li>



<li><code>-gps:all</code>: Kopiert ausschlie&szlig;lich die GPS-Daten. Falls du <strong>alle</strong> Metadaten (Kamera, Datum, Objektiv) zur&uuml;ckhaben willst, nutze stattdessen <code>-all:all</code>.</li>



<li><code>&quot;C:\Pfad\Bearbeitet&quot;</code>: Das ist der Ordner mit deinen bearbeiteten Bildern, die du aktualisieren m&ouml;chtest.</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity">



<h3 class="gb-headline gb-headline-b0532349 gb-headline-text">Hilfreiche Zusatz-Optionen</h3>



<p class="wp-block-paragraph">Standardm&auml;&szlig;ig erstellt das ExifTool von jeder Datei eine Sicherheitskopie (z. B. <code>bild.jpg_original</code>). Wenn du die Dateien direkt &uuml;berschreiben willst, ohne dass Kopien entstehen, f&uuml;ge einfach <code>-overwrite_original</code> hinzu:</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: plain; title: ; notranslate">
exiftool -overwrite_original -tagsFromFile "C:\Pfad\Originale\%f.%e" -gps:all "C:\Pfad\Bearbeitet"

</pre></div>


<p class="wp-block-paragraph"><strong>Was tun bei unterschiedlichen Dateiendungen?</strong> Falls deine Originale eine andere Endung haben (z. B. <code>.CR2</code> oder <code>.JPG</code> statt <code>.jpg</code>), ersetze das <code>%e</code> einfach durch die feste Endung deiner Quelldateien: <code>&quot;C:\Pfad\Originale\%f.JPG&quot;</code> oder <code>&quot;C:\Pfad\Originale\%f.CR2&quot;</code></p>

</div></div>
</div>
</div>
</div>

<div class="gb-container gb-container-ccdab508">

<h2 class="gb-headline gb-headline-d29f8911 gb-headline-text">Die pers&#xF6;nliche Sprache</h2>



<p class="wp-block-paragraph">Neben all der Professionalit&auml;t, finde ich es angenehm, wenn Bilder ihre eigene Sprache sprechen. Nicht alle Aufnahmen m&uuml;ssen wie eine austauschbare Auftragsfotografie daherkommen. Der Staub an der Maschine darf weggewischt werden, aber Gebrauchsspuren zeigen, dass die Ger&auml;te im Einsatz sind. Alle Bilder sollten authentisch sein und dazu geh&ouml;ren kleine Makel.</p>

</div><p>Der Beitrag <a href="https://www.deinwp.de/leitfaden-website-medien/">Leitfaden für Website-Medien (Bilder, Videos, &#8230;)</a> erschien zuerst auf <a href="https://www.deinwp.de">deinWP.de</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.deinwp.de/leitfaden-website-medien/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Digitale Barrierefreiheit für Websites</title>
		<link>https://www.deinwp.de/digitale-barrierefreiheit/</link>
					<comments>https://www.deinwp.de/digitale-barrierefreiheit/#respond</comments>
		
		<dc:creator><![CDATA[reen]]></dc:creator>
		<pubDate>Thu, 29 Feb 2024 08:00:44 +0000</pubDate>
				<category><![CDATA[Allgemeines]]></category>
		<category><![CDATA[Prozesse]]></category>
		<guid isPermaLink="false">https://www.deinwp.de/?p=2925</guid>

					<description><![CDATA[<p>Seit 2020 m&#252;ssen &#246;ffentliche Websites und Apps bereits barrierefrei zug&#228;nglich sein. Aber ab dem 28. Juni 2025 betrifft diese Anforderung auch Unternehmen aus der Privatwirtschaft. Das Barrierefreiheitsst&#228;rkungsgesetz (BFSG) macht das zur Pflicht. Klingt schlimmer als es ist, denn eine technisch einwandfreie Website hilft allen Nutzern und allen Maschinen. Das Auge isst schlie&#223;lich mit und eine ansprechende Garnierung auf dem Teller befruchtet die Gaumenfreude ungemein! Wir zeigen dir die wichtigsten Punkte, auf die du achten solltest! Barrierefreiheit ist wichtig f&#252;r deine ... </p>
<p class="read-more-container"><a title="Digitale Barrierefreiheit für Websites" class="read-more button" href="https://www.deinwp.de/digitale-barrierefreiheit/#more-2925" aria-label="Mehr Informationen über Digitale Barrierefreiheit für Websites">weiterlesen</a></p>
<p>Der Beitrag <a href="https://www.deinwp.de/digitale-barrierefreiheit/">Digitale Barrierefreiheit für Websites</a> erschien zuerst auf <a href="https://www.deinwp.de">deinWP.de</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Seit 2020 m&uuml;ssen &ouml;ffentliche Websites und Apps bereits barrierefrei zug&auml;nglich sein. Aber ab dem 28. Juni 2025 betrifft diese Anforderung auch Unternehmen aus der Privatwirtschaft. Das Barrierefreiheitsst&auml;rkungsgesetz (BFSG) macht das zur Pflicht. Klingt schlimmer als es ist, denn eine technisch einwandfreie Website hilft allen Nutzern und allen Maschinen. Das Auge isst schlie&szlig;lich mit und eine ansprechende Garnierung auf dem Teller befruchtet die Gaumenfreude ungemein! Wir zeigen dir die wichtigsten Punkte, auf die du achten solltest!</p>


<div class="gb-container gb-container-b6ee29b1">
<div class="gb-grid-wrapper gb-grid-wrapper-cd022379">
<div class="gb-grid-column gb-grid-column-cb92f7f2"><div class="gb-container gb-container-cb92f7f2">

<a class="gb-button gb-button-c0432d29" href="#barrierefreie-websites"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></span><span class="gb-button-text">Ich m&#xF6;chte die Hintergr&#xFC;nde verstehen</span></a>

</div></div>

<div class="gb-grid-column gb-grid-column-7a1eb464"><div class="gb-container gb-container-7a1eb464">

<a class="gb-button gb-button-38300718" href="#testen"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z"></path></svg></span><span class="gb-button-text">Ich m&#xF6;chte meine Website testen</span></a>

</div></div>
</div>
</div>


<p class="gb-headline gb-headline-e59b538e"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M576 240c0-23.63-12.95-44.04-32-55.12V32.01C544 23.26 537.02 0 512 0c-7.12 0-14.19 2.38-19.98 7.02l-85.03 68.03C364.28 109.19 310.66 128 256 128H64c-35.35 0-64 28.65-64 64v96c0 35.35 28.65 64 64 64h33.7c-1.39 10.48-2.18 21.14-2.18 32 0 39.77 9.26 77.35 25.56 110.94 5.19 10.69 16.52 17.06 28.4 17.06h74.28c26.05 0 41.69-29.84 25.9-50.56-16.4-21.52-26.15-48.36-26.15-77.44 0-11.11 1.62-21.79 4.41-32H256c54.66 0 108.28 18.81 150.98 52.95l85.03 68.03a32.023 32.023 0 0 0 19.98 7.02c24.92 0 32-22.78 32-32V295.13C563.05 284.04 576 263.63 576 240zm-96 141.42l-33.05-26.44C392.95 311.78 325.12 288 256 288v-96c69.12 0 136.95-23.78 190.95-66.98L480 98.58v282.84z"></path></svg></span><span class="gb-headline-text">Barrierefreiheit ist wichtig f&uuml;r deine Nutzer und f&uuml;r die Auffindbarkeit deiner Website (SEO). Zudem werden Teile hiervon ab Mitte 2025 verpflichtend! Die <strong><a href="https://www.w3.org/TR/WCAG22/" target="_blank" rel="noreferrer noopener">WCAG<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a></strong> fungiert dabei alsGrundlage nationaler Regeln, ist allerdings ein <strong>freiwilliger, internationaler Standard</strong>. Die <strong>BITV 2.0</strong> basiert auf diesen Regelungen, ist allerding <strong>eine rechtliche Vorgabe in Deutschland</strong> &ndash; insbesondere f&uuml;r &ouml;ffentliche Stellen.</span></p>


<div class="gb-container gb-container-9c284e24">
<div class="gb-container gb-container-978da280 gb-accordion">
<div class="gb-container gb-container-a9c8641f gb-accordion__item" data-transition="slide">

<button class="gb-button gb-button-afc6251a gb-accordion__toggle" id="gb-accordion-toggle-afc6251a"><span class="gb-button-text">Exkurs: Barrierefreie Informationstechnik-Verordnung 2.0 (BITV 2.0)</span><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" width="1em" height="1em" ariahidden="true" role="img" class="gb-accordion__icon"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" width="1em" height="1em" ariahidden="true" role="img" class="gb-accordion__icon-open"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" fill="currentColor"></path></svg></span></button>


<div id="gb-accordion-content-f0dd3cc3" class="gb-accordion__content"><div class="gb-container gb-container-f0dd3cc3">

<p class="wp-block-paragraph">Die BITV 2.0 ist ein wichtiges Instrument, um die digitale Inklusion in Deutschland zu f&ouml;rdern und sicherzustellen, dass alle Menschen gleicherma&szlig;en von digitalen Diensten und Informationen profitieren k&ouml;nnen. Sie dient der Umsetzung des Behindertengleichstellungsgesetzes und tr&auml;gt zur Schaffung einer inklusiven Gesellschaft bei.</p>



<ol class="wp-block-list">
<li><b>Anwendungsbereich:</b> Die BITV 2.0 gilt seit 2020 f&uuml;r &ouml;ffentliche Stellen des Bundes und Einrichtungen, die dem Bund zugeordnet sind. Sie m&uuml;ssen sicherstellen, dass ihre digitalen Angebote barrierefrei sind. Ab 28. Juni 2025 wird dies auf Unternehmen der Privatwirtschaft angewandt.</li>



<li><b>Anforderungen an Websites:</b> Websites m&uuml;ssen so gestaltet sein, dass sie von Menschen mit unterschiedlichen Behinderungen, wie Seh- oder H&ouml;rbeeintr&auml;chtigungen, genutzt werden k&ouml;nnen. Dazu geh&ouml;ren zum Beispiel alternative Texte f&uuml;r Bilder, klare Strukturen und Verlinkungen sowie verst&auml;ndliche Inhalte.</li>



<li><b>Dokumente und Multimedia:</b> Auch Dokumente, wie PDFs, m&uuml;ssen barrierefrei sein. Das bedeutet, dass sie beispielsweise mit Screenreadern vorgelesen werden k&ouml;nnen. Multimedia-Inhalte sollten Untertitel oder Audiodeskriptionen bieten.</li>



<li><b>Barrierefreie Apps und Software:</b> Wenn &ouml;ffentliche Stellen Apps oder Software entwickeln lassen, m&uuml;ssen diese ebenfalls barrierefrei sein. Das erleichtert Menschen mit Behinderungen die Nutzung.</li>



<li><b>Pr&uuml;fung und Monitoring:</b> Die Einhaltung der BITV 2.0 muss regelm&auml;&szlig;ig &uuml;berpr&uuml;ft werden. Es ist wichtig, sicherzustellen, dass die Barrierefreiheit aufrechterhalten bleibt.</li>



<li><b>Ausnahmen:</b> In bestimmten F&auml;llen k&ouml;nnen Ausnahmen von den Anforderungen gew&auml;hrt werden, wenn sie unverh&auml;ltnism&auml;&szlig;ig hohe Kosten verursachen w&uuml;rden.</li>
</ol>

</div></div>
</div>

<div class="gb-container gb-container-401fc254 gb-accordion__item" data-transition="slide">

<button class="gb-button gb-button-591589ce gb-accordion__toggle" id="gb-accordion-toggle-591589ce"><span class="gb-button-text">Exkurs: Web Content Accessibility Guidelines (WCAG 2.2 | Stand Dezember 2024)</span><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" width="1em" height="1em" ariahidden="true" role="img" class="gb-accordion__icon"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" width="1em" height="1em" ariahidden="true" role="img" class="gb-accordion__icon-open"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" fill="currentColor"></path></svg></span></button>


<div id="gb-accordion-content-24856151" class="gb-accordion__content"><div class="gb-container gb-container-24856151">

<p class="wp-block-paragraph">Die WCAG wurde von der <strong>Web Accessibility Initiative (WAI)</strong> des W3C (World Wide Web Consortium) entwickelt. Sie ist ein internationaler Standard f&uuml;r barrierefreie Webinhalte. Die W3C Accessibility Guidelines 3.0 werden die Nachfolger der WCAG 2.2 sowie fr&uuml;herer Versionen sein, jedoch diese nicht vollst&auml;ndig ersetzen. Sie integrieren Inhalte aus den Richtlinien f&uuml;r die Barrierefreiheit von Benutzeragenten (UAAG 2.0) und Autorentools (ATAG 2.0) und erweitern diese teilweise.</p>



<p class="wp-block-paragraph"><b>Grundlegendes:</b></p>



<ul class="wp-block-list">
<li><strong>Flexibel und weltweit g&uuml;ltig:</strong> Die WCAG richtet sich an alle, die barrierefreie Websites erstellen wollen &ndash; unabh&auml;ngig von nationalen Gesetzen.</li>



<li><strong>Drei Konformit&auml;tsstufen:</strong> Sie ist in die Stufen A, AA und AAA unterteilt (A = grundlegende Anforderungen, AAA = maximale Barrierefreiheit).</li>



<li><strong>Schwerpunkt auf Web- und digitale Inhalte:</strong> Sie legt fest, wie Websites, Apps und andere digitale Inhalte zug&auml;nglicher gestaltet werden k&ouml;nnen.</li>



<li><strong>Erg&auml;nzungen gegen&uuml;ber WCAG 2.0:</strong> Die WCAG 2.1 ber&uuml;cksichtigt neue Aspekte, wie die Nutzung mobiler Ger&auml;te oder Anforderungen von Menschen mit kognitiven Einschr&auml;nkungen.</li>



<li><strong>Erg&auml;nzungen der WCAG 2.2:</strong> Sie f&uuml;hrt neun zus&auml;tzliche Erfolgskriterien ein, die sich auf die Konformit&auml;tsstufen verteilen. Zwei dieser neuen Kriterien geh&ouml;ren zur Stufe A, vier zur Stufe AA und drei zur Stufe AAA. Zudem wurde das Erfolgskriterium 4.1.1 als obsolet gekennzeichnet. Insgesamt umfasst die WCAG 2.2 somit 86 Erfolgskriterien.<sup data-fn="ff5ab9d9-2c3f-440a-a70a-72fea28f44d4" class="fn"><a id="ff5ab9d9-2c3f-440a-a70a-72fea28f44d4-link" href="#ff5ab9d9-2c3f-440a-a70a-72fea28f44d4">1</a></sup></li>
</ul>

</div></div>
</div>
</div>


<h2 class="gb-headline gb-headline-18abbba6 gb-headline-text" id="barrierefreie-websites">Ab wann ist eine Website barrierefrei?</h2>



<p class="wp-block-paragraph">Im Prinzip ist das Internet so gemacht, dass es f&uuml;r jeden Menschen offen ist, ganz egal, woher sie kommen, welche Sprache sie sprechen, welche Technik sie nutzen oder welchen Hintergrund sie haben. Eine Webseite ist barrierefrei, wenn sie so gestaltet ist, dass es keine Nachteile gibt, wenn man Einschr&auml;nkungen beim Sehen, H&ouml;ren, Bewegen oder der Informationsverarbeitung hat. Das bedeutet, dass wir das Internet ohne Probleme nutzen k&ouml;nnen, unabh&auml;ngig von unseren individuellen F&auml;higkeiten oder Einschr&auml;nkungen. Um dies nachvollziehen zu k&ouml;nnen, m&uuml;ssen wir dringend die Perspektive ver&auml;ndern und m&ouml;gliche Barrieren beleuchten.</p>



<ul class="wp-block-list">
<li><strong>Menschen mit einer Sehbehinderung&nbsp;</strong>erkennen Texte schlechter, wenn sie sich nur gering vom Hintergrund abheben. Besonders innerhalb von Formularfeldern kann dies zu Schwierigkeiten f&uuml;r den Betreiber der Website und dem Nutzer f&uuml;hren.</li>



<li><strong>Blinde Menschen</strong>&nbsp;nutzen Websites nicht korrekt, wenn Bilder, Buttons oder Formulare nicht textlich beschrieben sind. Also der Alternative Titel der Elemente fehlt.</li>



<li><strong>Geh&ouml;rlose und schwerh&ouml;rige Menschen&nbsp;</strong>nutzen Videos nicht, wenn sie keine Untertitel enthalten.</li>



<li><strong>Motorisch beeintr&auml;chtigte Menschen</strong> werden die Website mittels Tastatur und entsprechenden K&uuml;rzeln bedienen.</li>



<li><strong>Kognitive Barrierefreiheit</strong> m&ouml;chte durch eine einfache Struktur des Inhalts die Nutzung erleichtern.</li>
</ul>



<h3 class="gb-headline gb-headline-a45a9d4a gb-headline-text">Vier Prinzipien der Barrierefreiheit</h3>


<div class="gb-grid-wrapper gb-grid-wrapper-2bf5ddb7 aniz">
<div class="gb-grid-column gb-grid-column-a4b5cd2e"><div class="gb-container gb-container-a4b5cd2e">

<h5 class="gb-headline gb-headline-b8d93b26"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Wahrnehmbarkeit</span></h5>



<p class="gb-headline gb-headline-940b6b59 gb-headline-text">Text-Alternativen, zeitgesteuerte Medien, Anpassbarkeit, Unterscheidbarkeit</p>

</div></div>

<div class="gb-grid-column gb-grid-column-444fea5d"><div class="gb-container gb-container-444fea5d">

<h5 class="gb-headline gb-headline-bf640b01"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Bedienbarkeit</span></h5>



<p class="gb-headline gb-headline-69ef42c3 gb-headline-text">Tastaturbedienbarkeit, Ausreuchend Zeit, Anf&auml;lle vermeiden, Ortientierung unterst&uuml;tzen, Eingabemodalit&auml;ten</p>

</div></div>

<div class="gb-grid-column gb-grid-column-8025000c"><div class="gb-container gb-container-8025000c">

<h5 class="gb-headline gb-headline-03344bf1"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Verst&#xE4;ndlichkeit</span></h5>



<p class="gb-headline gb-headline-77c20423 gb-headline-text">Lesbarkeit, Vorhersehbarkeit, Hilfe um Fehler zu vermeiden</p>

</div></div>

<div class="gb-grid-column gb-grid-column-afa1cf26"><div class="gb-container gb-container-afa1cf26">

<h5 class="gb-headline gb-headline-2aa74ef0"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Robustheit</span></h5>



<p class="gb-headline gb-headline-1e2ba93f gb-headline-text">Kompatabilit&auml;t</p>

</div></div>
</div>


<p class="wp-block-paragraph">Die Tests erfolgen nach dem internationalen &bdquo;Web Content Accessibility Guidelines&ldquo;-Standard (WCAG) oder der deutschen Barrierefreie-Informations-Technik-Verordnung (BITV). Die Richtlinien der WCAG bestehen aus drei Konformit&auml;tsstufen: A, AA und AAA, die derzeit nach Version 2.2 insgesamt 86 Erfolgskriterien besitzen.</p>



<h3 class="gb-headline gb-headline-54193395 gb-headline-text"><strong>Konformit&#xE4;tsstufe A &#x2013; Grundlegende Barrierefreiheit</strong></h3>



<p class="wp-block-paragraph">Das ist sozusagen die Mindestanforderung und sollten l&auml;ngst zum Web-Standard geh&ouml;ren. Inhalte m&uuml;ssen zug&auml;nglich sein, sodass niemand komplett ausgeschlossen wird. Egal ob Mensch oder Maschine. <strong>Unter anderen</strong> &ndash; 32 Kriterien existieren &ndash; m&uuml;ssen folgende Dinge gew&auml;hrleistet werden:</p>



<ul class="wp-block-list">
<li>Bilder brauchen Alternativtexte (Alt-Texte).</li>



<li>Die Website ist &uuml;ber die Tastatur bedienbar, ohne Maus. (Hierzu wird die Tabulator-Taste genutzt und der Cursor springt weiter)</li>



<li>Nutzer werden nicht durch blinkende Inhalte gef&auml;hrdet (z. B. keine epileptischen Anf&auml;lle ausl&ouml;senden Effekte).</li>
</ul>



<h3 class="gb-headline gb-headline-9d8fde8f gb-headline-text"><strong>Konformit&#xE4;tsstufe AA &#x2013; Verbesserte Barrierefreiheit</strong></h3>



<p class="wp-block-paragraph">Hier geht es einen Schritt weiter, um m&ouml;glichst vielen Menschen den Zugang zu erleichtern. Diese Stufe wird oft von gesetzlichen Vorgaben gefordert. <b>3 Beispiele</b> der insgesamt 24 Kriterien:</p>



<ul class="wp-block-list">
<li>Der Farbkontrast zwischen Text und Hintergrund muss ausreichend hoch sein.</li>



<li>Navigationsmen&uuml;s sind konsistent aufgebaut, damit niemand den &Uuml;berblick verliert.</li>



<li>Formularfelder sind klar beschriftet und mit Anweisungen versehen.</li>
</ul>



<h3 class="gb-headline gb-headline-dcc0d3f1 gb-headline-text"><strong>Konformit&#xE4;tsstufe AAA &#x2013; H&#xF6;chste Barrierefreiheit</strong></h3>



<p class="wp-block-paragraph">Diese Stufe ist ideal, mit seinen 31 Erfolgrskriterien aber nicht immer realistisch, da sie extrem hohe Anforderungen stellt. <b>Beispiele:</b></p>



<ul class="wp-block-list">
<li>Alle Audioinhalte m&uuml;ssen zus&auml;tzlich als Text zur Verf&uuml;gung stehen.</li>



<li>Die Lesbarkeit ist so gestaltet, dass sie f&uuml;r Menschen mit kognitiven Einschr&auml;nkungen oder Lernschwierigkeiten optimal ist.</li>



<li>Inhalte sind in Geb&auml;rdensprache verf&uuml;gbar.</li>
</ul>

</div>

<div class="gb-container gb-container-c6552b9b">

<h2 class="gb-headline gb-headline-6f880797 gb-headline-text">WordPress barrierefrei einsetzen</h2>



<p class="wp-block-paragraph">Kein technischer Grund spricht dagegen, WordPress als Basis f&uuml;r barrierefreie Websites einzusetzen. Allerdings m&uuml;sstest du dein Theme und die verwendeten Plugins kritisch pr&uuml;fen, um deine WordPress-Website barrierefrei umzusetzen.</p>



<h3 class="gb-headline gb-headline-e300cae6 gb-headline-text">Barrierefreie Themes verwenden</h3>



<p class="wp-block-paragraph">Selbstverst&auml;ndlich musst du nicht zwingend Bio zertifiziertes Obst kaufen, um gesunde Lebensmittel zu erhalten. Kommt dein Obst aus dem Garten, wei&szlig;t du recht genau, mit welchen Stoffen dieses in Ber&uuml;hrung gekommen ist. &Auml;hnlich ergeht es den &bdquo;accessibility ready&ldquo; Themes <a href="https://wordpress.org/themes/tags/accessibility-ready/">im offiziellen Theme-Verzeichnis<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a>. Suche mittels Filter nach &bdquo;f&uuml;r Barrierefreiheit geeignet&ldquo;en Themes und die &Uuml;berpr&uuml;fung nach den Richtlinien der Barrierefreiheit wurden bereits f&uuml;r dich durchgef&uuml;hrt. Die Grundlage f&uuml;r den Test basiert auf den Leitlinien zur Barrierefreiheit von WordPress<sup data-fn="a48cdb6b-7650-409f-8e7c-27fe1bf9d336" class="fn"><a id="a48cdb6b-7650-409f-8e7c-27fe1bf9d336-link" href="#a48cdb6b-7650-409f-8e7c-27fe1bf9d336">2</a></sup>, die wiederum auf die Web Content Accessibility Guidelines (WCAG) verweisen. Allerdings erfolgt daher die Pr&uuml;fung nicht gem&auml;&szlig; der BITV, wodurch nicht zwingend die gesetzlichen Anforderungen f&uuml;r Deutschland erf&uuml;llt werden. Zudem kann es sein, dass du dich in einer falschen Sicherheit wiegst, wenn du diese Hauptzutat (das Theme) verwendest.</p>



<h3 class="gb-headline gb-headline-a5a06c07 gb-headline-text">Die Rolle von Plugins in der Barrierefreiheit</h3>



<p class="wp-block-paragraph">WordPress bietet eine F&uuml;lle von Plugins, die dir bei der Verbesserung der Barrierefreiheit deiner Website helfen k&ouml;nnen. Hier sind einige n&uuml;tzliche:</p>



<p class="wp-block-paragraph"><strong>1. WP Accessibility:</strong> Dieses Plugin f&uuml;gt deiner Website Verbesserungen zur Barrierefreiheit hinzu und bietet Optionen zur Anpassung von Schriftgr&ouml;&szlig;en und Kontrast.</p>



<p class="wp-block-paragraph"><strong>2. Accessibility Widget:</strong> Mit diesem Widget kannst du leicht zug&auml;ngliche Schaltfl&auml;chen f&uuml;r Barrierefreiheitsoptionen hinzuf&uuml;gen, um die Bedienung deiner Website zu erleichtern.</p>



<p class="wp-block-paragraph"><strong>3. WP ADA Compliance Check Basic:</strong> Es bietet eine einfache M&ouml;glichkeit, deine Website auf ADA-Konformit&auml;t (Americans with Disabilities Act) zu &uuml;berpr&uuml;fen und Anpassungen vorzunehmen.</p>


<div class="gb-container gb-container-7d93a3f1">

<h2 class="gb-headline gb-headline-42cbc40b gb-headline-text">Einschr&#xE4;nkungen und Barrieren</h2>



<p class="wp-block-paragraph">Einschr&auml;nkungen k&ouml;nnen permanent, zeitweise und situativ auftreten.</p>



<p class="wp-block-paragraph"><strong>1. Permanent:</strong> Bei permanenten Einschr&auml;nkungen handelt es sich um dauerhafte Beeintr&auml;chtigungen, die die Zug&auml;nglichkeit von Websites betreffen k&ouml;nnen. Beispiele sind:</p>



<ul class="wp-block-list">
<li>Blindheit: Ein dauerhaft blinder Nutzer, der auf Screenreader-Software angewiesen ist, um Websites zu durchsuchen und Informationen zu erhalten.</li>



<li>Motorische Behinderung: Eine Person, die aufgrund einer dauerhaften motorischen Behinderung Schwierigkeiten hat, die Maus pr&auml;zise zu steuern und auf die Tastatur als Hauptnavigationsmittel angewiesen ist.</li>
</ul>



<p class="wp-block-paragraph"><strong>2. Zeitweise:</strong> Zeitweise Einschr&auml;nkungen k&ouml;nnen sporadisch auftreten und die F&auml;higkeit zur Nutzung von Websites vor&uuml;bergehend beeinflussen. Hier sind Beispiele:</p>



<ul class="wp-block-list">
<li>Migr&auml;ne: Ein Nutzer, der gelegentlich unter schweren Migr&auml;neanf&auml;llen leidet und in solchen Momenten Schwierigkeiten hat, auf Websites zu surfen.</li>



<li>Arthritis: Eine Person mit intermittierender Arthritis, die zeitweise Schwierigkeiten hat, die Maus pr&auml;zise zu bedienen.</li>
</ul>



<p class="wp-block-paragraph"><strong>3. Situativ:</strong> Situative Einschr&auml;nkungen treten in bestimmten Kontexten oder Situationen auf. Hier sind Beispiele:</p>



<ul class="wp-block-list">
<li>L&auml;rmempfindlichkeit: Ein Nutzer, der empfindlich auf laute Umgebungen reagiert und in solchen Situationen Schwierigkeiten hat, sich auf den Inhalt einer Website zu konzentrieren.</li>



<li>Kontrastempfindlichkeit: Eine Person mit eingeschr&auml;nkter Kontrastempfindlichkeit, die in hell beleuchteten Umgebungen Schwierigkeiten hat, Text auf Websites zu lesen.</li>
</ul>

</div>


<h3 class="gb-headline gb-headline-e5fde7cc gb-headline-text">Visuelle Einschr&#xE4;nkungen</h3>



<p class="gb-headline gb-headline-f0378aeb"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">mangelhafte Farbkontraste</span></p>



<p class="gb-headline gb-headline-7bda8a65"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">visuell versteckte Inhaltsbereiche</span></p>



<p class="gb-headline gb-headline-0f7f1483"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">zu kleine Schrift</span></p>



<p class="gb-headline gb-headline-ca762f17"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">unpassende Schriftart</span></p>


<div class="gb-container gb-container-9e35d289">
<div class="gb-container gb-container-673a9550">

<figure class="gb-block-image gb-block-image-51819c22"><img fetchpriority="high" decoding="async" width="248" height="222" class="gb-image gb-image-51819c22" src="https://www.deinwp.de/wp-content/uploads/2023/09/wordpress-warnung-mangelnde-farbkontraste.jpg" alt="" title="wordpress-warnung-mangelnde-farbkontraste"/></figure>

</div>

<div class="gb-container gb-container-53c8c219">

<p class="wp-block-paragraph">Bei der Farbwahl der Schriften und des Hintergrunds ist die WordPress automatisch behilflich. W&auml;hlst du unpassende Farben, wird dir eine Information im <a class="wpg-linkify wpg-tooltip" title="&lt;h3 class=&quot;wpg-tooltip-title&quot;&gt;&lt;span class=&quot;wpg-tooltip-term-title&quot;&gt;Backend&lt;/span&gt;&lt;/h3&gt;&lt;div class=&quot;wpg-tooltip-content&quot;&gt;&lt;p&gt;Ein Backend ist die Administrationsoberfl&auml;che einer Website. Das Backend kann durch Besucher nicht betreten werden.&lt;br /&gt;
&lt;a href=&quot;https://www.deinwp.de/faq/#backend&quot;&gt;Glossar - Backend&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;https://www.deinwp.de/faq/#backend&quot;&gt;Artikel - Backend&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;" href="https://www.deinwp.de/faq/#backend" >Backend</a> angezeigt. Dann solltest du diese dahingehend verwenden, bis die Warnmeldung verschwindet.</p>



<blockquote class="wp-block-quote is-style-plain has-small-font-size is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">&bdquo;Diese Farbkombination ist unter Umst&auml;nden f&uuml;r manche Menschen schwer lesbar. W&auml;hle eine hellere Hintergrundfarbe und/oder eine dunklere Textfarbe.&ldquo;</p>
<cite>Dein WordPress <a class="wpg-linkify wpg-tooltip" title="&lt;h3 class=&quot;wpg-tooltip-title&quot;&gt;&lt;span class=&quot;wpg-tooltip-term-title&quot;&gt;Backend&lt;/span&gt;&lt;/h3&gt;&lt;div class=&quot;wpg-tooltip-content&quot;&gt;&lt;p&gt;Ein Backend ist die Administrationsoberfl&auml;che einer Website. Das Backend kann durch Besucher nicht betreten werden.&lt;br /&gt;
&lt;a href=&quot;https://www.deinwp.de/faq/#backend&quot;&gt;Glossar - Backend&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;https://www.deinwp.de/faq/#backend&quot;&gt;Artikel - Backend&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;" href="https://www.deinwp.de/faq/#backend" >Backend</a></cite></blockquote>

</div>
</div>

<div class="gb-container gb-container-d35f9f69">
<div class="gb-container gb-container-1b521f8d">

<figure class="wp-block-image size-full"><img decoding="async" width="280" height="470" src="https://www.deinwp.de/wp-content/uploads/2023/09/generateblocks-aria-label-buttons.jpg" alt="" class="wp-image-2984" srcset="https://www.deinwp.de/wp-content/uploads/2023/09/generateblocks-aria-label-buttons.jpg 280w, https://www.deinwp.de/wp-content/uploads/2023/09/generateblocks-aria-label-buttons-179x300.jpg 179w" sizes="(max-width: 280px) 100vw, 280px"/></figure>

</div>

<div class="gb-container gb-container-6e5b89eb">

<p class="wp-block-paragraph">&bdquo;Visuell versteckte Inhaltsbereiche&ldquo; sind Teile einer Webseite, die f&uuml;r den durchschnittlichen Benutzer nicht sichtbar sind, aber dennoch f&uuml;r bestimmte Gruppen von Nutzern von Bedeutung sein k&ouml;nnen. Diese Bereiche werden oft durch spezielle HTML- oder <a class="wpg-linkify wpg-tooltip" title="&lt;h3 class=&quot;wpg-tooltip-title&quot;&gt;&lt;span class=&quot;wpg-tooltip-term-title&quot;&gt;CSS&lt;/span&gt;&lt;/h3&gt;&lt;div class=&quot;wpg-tooltip-content&quot;&gt;&lt;p&gt;Textauszug und Infos&lt;br /&gt;
&lt;a href=&quot;https://www.deinwp.de/faq/#css&quot;&gt;CSS Link&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;" href="https://www.deinwp.de/faq/#css" >CSS</a>-Techniken ausgeblendet oder verdeckt, sind aber f&uuml;r assistive Technologien wie Bildschirmleseger&auml;te oder Sprachausgaben wichtig, um den Inhalt der Website zug&auml;nglicher zu machen. <strong>Denke zum Beispiel an versteckte Beschreibungen f&uuml;r Bilder (Alternative-Angabe = ALT) oder Hinweise f&uuml;r Tastaturnavigation (Aria-Label)</strong>, die f&uuml;r sehbehinderte oder motorisch eingeschr&auml;nkte Benutzer entscheidend sind. Diese visuell versteckten Inhaltsbereiche tragen zur Verbesserung der Barrierefreiheit einer Webseite bei.</p>



<p class="wp-block-paragraph">GenerateBlocks liefert dir beispielsweise innerhalb der erweiterten Optionen bei Buttons die M&ouml;glichkeit ein Aria-Label zu verwenden. Generell ist das Aria Feld immer dann notwendig, wenn es keine eindeutige Bezeichnung gibt.</p>

</div>
</div>


<p class="gb-headline gb-headline-06a8eb3a"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M576 240c0-23.63-12.95-44.04-32-55.12V32.01C544 23.26 537.02 0 512 0c-7.12 0-14.19 2.38-19.98 7.02l-85.03 68.03C364.28 109.19 310.66 128 256 128H64c-35.35 0-64 28.65-64 64v96c0 35.35 28.65 64 64 64h33.7c-1.39 10.48-2.18 21.14-2.18 32 0 39.77 9.26 77.35 25.56 110.94 5.19 10.69 16.52 17.06 28.4 17.06h74.28c26.05 0 41.69-29.84 25.9-50.56-16.4-21.52-26.15-48.36-26.15-77.44 0-11.11 1.62-21.79 4.41-32H256c54.66 0 108.28 18.81 150.98 52.95l85.03 68.03a32.023 32.023 0 0 0 19.98 7.02c24.92 0 32-22.78 32-32V295.13C563.05 284.04 576 263.63 576 240zm-96 141.42l-33.05-26.44C392.95 311.78 325.12 288 256 288v-96c69.12 0 136.95-23.78 190.95-66.98L480 98.58v282.84z"></path></svg></span><span class="gb-headline-text">Empfehlung: Verwende als Schriftgr&ouml;&szlig;e mindestens 14px aber verwende im Idealfall relative Angaben, also 0.9 em. </span></p>



<p class="wp-block-paragraph">Die Mindestgr&ouml;&szlig;e ist allerdings von vielen Faktoren abh&auml;ngig, wodurch die Details individuell entschieden werden m&uuml;ssen.</p>



<ul class="wp-block-list">
<li>Welche Schriftart verwendest du?</li>



<li>Mit welcher Bildschirmgr&ouml;&szlig;e (Aufl&ouml;sung) betrachten die meisten Nutzer deine Website?</li>



<li>Welches Endger&auml;t wird genutzt?</li>



<li>Wie hoch ist der Abstand des Nutzers zum Ausgabeger&auml;t?</li>
</ul>



<p class="wp-block-paragraph">Achte zudem darauf, dass deine Nutzer die Inhalte auf 200% der Ausgangsgr&ouml;&szlig;e zommen k&ouml;nnen.<sup data-fn="db1b4bbe-3a69-40ff-bc3c-1592bf8facc5" class="fn"><a id="db1b4bbe-3a69-40ff-bc3c-1592bf8facc5-link" href="#db1b4bbe-3a69-40ff-bc3c-1592bf8facc5">3</a></sup></p>



<figure class="gb-block-image gb-block-image-ad2c9714"><img decoding="async" width="933" height="240" class="gb-image gb-image-ad2c9714" src="https://www.deinwp.de/wp-content/uploads/2023/09/gsc-text-zu-klein.jpg" alt="" title="gsc-text-zu-klein" srcset="https://www.deinwp.de/wp-content/uploads/2023/09/gsc-text-zu-klein.jpg 933w, https://www.deinwp.de/wp-content/uploads/2023/09/gsc-text-zu-klein-300x77.jpg 300w, https://www.deinwp.de/wp-content/uploads/2023/09/gsc-text-zu-klein-768x198.jpg 768w" sizes="(max-width: 933px) 100vw, 933px"/>
<figcaption class="gb-headline gb-headline-988b6235 gb-headline-text">Die Google Search Console warnt dich, wenn dein Text zu klein zum Lesen ist</figcaption>
</figure>


<div class="gb-container gb-container-68fb1f81">

<h4 class="gb-headline gb-headline-f9a108d1 gb-headline-text">Empfehlung: ALT-Angaben und aria-label parallel nutzen</h4>



<p class="gb-headline gb-headline-8c772f8d"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text"><b>Beschreibungen</b> sollten ausreichend Kontext bieten, aber nicht zu lang sein</span></p>



<p class="gb-headline gb-headline-ae7ff3f5"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text"><strong>Icons und Bilder ber&uuml;cksichtigen</strong>, sollen visuelle Elemente verst&auml;ndlich machen</span></p>



<p class="gb-headline gb-headline-f818b8fd"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text"><b>Redundanz vermeiden</b>, indem bereits sichtbare Inhalte nicht im Alternativtext wiederholt werden</span></p>



<p class="gb-headline gb-headline-40f670ba"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text"><b>Schl&uuml;sselw&ouml;rter</b> k&ouml;nnen nicht nur die Barrierefreiheit, sondern auch die Suchmaschinenoptimierung unterst&uuml;tzen</span></p>



<p class="gb-headline gb-headline-89755dc8"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text"><strong>Mit Screenreadern testen</strong>, um sicherzustellen, dass sie sinnvoll sind </span></p>



<p class="wp-block-paragraph">Um Inhalte im Web barrierefrei zug&auml;nglich zu machen, ist es entscheidend, Alternativtexte f&uuml;r nicht-textuelle Elemente wie Bilder und Icons bereitzustellen. Zwei h&auml;ufig genutzte Attribute hierf&uuml;r sind <code>alt</code> und <code>aria-label</code>. Beide verfolgen das gleiche Ziel, weisen jedoch einige Unterschiede auf. Das <code>alt</code>-Attribut liefert Alternativtexte f&uuml;r nicht-textuelle Inhalte, w&auml;hrend <code>aria-label</code> Elementen ohne sichtbare Beschriftung eine Bedeutung gibt. Beide Attribute sind essenziell, um Webinhalte barrierefrei zu gestalten.<sup data-fn="e335bcbf-a268-4134-8044-4639245b62f9" class="fn"><a id="e335bcbf-a268-4134-8044-4639245b62f9-link" href="#e335bcbf-a268-4134-8044-4639245b62f9">4</a></sup></p>


<div class="gb-container gb-container-877ff217 gb-accordion">
<div class="gb-container gb-container-a9d95da2 gb-accordion__item" data-transition="slide">

<button class="gb-button gb-button-02ad573e gb-accordion__toggle" id="gb-accordion-toggle-02ad573e"><span class="gb-button-text">Das <code>alt</code>-Attribut</span><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" width="1em" height="1em" aria-hidden="true" role="img" class="gb-accordion__icon"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" width="1em" height="1em" aria-hidden="true" role="img" class="gb-accordion__icon-open"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" fill="currentColor"></path></svg></span></button>


<div id="gb-accordion-content-35910f55" class="gb-accordion__content"><div class="gb-container gb-container-35910f55">

<p class="wp-block-paragraph">Das <code>alt</code>-Attribut dient als Textbeschreibung f&uuml;r Bilder und andere nicht-textuelle Inhalte. Es erm&ouml;glicht Screenreadern und unterst&uuml;tzenden Technologien, den Zweck des Bildes zu verstehen. Besonders bei der Nutzung des <code>img</code>-Elements ist dieses Attribut obligatorisch, aber auch bei anderen nicht-textuellen Inhalten empfiehlt sich die Verwendung.</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate">
&lt;img src="bildname-kuechenutensilien.jpg" alt="3 K&#xFC;chenutensilien liegen auf einer Arbeitsplatte"&gt;
</pre></div>
</div></div>
</div>

<div class="gb-container gb-container-69a7d1eb gb-accordion__item" data-transition="slide">

<button class="gb-button gb-button-8667ce8c gb-accordion__toggle" id="gb-accordion-toggle-8667ce8c"><span class="gb-button-text">Das <code>aria-label</code>-Attribut</span><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" width="1em" height="1em" aria-hidden="true" role="img" class="gb-accordion__icon"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" width="1em" height="1em" aria-hidden="true" role="img" class="gb-accordion__icon-open"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" fill="currentColor"></path></svg></span></button>


<div id="gb-accordion-content-f6656341" class="gb-accordion__content"><div class="gb-container gb-container-f6656341">

<p class="wp-block-paragraph">Das <code>aria-label</code>-Attribut hingegen wird verwendet, um ein Element zu beschreiben, das keinen sichtbaren Text besitzt. Dieses Attribut kann auf jedes Element angewendet werden, was es besonders flexibel macht. Es ist ideal, um Screenreadern eine textliche Beschreibung von Elementen bereitzustellen.</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate">
&lt;button aria-label="Schlie&#xDF;en"&gt;X&lt;/button&gt;
</pre></div>
</div></div>
</div>

<div class="gb-container gb-container-672f4e60 gb-accordion__item" data-transition="slide">

<button class="gb-button gb-button-a54122ec gb-accordion__toggle" id="gb-accordion-toggle-a54122ec"><span class="gb-button-text">Unterschiede zwischen <code>alt</code> und <code>aria-label</code></span><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" width="1em" height="1em" aria-hidden="true" role="img" class="gb-accordion__icon"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" width="1em" height="1em" aria-hidden="true" role="img" class="gb-accordion__icon-open"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" fill="currentColor"></path></svg></span></button>


<div id="gb-accordion-content-984c191e" class="gb-accordion__content"><div class="gb-container gb-container-984c191e">

<p class="wp-block-paragraph"><strong>Spezialisierung</strong>:</p>



<ul class="wp-block-list">
<li><code>alt</code> ist speziell f&uuml;r Bilder und nicht-textuelle Inhalte konzipiert und ein Pflichtattribut f&uuml;r das <code>img</code>-Element.</li>



<li><code>aria-label</code> kann universell auf jedes Element angewendet werden und ist optional.</li>
</ul>



<p class="wp-block-paragraph"><strong>Anwendung</strong>:</p>



<ul class="wp-block-list">
<li><code>aria-label</code> gibt einem Element ohne sichtbare Beschriftung einen Text</li>



<li><code>alt</code> beschreibt den Inhalt eines Bildes.</li>
</ul>



<p class="wp-block-paragraph">Eine sinnvolle Kombination beider Attribute kann die Barrierefreiheit deutlich verbessern. Zum Beispiel, wenn ein Bild als Link dient:</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate">
&lt;a title="Kontaktaufnahme" href="/ueber-uns/#kontakt"&gt;&lt;br&gt;    &lt;img aria-label="Link zur deinwp-Kontaktseite" src="deinwp-konterfei.jpg" alt="WordPress-Logo in der deinwp-Gestaltung"&gt;&lt;br&gt;&lt;/a&gt;
</pre></div>
</div></div>
</div>
</div>
</div>


<h3 class="gb-headline gb-headline-fdd9c78d gb-headline-text">Akustische Einschr&#xE4;nkungen</h3>



<p class="gb-headline gb-headline-e0576ed7"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Videos ohne Untertitel</span></p>



<p class="gb-headline gb-headline-f9f3fc37"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Tonaufnahmen ohne Transkript oder weiterf&uuml;hrenden Erl&auml;uterungen</span></p>



<p class="gb-headline gb-headline-7f0cc4e9"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">laute Umgebung</span></p>



<p class="wp-block-paragraph">Akustische Einschr&auml;nkungen k&ouml;nnen beispielsweise auch dann vorliegen, wenn in unpassenden Situationen Videos geschaut werden. Der Partner m&ouml;chte im Bett nicht gest&ouml;rt werden, aber das Video m&ouml;chtest du noch zu Ende sehen. Dann freust du dich &uuml;ber Untertitel, denn dann kannst du den Inhalt lesen und musst ihn nicht h&ouml;ren. &Auml;hnlich verh&auml;lt es sich bei Podcasts oder anderen Audioformaten. Ein Transkript des Inhalts hilft dem Betrachter dabei, das passende Format f&uuml;r seine Situation auszuw&auml;hlen.</p>



<p class="wp-block-paragraph">Die meisten Tipps verr&auml;t dir bereits der qualitative Impuls. Tonaufnahmen sollten in einer ruhigen Umgeung angefertigt werden, damit sich der H&ouml;rer auf das gesprochene Wort konzentrieren kann. Das Herausfiltern von Umgebungsger&auml;uschen ist f&uuml;r alle Menschen mindestens anstrengend.</p>



<h3 class="gb-headline gb-headline-116567b7 gb-headline-text">Motorische Einschr&#xE4;nkungen</h3>



<p class="gb-headline gb-headline-7b29c72c"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Tastaturnavigation nicht oder nur eingeschr&auml;nkt m&ouml;glich</span></p>



<p class="gb-headline gb-headline-61427b9f"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Fokus ist nicht sichtbar</span></p>



<p class="gb-headline gb-headline-2da245c7"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">koordinativ instabile Situation</span></p>



<p class="wp-block-paragraph">Besonders innerhalb von Formularen liebe ich es mittels Tabulator die einzelnen Felder anzuspringen. So k&ouml;nnen Felder ausgef&uuml;llt werden, ohne die Maus benutzen zu m&uuml;ssen. Andere Menschen surfen fast g&auml;nzlich ohne Maus, wodurch die Tastaturnavigation wichtiger wird. Diese Funktion solltest du kontinuierlich pr&uuml;fen.</p>



<h3 class="gb-headline gb-headline-ec6f79da gb-headline-text">Kognitive Einschr&#xE4;nkungen</h3>



<p class="gb-headline gb-headline-7a09ed09"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Verwendung fremder Sprache</span></p>



<p class="gb-headline gb-headline-8008db78"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">schwere Lesbarkeit durch Fachbegriffe, Fachjargon oder unpassende Ausdrucksweise</span></p>



<p class="gb-headline gb-headline-6f5c214a"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">nicht intuitive Struktur</span></p>



<p class="wp-block-paragraph">Fachtermini und die Verwendung fremder Sprachen kann eine Einschr&auml;nkung f&uuml;r den Nutzer bedeuten, daher bietet es sich an einen Umschalter auf &bdquo;Einfache Sprache&ldquo; bereitzustellen. Was es damit genau aufsich hat, werden wir noch erg&auml;nzen.</p>



<p class="wp-block-paragraph">Verwende Tools zur &Uuml;berpr&uuml;fung der Lesbarkeit deiner Inhalte und mache sie so verst&auml;ndlich wie m&ouml;glich.</p>

</div>

<div class="gb-container gb-container-f3b089b7" id="testen">

<h2 class="gb-headline gb-headline-56b0916f gb-headline-text">Testen</h2>



<p class="wp-block-paragraph">Diese Passage wirkte im Kopf so einfach und stringent. Nutze einen Test, folge den Anweisungen und alles wird schmecken. Allerdings zeigt schon die <a href="https://www.w3.org/WAI/test-evaluate/tools/list/" target="_blank" rel="noreferrer noopener">W3C Werkzeugliste<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a> &uuml;ber 51 unterschiedliche Ger&auml;tschaften. Viele Aspekte k&ouml;nnen/m&uuml;ssen/sollen einzeln gepr&uuml;ft werden. Insbesondere <a href="https://wave.webaim.org/" target="_blank" rel="noreferrer noopener">Screenreader-Testsysteme<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a> halten wir f&uuml;r sinnvoll, denn hier werden meist sehr viele (allgemeine) Kriterien ebenfalls betrachtet.</p>



<p class="wp-block-paragraph">Zu bedenken ist zudem, dass du alle unterschiedlichen Inhaltetypen deiner Website pr&uuml;fen musst.</p>



<h3 class="gb-headline gb-headline-3d76633e gb-headline-text">Welche Erkentnisse erlangten wir?</h3>



<p class="wp-block-paragraph">Kein Koch ist jemals vom Himmel gefallen. &Uuml;ben und verkosten geh&ouml;ren zum Alltag dazu. Und daher wollen wir dich auf diese Reise mitnehmen, damit du von unseren Erfahrungen (Fehlern) profitieren kannst.</p>



<p class="wp-block-paragraph">Vergessenes Aria-Label <a href="https://www.deinwp.de/generatepress-beitragsnavigation-unter-artikeln-vor-zurueck/">innerhalb der Beitragsnavigation</a> | Wurde am 25. Januar 2025 gefixt</p>

</div>

<div class="gb-container gb-container-7f1d3f72" id="quellen">
<div class="gb-container gb-container-80dfba33 gb-accordion">
<div class="gb-container gb-container-6da250e5 gb-accordion__item gb-accordion__item-open" data-transition="slide">

<button class="gb-button gb-button-9a4c750f gb-accordion__toggle gb-block-is-current" id="gb-accordion-toggle-9a4c750f"><span class="gb-button-text">Quellen &amp; Fu&szlig;noten</span><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" width="1em" height="1em" aria-hidden="true" role="img" class="gb-accordion__icon"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" width="1em" height="1em" aria-hidden="true" role="img" class="gb-accordion__icon-open"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" fill="currentColor"></path></svg></span></button>


<div id="gb-accordion-content-b6f35259" class="gb-accordion__content"><div class="gb-container gb-container-b6f35259">
<ol class="wp-block-footnotes"><li id="e335bcbf-a268-4134-8044-4639245b62f9"><a href="https://phuoc.ng/collection/this-vs-that/alt-vs-aria-label/" target="_blank" rel="noreferrer noopener">phuc.ng<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a>: englische Erkl&auml;rung: alt-Attribut vs. aria-label <a href="#e335bcbf-a268-4134-8044-4639245b62f9-link" aria-label="Zur Fu&#xDF;notenreferenz 1 navigieren">&#x21A9;&#xFE0E;</a></li></ol>
</div></div>
</div>
</div>
</div><p>Der Beitrag <a href="https://www.deinwp.de/digitale-barrierefreiheit/">Digitale Barrierefreiheit für Websites</a> erschien zuerst auf <a href="https://www.deinwp.de">deinWP.de</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.deinwp.de/digitale-barrierefreiheit/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Fußnoten im Internet</title>
		<link>https://www.deinwp.de/fussnoten-im-internet/</link>
					<comments>https://www.deinwp.de/fussnoten-im-internet/#respond</comments>
		
		<dc:creator><![CDATA[reen]]></dc:creator>
		<pubDate>Sat, 09 Sep 2023 14:21:52 +0000</pubDate>
				<category><![CDATA[Allgemeines]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Prozesse]]></category>
		<guid isPermaLink="false">https://www.deinwp.de/?p=2910</guid>

					<description><![CDATA[<p>Auf Wikipedia sind die zu sehen, wissenschaftliche Arbeiten sind ohne Fu&#223;noten undenkbar. Und dennoch sind diese Quellenangaben in digitalen Texten selten* vertreten. Mit WordPress 6.3 k&#246;nnte sich dieser Umstand &#228;ndern, denn es wurde der neue Fu&#223;noten Block eingef&#252;hrt. * zumindest fallen sie mit Fu&#223;noten nur bei wenigen Texten auf Derzeit verwenden wir allerdings weiterhin das Plugin footnotes, obwohl dieses nicht mehr weiterentwickelt wird. Leider hatten uns die anderen Erweiterungen im damaligen Test nicht &#252;berzeugt und seit der WordPress-Ank&#252;ndigung warten wir ... </p>
<p class="read-more-container"><a title="Fußnoten im Internet" class="read-more button" href="https://www.deinwp.de/fussnoten-im-internet/#more-2910" aria-label="Mehr Informationen über Fußnoten im Internet">weiterlesen</a></p>
<p>Der Beitrag <a href="https://www.deinwp.de/fussnoten-im-internet/">Fußnoten im Internet</a> erschien zuerst auf <a href="https://www.deinwp.de">deinWP.de</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Auf Wikipedia sind die zu sehen, wissenschaftliche Arbeiten sind ohne Fu&szlig;noten undenkbar. Und dennoch sind diese Quellenangaben in digitalen Texten selten* vertreten. Mit WordPress 6.3 k&ouml;nnte sich dieser Umstand &auml;ndern, denn es wurde der neue Fu&szlig;noten Block eingef&uuml;hrt.</p>



<p class="wp-block-paragraph" style="font-size:10px">* zumindest fallen sie mit Fu&szlig;noten nur bei wenigen Texten auf </p>



<p class="wp-block-paragraph">Derzeit verwenden wir allerdings weiterhin das <a href="https://wordpress.org/plugins/footnotes/">Plugin footnotes<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a>, obwohl dieses nicht mehr weiterentwickelt wird. Leider hatten uns die anderen Erweiterungen im damaligen Test nicht &uuml;berzeugt und seit der WordPress-Ank&uuml;ndigung warten wir sehns&uuml;chtig auf diese Umsetzung.</p>



<p class="gb-headline gb-headline-e59b538e"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M576 240c0-23.63-12.95-44.04-32-55.12V32.01C544 23.26 537.02 0 512 0c-7.12 0-14.19 2.38-19.98 7.02l-85.03 68.03C364.28 109.19 310.66 128 256 128H64c-35.35 0-64 28.65-64 64v96c0 35.35 28.65 64 64 64h33.7c-1.39 10.48-2.18 21.14-2.18 32 0 39.77 9.26 77.35 25.56 110.94 5.19 10.69 16.52 17.06 28.4 17.06h74.28c26.05 0 41.69-29.84 25.9-50.56-16.4-21.52-26.15-48.36-26.15-77.44 0-11.11 1.62-21.79 4.41-32H256c54.66 0 108.28 18.81 150.98 52.95l85.03 68.03a32.023 32.023 0 0 0 19.98 7.02c24.92 0 32-22.78 32-32V295.13C563.05 284.04 576 263.63 576 240zm-96 141.42l-33.05-26.44C392.95 311.78 325.12 288 256 288v-96c69.12 0 136.95-23.78 190.95-66.98L480 98.58v282.84z"></path></svg></span><span class="gb-headline-text"><strong>Info:</strong> In diesem Text wurden die Fu&szlig;noten doppelt ausgef&uuml;hrt, damit die Unterschiede ersichtlich sind. Demzufolge erscheint eine <sup>1</sup>, wenn der Gutenberg-Block verwendet wird und eine <sup>[1]</sup> erscheint mittels Plugin. Hier l&auml;sst sich auch Hovern.</span></p>


<div class="gb-container gb-container-d84d0c16">

<h2 class="gb-headline gb-headline-252d0d49 gb-headline-text">Warum solltest du Fu&#xDF;noten in deinen Texten verwenden?</h2>



<p class="wp-block-paragraph">WordPress hat den Sinn mit der Einf&uuml;hrung bereits selbst beantwortet, denn die Macher werden sich etwas dabei gedacht haben 😉 Kein wissenschaftlicher Text kommt ohne die Kennzeichnung von Fu&szlig;noten aus und innerhalb der Wikipedia werden Lemmata nicht gesichtet, wenn keine Quellenangabe erfolgt. Vor allem, weil die Gedanken selten komplett neu sind. Daher bin ich der Meinung, allein die <strong>Existenz von Fu&szlig;noten verbessert die Qualit&auml;t deines Textes</strong>.</p>



<ol class="wp-block-list">
<li><strong>Quellenangabe</strong>: Fu&szlig;noten erm&ouml;glichen es dem Leser, die verwendeten Quellen und Referenzen leicht nachzuvollziehen. Du stellst durch die M&ouml;glichkeit der Nachvollziehbarkeit die Glaubw&uuml;rdigkeit sicher.</li>



<li><strong>Zus&auml;tzliche Informationen</strong>: Fu&szlig;noten k&ouml;nnen zus&auml;tzliche Informationen oder Erkl&auml;rungen zu einem bestimmten Begriff oder Konzept im Text bieten, ohne den Hauptfluss des Textes zu unterbrechen. Dadurch wird dein Leser besser informiert, ohne den Hauptext zu &uuml;berladen. Du vermeidest einen Informations&uuml;berfluss.</li>



<li><strong>Vermeidung von Plagiat</strong>: Durch das Hinzuf&uuml;gen von Fu&szlig;noten k&ouml;nnen Autoren zeigen, dass sie auf Ideen und Informationen anderer verweisen und diese nicht als ihre eigenen ausgeben. Damit tr&auml;gst du zur Integrit&auml;t und Ethik des Schreibens bei. Zudem zeigst du, dass du den Text erstellt hast, und keine KI.</li>



<li><strong>Klarheit und Pr&auml;zision</strong>: Fu&szlig;noten k&ouml;nnen dazu beitragen, Unklarheiten im Text zu beseitigen, indem sie zus&auml;tzliche Informationen oder Erl&auml;uterungen zu bestimmten Punkten bereitstellen. Du erh&ouml;hst die Verst&auml;ndlichkeit des Textes.</li>



<li><strong>Historische oder kulturelle Kontextualisierung</strong>: In Texten, die historische oder kulturelle Informationen behandeln, k&ouml;nnen Fu&szlig;noten dazu dienen, deine Leser mit Hintergrundwissen oder Kontext zu versorgen, um das Verst&auml;ndnis zu vertiefen.</li>
</ol>

</div>


<h2 class="gb-headline gb-headline-2931f2b2 gb-headline-text">Die SEO ist geteilter Meinung, aber pro Quellennennung</h2>



<p class="wp-block-paragraph">Wenn in der &bdquo;SEO-Branche&ldquo; das Thema Fu&szlig;noten er&ouml;rtert wird, finden die meisten eine Quellennennung grunds&auml;tzlich sinnvoll. Scheuen sich dann in der Anwendung aber vor den externen Links. Dies ist wiederum meiner Meinung nach der gro&szlig;e Vorteil f&uuml;r das maschinelle Auslesen deiner Website, denn der Crawler, wie auch der Leser, kann im Text nicht abspringen. Soll er das an dieser Stelle, dann setze ich nach wie vor eine Verlinkung.</p>



<p class="wp-block-paragraph">Ich unterscheide demnach, <strong>nach bewussten Empfehlungen (= Link im Text) und semantische Erweiterungen des Geschriebenen (= Fu&szlig;note)</strong>. In diesem Artikel wird das Plugin namentlich erw&auml;hnt, dadurch auch verlinkt, denn du darfst gern draufklicken. Dann verstehst du den restlichen Teil des Inhalts etwas besser anhand des praktischen Beispiels.</p>



<p class="wp-block-paragraph">Einige Tipps erz&auml;hlen, dass zu viele externe Links sch&auml;dlich seien<sup data-fn="f126bad8-939c-4138-8469-3b3c69d5d1a0" class="fn"><a href="#f126bad8-939c-4138-8469-3b3c69d5d1a0" id="f126bad8-939c-4138-8469-3b3c69d5d1a0-link">1</a></sup> <span class="footnote_referrer"><a role="button" tabindex="0" onclick="footnote_moveToReference_2910_6('footnote_plugin_reference_2910_6_1');" onkeypress="footnote_moveToReference_2910_6('footnote_plugin_reference_2910_6_1');" ><sup id="footnote_plugin_tooltip_2910_6_1" class="footnote_plugin_tooltip_text">[1]</sup></a><span id="footnote_plugin_tooltip_text_2910_6_1" class="footnote_tooltip">Abakus-Forum. Nutzer MSTnetsolutions vom 29.01.2023: &bdquo;Externe Links sind nat&uuml;rlich wichtig, aber auch nur in einem gewissen Rahmen. Zu viele sind sch&auml;dlich.&ldquo;. Zugriff: 4.&nbsp;&#x2026; <span class="footnote_tooltip_continue"  onclick="footnote_moveToReference_2910_6('footnote_plugin_reference_2910_6_1');">Continue reading</span></span></span><script type="text/javascript"> jQuery('#footnote_plugin_tooltip_2910_6_1').tooltip({ tip: '#footnote_plugin_tooltip_text_2910_6_1', tipClass: 'footnote_tooltip', effect: 'fade', predelay: 0, fadeInSpeed: 200, delay: 400, fadeOutSpeed: 200, position: 'top center', relative: true, offset: [-7, 0], });</script> oder dass Hyperlinks die HTML-Fu&szlig;noten sind.<sup data-fn="17b392e6-0c2b-4e28-a694-b138b39b7f62" class="fn"><a href="#17b392e6-0c2b-4e28-a694-b138b39b7f62" id="17b392e6-0c2b-4e28-a694-b138b39b7f62-link">2</a></sup> <span class="footnote_referrer"><a role="button" tabindex="0" onclick="footnote_moveToReference_2910_6('footnote_plugin_reference_2910_6_2');" onkeypress="footnote_moveToReference_2910_6('footnote_plugin_reference_2910_6_2');" ><sup id="footnote_plugin_tooltip_2910_6_2" class="footnote_plugin_tooltip_text">[2]</sup></a><span id="footnote_plugin_tooltip_text_2910_6_2" class="footnote_tooltip"><a href="https://internetzkidz.de/academy/seo-ms-word-windows-explorer/8-einfuegen-fussnote-offpage-seo/">Internetkidz.de<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><br /></svg></a>: Lektion 8: Einf&uuml;gen &ndash;&gt; Fu&szlig;note. Zugriff: 4. September 2023</span></span><script type="text/javascript"> jQuery('#footnote_plugin_tooltip_2910_6_2').tooltip({ tip: '#footnote_plugin_tooltip_text_2910_6_2', tipClass: 'footnote_tooltip', effect: 'fade', predelay: 0, fadeInSpeed: 200, delay: 400, fadeOutSpeed: 200, position: 'top center', relative: true, offset: [-7, 0], });</script> Den Vergleich finde ich passend, er greift allerdings zu kurz. </p>



<p class="wp-block-paragraph">Aus Sicht des Verlinkten allerdings haben Fu&szlig;noten einen klaren Nachteil. Der Link befindet sich nicht mehr im Hauptteil des Dokuments, wodurch er an Wertigkeit verliert. Auch wird er seltener geklickt, was dem Link erneut etwas Wertigkeit wegnimmt.</p>



<h2 class="gb-headline gb-headline-a67d6013 gb-headline-text">Vor- und Nachteile von Quellenangabe in Fu&#xDF;noten oder im Text</h2>



<p class="wp-block-paragraph">Wie erw&auml;hnt entscheide ich mich zumeist f&uuml;r <strong>eine Mischung aus beiden Welten</strong>, denn dadurch entsteht eine strukturierte Einheitlichkeit. Aus dieser Beschreibung ergibt sich automatisch die jeweiligen Vor- und Nachteile.</p>



<p class="wp-block-paragraph">Wenn der Leser bewusst auf eine Information gelenkt werden soll, wie dies beispielsweise bei der Vorstellung eines Programms oder eines Produktes geschieht, dann erfolgt der Link im Text.&nbsp;Der zu verlinkende Text ergibt sich direkt aus dem Kontext.</p>


<div class="gb-container gb-container-3e6af9b3">

<p class="wp-block-paragraph"><strong>Welche Referenzangabe findest du angenehmer?</strong></p>


<div class="gb-container gb-container-f87f70e8">
<div class="gb-container gb-container-adf2f3b0">

<p class="nomargin wp-block-paragraph">Derzeit verwenden wir allerdings weiterhin das Plugin <a href="https://wordpress.org/plugins/footnotes/">footnotes<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a>, obwohl dieses nicht mehr weiterentwickelt wird.</p>

</div>

<div class="gb-container gb-container-18c692eb">

<p class="nomargin wp-block-paragraph">Derzeit verwenden wir allerdings weiterhin das Plugin footnotes, obwohl dieses nicht mehr weiterentwickelt wird.<sup data-fn="dbd35fe8-aaac-4cfa-ac95-fa002debf8bc" class="fn"><a href="#dbd35fe8-aaac-4cfa-ac95-fa002debf8bc" id="dbd35fe8-aaac-4cfa-ac95-fa002debf8bc-link">3</a></sup> <span class="footnote_referrer"><a role="button" tabindex="0" onclick="footnote_moveToReference_2910_6('footnote_plugin_reference_2910_6_3');" onkeypress="footnote_moveToReference_2910_6('footnote_plugin_reference_2910_6_3');" ><sup id="footnote_plugin_tooltip_2910_6_3" class="footnote_plugin_tooltip_text">[3]</sup></a><span id="footnote_plugin_tooltip_text_2910_6_3" class="footnote_tooltip">Plugin: Footnotes</span></span><script type="text/javascript"> jQuery('#footnote_plugin_tooltip_2910_6_3').tooltip({ tip: '#footnote_plugin_tooltip_text_2910_6_3', tipClass: 'footnote_tooltip', effect: 'fade', predelay: 0, fadeInSpeed: 200, delay: 400, fadeOutSpeed: 200, position: 'top center', relative: true, offset: [-7, 0], });</script></p>

</div>
</div>
</div>


<p class="wp-block-paragraph">Wei&szlig; ich nicht genau, welche W&ouml;rter ich verlinken soll, spricht dies f&uuml;r einen Verweis mittels Fu&szlig;noten. Besonders bei dem Belegen von Zahlen mag ich die Art der Referenzierung, denn sonst w&uuml;rde der Text durch die vielen internen Links schnell zerst&uuml;ckelt wirken. Wenn sich zudem zwei unterschiedliche Verlinkung hintereinander befinden w&uuml;rden, w&auml;re dir die Anzahl an Links als Leser nicht ersichtlich.</p>


<div class="gb-container gb-container-1bdd5af9">

<p class="wp-block-paragraph"><strong>Welche Referenzangabe findest du angenehmer?</strong></p>


<div class="gb-container gb-container-bee90efe">
<div class="gb-container gb-container-9f59fb46">

<p class="nomargin wp-block-paragraph">Die European League of Football <a href="https://de.wikipedia.org/wiki/European_League_of_Football#Gr%C3%BCndung">wurde 2020 gegr&#xFC;ndet<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a> und in der <a href="https://de.wikipedia.org/wiki/ELF_2021">ersten Saison nahmen acht Teams<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"> </mark>an der Meisterschaft teil, <a href="https://de.wikipedia.org/wiki/ELF_2022">Saison 2022 bestritten 12 Teams<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a> und <a href="https://de.wikipedia.org/wiki/ELF_2023">2023 startete mit 17. Teams<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a>.</p>

</div>

<div class="gb-container gb-container-6f1bbbb4">

<p class="nomargin wp-block-paragraph">Die European League of Football wurde 2020 gegr&uuml;ndet und in der ersten Saison nahmen acht Teams an der Meisterschaft teil, Saison 2022 bestritten 12 Teams und 2023 startete mit 17. Teams.<sup data-fn="b5889bfe-1426-48b8-95d4-dfa20bc92344" class="fn"><a href="#b5889bfe-1426-48b8-95d4-dfa20bc92344" id="b5889bfe-1426-48b8-95d4-dfa20bc92344-link">4</a></sup> <span class="footnote_referrer"><a role="button" tabindex="0" onclick="footnote_moveToReference_2910_6('footnote_plugin_reference_2910_6_4');" onkeypress="footnote_moveToReference_2910_6('footnote_plugin_reference_2910_6_4');" ><sup id="footnote_plugin_tooltip_2910_6_4" class="footnote_plugin_tooltip_text">[4]</sup></a><span id="footnote_plugin_tooltip_text_2910_6_4" class="footnote_tooltip">In dieser Fu&szlig;note k&ouml;nnten sich mehre Links, beispielsweise zur <a href="https://de.wikipedia.org/wiki/European_League_of_Football#Saison_2022">Wikipedia-Seite der ELF<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><br /></svg></a> oder ein Link zur <a href="https://www.scorigami.de/football/">Auflistung aller Informationen f&#xFC;hren<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><br /></svg></a></span></span><script type="text/javascript"> jQuery('#footnote_plugin_tooltip_2910_6_4').tooltip({ tip: '#footnote_plugin_tooltip_text_2910_6_4', tipClass: 'footnote_tooltip', effect: 'fade', predelay: 0, fadeInSpeed: 200, delay: 400, fadeOutSpeed: 200, position: 'top center', relative: true, offset: [-7, 0], });</script></p>

</div>
</div>
</div>


<p class="wp-block-paragraph">An dieser Stelle hast du zudem die Auswahl eine oder mehrere Fu&szlig;noten zu setzten, wie es dir beliebt. Pers&ouml;nlich mag ich die B&uuml;ndelung, denn ich m&ouml;chte 4 Fakten beweisen, kann dies aber in einer Fu&szlig;note erledigen.</p>



<p class="wp-block-paragraph">Eine weitere M&ouml;glichkeit w&auml;re es ein (siehe Quelle) oder &auml;hnliche Angaben im Text einzuf&uuml;gen. Allerdings empfinde ich dies als unansehnlich. Zumal durch die h&auml;ufige Verwendung identischer W&ouml;rter die semantische Struktur des Textes negativ beeinflusst wird.</p>



<p class="wp-block-paragraph">Durch diesen Prozess gibt es im Flie&szlig;text nur noch wenige Links, wodurch interne Verweise&nbsp;eine gr&ouml;&szlig;ere Aufmerksamkeit erhalten. Intern verlinke ich aus dem Flie&szlig;text samt Keyword heraus, denn dadurch erh&auml;lt die Zielseite die maximale interne St&auml;rke.</p>



<h2 class="gb-headline gb-headline-1e12fb2d gb-headline-text">Fu&#xDF;noten Plugins</h2>



<p class="wp-block-paragraph">Das Sch&ouml;ne am vorgestellten Plugin empfinde ich, dass die erg&auml;nzenden Informationen sich im Flie&szlig;text wiederfinden. Hierf&uuml;r wird ein Shortcode eingef&uuml;gt und das Verzeichnis am Ende wird im Frontend dargestellt. Mir hilft dies bei der &Uuml;bersicht, denn so muss ich nicht an zwei Stellen pr&uuml;fen, was geschrieben wurde. Du kannst den einleitenden Shortcode selbst anpassen.</p>


<div class="wp-block-syntaxhighlighter-code "><pre class="brush: bash; title: ; notranslate">
[fussnote]Das ist eine Fu&#xDF;note f&#xFC;r den vorangegangenen Textabschnitt.[/fussnote]
</pre></div>


<p class="wp-block-paragraph">Die Darstellung wird einmal im <a class="wpg-linkify wpg-tooltip" title="&lt;h3 class=&quot;wpg-tooltip-title&quot;&gt;&lt;span class=&quot;wpg-tooltip-term-title&quot;&gt;Backend&lt;/span&gt;&lt;/h3&gt;&lt;div class=&quot;wpg-tooltip-content&quot;&gt;&lt;p&gt;Ein Backend ist die Administrationsoberfl&auml;che einer Website. Das Backend kann durch Besucher nicht betreten werden.&lt;br /&gt;
&lt;a href=&quot;https://www.deinwp.de/faq/#backend&quot;&gt;Glossar - Backend&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;https://www.deinwp.de/faq/#backend&quot;&gt;Artikel - Backend&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;" href="https://www.deinwp.de/faq/#backend" >Backend</a> eingestellt und auf alle Bereiche &uuml;bernommen.</p>



<figure class="gb-block-image gb-block-image-67e328ef"><img loading="lazy" decoding="async" width="1024" height="902" class="gb-image gb-image-67e328ef" src="https://www.deinwp.de/wp-content/uploads/2023/09/footnotes-plugin-referenz-container-1024x902.png" srcset="https://www.deinwp.de/wp-content/uploads/2023/09/footnotes-plugin-referenz-container-1024x902.png 1024w, https://www.deinwp.de/wp-content/uploads/2023/09/footnotes-plugin-referenz-container-300x264.png 300w, https://www.deinwp.de/wp-content/uploads/2023/09/footnotes-plugin-referenz-container-768x676.png 768w, https://www.deinwp.de/wp-content/uploads/2023/09/footnotes-plugin-referenz-container.png 1442w" sizes="auto, (max-width: 1024px) 100vw, 1024px"/>
<figcaption class="gb-headline gb-headline-9563ab75 gb-headline-text">Sehr viele Einstellungen k&ouml;nnen vorgenommen werden</figcaption>
</figure>



<h2 class="gb-headline gb-headline-bca72410 gb-headline-text">Der WP 6.3 Block&#xA0;</h2>



<p class="wp-block-paragraph">Du findest den Gutenberg-Block direkt im Kontextmen&uuml; deines Editors.<sup data-fn="4a9f9217-38f0-4441-aa6d-dc75904a1446" class="fn"><a href="#4a9f9217-38f0-4441-aa6d-dc75904a1446" id="4a9f9217-38f0-4441-aa6d-dc75904a1446-link">5</a></sup> Klickst du diesen, wird automatisch eine Zahl an der Curser-Stelle eingef&uuml;gt und der Curser springt zum Fu&szlig;noten-Block nach unten auf deiner Seite. Hier kannst du weiteren Text einf&uuml;gen und einen Verweis angeben. Der Block funktioniert genauso, wie andere Bl&ouml;cke und kann im Dokument bewegt werden.</p>



<figure class="gb-block-image gb-block-image-47d1008f"><img loading="lazy" decoding="async" width="941" height="881" class="gb-image gb-image-47d1008f borderme" src="https://www.deinwp.de/wp-content/uploads/2023/09/fussnoten-wordpress-block-kontextmenue.png" srcset="https://www.deinwp.de/wp-content/uploads/2023/09/fussnoten-wordpress-block-kontextmenue.png 941w, https://www.deinwp.de/wp-content/uploads/2023/09/fussnoten-wordpress-block-kontextmenue-300x281.png 300w, https://www.deinwp.de/wp-content/uploads/2023/09/fussnoten-wordpress-block-kontextmenue-768x719.png 768w" sizes="auto, (max-width: 941px) 100vw, 941px"/></figure>



<p class="wp-block-paragraph">Der Block als solcher besitzt keine Einstellm&ouml;glichkeiten. M&ouml;chtest du dies &auml;ndern, musst du dir mit einem Workaround behelfen. Erstelle eine Gruppe und schiebe den Fu&szlig;noten-Block hinein. Dann kannst du den kompletten Block editieren.</p>



<figure class="gb-block-image gb-block-image-236d1d7d"><img loading="lazy" decoding="async" width="1024" height="359" class="gb-image gb-image-236d1d7d" src="https://www.deinwp.de/wp-content/uploads/2023/09/styling-fussnoten-block-gruppe-1024x359.png" srcset="https://www.deinwp.de/wp-content/uploads/2023/09/styling-fussnoten-block-gruppe-1024x359.png 1024w, https://www.deinwp.de/wp-content/uploads/2023/09/styling-fussnoten-block-gruppe-300x105.png 300w, https://www.deinwp.de/wp-content/uploads/2023/09/styling-fussnoten-block-gruppe-768x269.png 768w, https://www.deinwp.de/wp-content/uploads/2023/09/styling-fussnoten-block-gruppe-1536x539.png 1536w, https://www.deinwp.de/wp-content/uploads/2023/09/styling-fussnoten-block-gruppe.png 1887w" sizes="auto, (max-width: 1024px) 100vw, 1024px"/></figure>



<p class="wp-block-paragraph">Da wir bekanntlich GeneratePress nutzen, erh&auml;lt der Block bei uns einen eigenen Container und dieser wird individuell angepasst. So sind wir in dessen Gestaltung deutlich freier.</p>



<h2 class="gb-headline gb-headline-8bbcf782 gb-headline-text">Welche Angaben sind wichtig?</h2>



<p class="wp-block-paragraph">Wichtig ist es, dass dein Leser erkennen kann, wer die Quelle geschaffen hat und in welchem Kontext diese entstanden ist. Daher solltest du das Ver&ouml;ffentlichungsdatum angaben und das Datum deines Zugriffs, denn Internetquellen sind fl&uuml;chtig. Die Uni Bielefeld hat eine ansprechende Auflistung zu diesem Thema geschrieben: <a href="https://www.uni-bielefeld.de/fakultaeten/geschichtswissenschaft/studium/richtig-einsteigen/materialien/fussnoten-literatur/" target="_blank" rel="noreferrer noopener">Was geh&#xF6;rt alles in eine Fu&#xDF;note?<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a></p>



<ol class="wp-block-list">
<li><strong>Wer&nbsp;hat&nbsp;den&nbsp;Text&nbsp;geschrieben</strong>? Findest du einen Autor oder kannst du zumindest den Ort (Website) angeben?</li>



<li>Wie&nbsp;hei&szlig;t&nbsp;der&nbsp;Text?&nbsp;(<strong>Gib den Titel an</strong>!)</li>



<li>Wo&nbsp;ist&nbsp;der&nbsp;Text&nbsp;erschienen?&nbsp;(<strong>Erscheinungsort</strong>, beispielsweise die Internetadresse/URL)</li>



<li>Wann ist der Text erschienen? (<strong>Erscheinungsdatum</strong> beziehungsweise Datum der letzten Aktualisierung)</li>



<li>In welchem&nbsp;Zusammenhang<strong> (Erscheinungskontext)</strong>&nbsp;ist der Text erschienen? Kannst du etwas &uuml;ber die Textart sagen (Interview, Kolumne, Kritik, &hellip;)</li>



<li>Wann hast du dir den Text angesehen? (<strong>Wann war dein Zugriff?</strong>)</li>
</ol>



<p class="wp-block-paragraph">Bilde dir aus diesen Informationen eine einheitliche Vorlage, die du weiterverwenden kannst.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">Ren&eacute; Schr&ouml;ter auf <a href="#">deinwp.de</a> am 7. September 2023: Fu&szlig;noten im Internet. Zugriff: 17. September 2023</p>
</blockquote>



<h2 class="gb-headline gb-headline-6cd87212 gb-headline-text">Verbessere deine Inhalte mit Fu&#xDF;noten</h2>



<p class="wp-block-paragraph">&nbsp;Egal welche Methode du verwendest, erg&auml;nze deine Texte bitte stets mit Links. Der &Uuml;bersicht wegen verwende gern Fu&szlig;noten. Es folgt der Fu&szlig;noten-Block von WordPress:</p>


<div class="gb-container gb-container-2ed77da0">
<ol class="wp-block-footnotes"><li id="f126bad8-939c-4138-8469-3b3c69d5d1a0">Abakus-Forum. Nutzer <a href="https://forum.abakus-internet-marketing.de/viewtopic/t-145812.html">MSTnetsolutions vom 29.01.2023<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a>: &bdquo;Externe Links sind nat&uuml;rlich wichtig, aber auch nur in einem gewissen Rahmen. Zu viele sind sch&auml;dlich.&ldquo;. Zugriff: 4. September 2023 <a href="#f126bad8-939c-4138-8469-3b3c69d5d1a0-link" aria-label="Zur Fu&#xDF;notenreferenz 1 navigieren">&#x21A9;&#xFE0E;</a></li><li id="17b392e6-0c2b-4e28-a694-b138b39b7f62"><a href="https://internetzkidz.de/academy/seo-ms-word-windows-explorer/8-einfuegen-fussnote-offpage-seo/">Internetkidz.de<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a>: Lektion 8: Einf&uuml;gen &ndash;&gt; Fu&szlig;note. Zugriff: 4. September 2023  <a href="#17b392e6-0c2b-4e28-a694-b138b39b7f62-link" aria-label="Zur Fu&#xDF;notenreferenz 2 navigieren">&#x21A9;&#xFE0E;</a></li><li id="dbd35fe8-aaac-4cfa-ac95-fa002debf8bc">Plugin. Footnotes <a href="#dbd35fe8-aaac-4cfa-ac95-fa002debf8bc-link" aria-label="Zur Fu&#xDF;notenreferenz 3 navigieren">&#x21A9;&#xFE0E;</a></li><li id="b5889bfe-1426-48b8-95d4-dfa20bc92344">In dieser Fu&szlig;note k&ouml;nnten sich mehre Links, beispielsweise zur <a href="https://de.wikipedia.org/wiki/European_League_of_Football#Saison_2022">Wikipedia-Seite der ELF<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a> oder ein Link zur <a href="https://www.scorigami.de/football/">Auflistung aller Informationen f&#xFC;hren<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a> <a href="#b5889bfe-1426-48b8-95d4-dfa20bc92344-link" aria-label="Zur Fu&#xDF;notenreferenz 4 navigieren">&#x21A9;&#xFE0E;</a></li><li id="4a9f9217-38f0-4441-aa6d-dc75904a1446"><a href="https://wordpress.org/documentation/article/footnotes-block/">WordPress.org <svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a>Dokumentation: Footnotes Block. Zugriff: 4. September 2023 <a href="#4a9f9217-38f0-4441-aa6d-dc75904a1446-link" aria-label="Zur Fu&#xDF;notenreferenz 5 navigieren">&#x21A9;&#xFE0E;</a></li></ol>
</div>


<p class="has-medium-font-size wp-block-paragraph">Hier endet der Text und es folgt die Referenzliste aus dem Plugin.</p><div class="speaker-mute footnotes_reference_container"> <div class="footnote_container_prepare"><p><span role="button" tabindex="0" class="footnote_reference_container_label pointer" onclick="footnote_expand_collapse_reference_container_2910_6();">Quellen und Fußnoten</span><span role="button" tabindex="0" class="footnote_reference_container_collapse_button" style="" onclick="footnote_expand_collapse_reference_container_2910_6();">[<a id="footnote_reference_container_collapse_button_2910_6">+</a>]</span></p></div> <div id="footnote_references_container_2910_6" style="display: none;"><table class="footnotes_table footnote-reference-container"><caption class="accessibility">Quellen und Fußnoten</caption> <tbody> 

<tr class="footnotes_plugin_reference_row"> <th scope="row" class="footnote_plugin_index_combi pointer"  onclick="footnote_moveToAnchor_2910_6('footnote_plugin_tooltip_2910_6_1');"><a id="footnote_plugin_reference_2910_6_1" class="footnote_backlink"><span class="footnote_index_arrow">&#8593;</span>1</a></th> <td class="footnote_plugin_text">Abakus-Forum. Nutzer <a href="https://forum.abakus-internet-marketing.de/viewtopic/t-145812.html">MSTnetsolutions vom 29.01.2023<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a>: &bdquo;Externe Links sind nat&uuml;rlich wichtig, aber auch nur in einem gewissen Rahmen. Zu viele sind sch&auml;dlich.&ldquo;. Zugriff: 4. September 2023</td></tr>

<tr class="footnotes_plugin_reference_row"> <th scope="row" class="footnote_plugin_index_combi pointer"  onclick="footnote_moveToAnchor_2910_6('footnote_plugin_tooltip_2910_6_2');"><a id="footnote_plugin_reference_2910_6_2" class="footnote_backlink"><span class="footnote_index_arrow">&#8593;</span>2</a></th> <td class="footnote_plugin_text"><a href="https://internetzkidz.de/academy/seo-ms-word-windows-explorer/8-einfuegen-fussnote-offpage-seo/">Internetkidz.de<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a>: Lektion 8: Einf&uuml;gen &ndash;&gt; Fu&szlig;note. Zugriff: 4. September 2023</td></tr>

<tr class="footnotes_plugin_reference_row"> <th scope="row" class="footnote_plugin_index_combi pointer"  onclick="footnote_moveToAnchor_2910_6('footnote_plugin_tooltip_2910_6_3');"><a id="footnote_plugin_reference_2910_6_3" class="footnote_backlink"><span class="footnote_index_arrow">&#8593;</span>3</a></th> <td class="footnote_plugin_text">Plugin: Footnotes</td></tr>

<tr class="footnotes_plugin_reference_row"> <th scope="row" class="footnote_plugin_index_combi pointer"  onclick="footnote_moveToAnchor_2910_6('footnote_plugin_tooltip_2910_6_4');"><a id="footnote_plugin_reference_2910_6_4" class="footnote_backlink"><span class="footnote_index_arrow">&#8593;</span>4</a></th> <td class="footnote_plugin_text">In dieser Fu&szlig;note k&ouml;nnten sich mehre Links, beispielsweise zur <a href="https://de.wikipedia.org/wiki/European_League_of_Football#Saison_2022">Wikipedia-Seite der ELF<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a> oder ein Link zur <a href="https://www.scorigami.de/football/">Auflistung aller Informationen f&#xFC;hren<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a></td></tr>

 </tbody> </table> </div></div><script type="text/javascript"> function footnote_expand_reference_container_2910_6() { jQuery('#footnote_references_container_2910_6').show(); jQuery('#footnote_reference_container_collapse_button_2910_6').text('−'); } function footnote_collapse_reference_container_2910_6() { jQuery('#footnote_references_container_2910_6').hide(); jQuery('#footnote_reference_container_collapse_button_2910_6').text('+'); } function footnote_expand_collapse_reference_container_2910_6() { if (jQuery('#footnote_references_container_2910_6').is(':hidden')) { footnote_expand_reference_container_2910_6(); } else { footnote_collapse_reference_container_2910_6(); } } function footnote_moveToReference_2910_6(p_str_TargetID) { footnote_expand_reference_container_2910_6(); var l_obj_Target = jQuery('#' + p_str_TargetID); if (l_obj_Target.length) { jQuery( 'html, body' ).delay( 0 ); jQuery('html, body').animate({ scrollTop: l_obj_Target.offset().top - window.innerHeight * 0.2 }, 380); } } function footnote_moveToAnchor_2910_6(p_str_TargetID) { footnote_expand_reference_container_2910_6(); var l_obj_Target = jQuery('#' + p_str_TargetID); if (l_obj_Target.length) { jQuery( 'html, body' ).delay( 0 ); jQuery('html, body').animate({ scrollTop: l_obj_Target.offset().top - window.innerHeight * 0.2 }, 380); } }</script><p>Der Beitrag <a href="https://www.deinwp.de/fussnoten-im-internet/">Fußnoten im Internet</a> erschien zuerst auf <a href="https://www.deinwp.de">deinWP.de</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.deinwp.de/fussnoten-im-internet/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Warum wir WordPress-Plugins nicht mögen</title>
		<link>https://www.deinwp.de/warum-wir-wordpress-plugins-nicht-moegen/</link>
					<comments>https://www.deinwp.de/warum-wir-wordpress-plugins-nicht-moegen/#respond</comments>
		
		<dc:creator><![CDATA[reen]]></dc:creator>
		<pubDate>Sun, 09 Apr 2023 18:37:45 +0000</pubDate>
				<category><![CDATA[Allgemeines]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Prozesse]]></category>
		<guid isPermaLink="false">https://www.deinwp.de/?p=2472</guid>

					<description><![CDATA[<p>Selbstverst&#228;ndlich ist diese Pauschalaussage in dieser Form nicht haltbar. Es bedarf einer ausf&#252;hrlichen Erkl&#228;rung. Wir m&#246;gen allerdings die bedenkenlose Installation von Plugins nicht, nur weil eine Funktion gew&#252;nscht wird. Gern der Reihe nach. Du kennst doch sicherlich das folgende Sprichwort: Viele K&#246;che verderben den Brei! Deutsches Sprichwort Dieser passt bildlich sehr gut zur Intention. Auf unsere WordPress-Thematik abgewandelt w&#252;rde das Sprichwort wie folgt lauten: Viele Entwickler verderben deinWP. Ren&#233; in Anlehnung an das deutsche Sprichwort Oder ausf&#252;hrlicher&#160; Je mehr Entwickler ... </p>
<p class="read-more-container"><a title="Warum wir WordPress-Plugins nicht mögen" class="read-more button" href="https://www.deinwp.de/warum-wir-wordpress-plugins-nicht-moegen/#more-2472" aria-label="Mehr Informationen über Warum wir WordPress-Plugins nicht mögen">weiterlesen</a></p>
<p>Der Beitrag <a href="https://www.deinwp.de/warum-wir-wordpress-plugins-nicht-moegen/">Warum wir WordPress-Plugins nicht mögen</a> erschien zuerst auf <a href="https://www.deinwp.de">deinWP.de</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Selbstverst&auml;ndlich ist diese Pauschalaussage in dieser Form nicht haltbar. Es bedarf einer ausf&uuml;hrlichen Erkl&auml;rung. Wir m&ouml;gen allerdings die bedenkenlose Installation von Plugins nicht, nur weil eine Funktion gew&uuml;nscht wird. Gern der Reihe nach. Du kennst doch sicherlich das folgende Sprichwort:</p>



<blockquote class="wp-block-quote is-style-plain is-layout-flow wp-block-quote-is-layout-flow" style="font-style:normal;font-weight:200">
<p class="wp-block-paragraph">Viele K&ouml;che verderben den Brei!</p>
<cite>Deutsches Sprichwort</cite></blockquote>



<p class="wp-block-paragraph">Dieser passt bildlich sehr gut zur Intention. Auf unsere WordPress-Thematik abgewandelt w&uuml;rde das Sprichwort wie folgt lauten:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">Viele Entwickler verderben deinWP.</p>
<cite>Ren&eacute; in Anlehnung an das deutsche Sprichwort</cite></blockquote>



<p class="wp-block-paragraph">Oder ausf&uuml;hrlicher&nbsp;</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">Je mehr Entwickler an deinem Projekt beteiligt sind, desto wahrscheinlicher tritt eine Inkompatibilit&auml;t auf.</p>
</blockquote>



<p class="wp-block-paragraph">Hinter jedem Plugin verbirgt sich ein einzelner Entwickler oder komplettes Team und das jeweilige Plugin wird unterschiedlich energisch weiterentwickelt. Jeder Entwickler hat zudem seine eigene Handschrift, sozusagen seine Lieblingsgew&uuml;rze. Innerhalb eines Teams schmeckt die Qualit&auml;tssicherung das Gericht ab, bevor es auf die Speisekarte gesetzt wird.&nbsp;Daher werden unterschiedliche Plugins eines Teams, eines Anbieters, voraussichtlich besser zusammen arbeiten, als wenn diese aus unterschiedlichen K&uuml;chen stammen.</p>



<p class="wp-block-paragraph">Des Weiteren ben&ouml;tigt jedes Plugin bestimmte Ressourcen. Es kommt zu Eintr&auml;gen in der Datenbank und auf dem Server. Bei der Verwendung werden Abfragen get&auml;tigt und eventuell externe Quellen angezapft. Dadurch beeintr&auml;chtigt die Verwendung eines Plugins die Geschwindigkeit deiner Website. H&auml;ufig sind daher kleine &bdquo;Snippet-L&ouml;sungen&ldquo; effizienter.</p>



<p class="wp-block-paragraph">In unseren Artikeln bieten wir dir daher zumeist beide Varianten an. Sozusagen eine Zutatenliste mit Kochanleitung und ein auftaubares Fertigprodukt. Welche Variante du im speziellen Fall probieren m&ouml;chtest, sollte dabei nicht immer dein Bauch entscheiden ; )</p>


<div class="gb-container gb-container-ab09945f">
<div class="gb-container gb-container-3707a9df gb-accordion">
<div class="gb-container gb-container-f71cadce gb-accordion__item" data-transition="slide">

<button class="gb-button gb-button-33e88127 gb-accordion__toggle" id="gb-accordion-toggle-33e88127"><span class="gb-button-text">Wei&szlig;t du, was ein Plugin ist?</span><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" width="1em" height="1em" ariahidden="true" role="img" class="gb-accordion__icon"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" width="1em" height="1em" ariahidden="true" role="img" class="gb-accordion__icon-open"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" fill="currentColor"></path></svg></span></button>


<div id="gb-accordion-content-95526256" class="gb-accordion__content"><div class="gb-container gb-container-95526256">

<p class="wp-block-paragraph">Ein Plugin ist eine Erweiterung oder ein Zusatzprogramm f&uuml;r eine Software oder ein System, das zus&auml;tzliche Funktionen oder F&auml;higkeiten hinzuf&uuml;gt. Plugins werden normalerweise von Drittanbietern entwickelt. W&ouml;rtlich &uuml;bersetzt bedeutet &bdquo;Plug&ldquo; im Deutschen &bdquo;St&ouml;psel&ldquo;. Und der Name ist sozusagen Programm, denn du steckst eine weitere Funktion in dein WordPress hinein.</p>



<p class="wp-block-paragraph">Die Suche ist denkbar einfach, denn via Plugins &ndash;&gt; Installation (deinwp.de/wp-admin/plugin-install.php) deines Backends, erreichst du eine Oberfl&auml;che, in der du die Datenbank durchsuchen kannst.Mit einem weiteren Klick auf &bdquo;Jetzt installieren&ldquo;, werden die Dateien bereits heruntergeladen und die Erweiterung ist nach seiner Aktivierung direkt verf&uuml;gbar.</p>



<figure class="gb-block-image gb-block-image-c5589c95"><img loading="lazy" decoding="async" width="1749" height="555" class="gb-image gb-image-c5589c95" src="https://www.deinwp.de/wp-content/uploads/2023/04/wordpress-plugins-hinzufuegen.jpg" alt="" title="wordpress-plugins-hinzufuegen" srcset="https://www.deinwp.de/wp-content/uploads/2023/04/wordpress-plugins-hinzufuegen.jpg 1749w, https://www.deinwp.de/wp-content/uploads/2023/04/wordpress-plugins-hinzufuegen-300x95.jpg 300w, https://www.deinwp.de/wp-content/uploads/2023/04/wordpress-plugins-hinzufuegen-1024x325.jpg 1024w, https://www.deinwp.de/wp-content/uploads/2023/04/wordpress-plugins-hinzufuegen-768x244.jpg 768w, https://www.deinwp.de/wp-content/uploads/2023/04/wordpress-plugins-hinzufuegen-1536x487.jpg 1536w" sizes="auto, (max-width: 1749px) 100vw, 1749px"/></figure>

</div></div>
</div>
</div>
</div>


<h2 class="gb-headline gb-headline-62bfac37 gb-headline-text">Beachte folgende 7 Punkte bei der Auswahl deines Plugins:</h2>



<p class="gb-headline gb-headline-e59b538e"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M323.56 51.2c-20.8 19.3-39.58 39.59-56.22 59.97C240.08 73.62 206.28 35.53 168 0 69.74 91.17 0 209.96 0 281.6 0 408.85 100.29 512 224 512s224-103.15 224-230.4c0-53.27-51.98-163.14-124.44-230.4zm-19.47 340.65C282.43 407.01 255.72 416 226.86 416 154.71 416 96 368.26 96 290.75c0-38.61 24.31-72.63 72.79-130.75 6.93 7.98 98.83 125.34 98.83 125.34l58.63-66.88c4.14 6.85 7.91 13.55 11.27 19.97 27.35 52.19 15.81 118.97-33.43 153.42z"></path></svg></span><span class="gb-headline-text"><strong>Bedenke:</strong> Stelle dir zun&auml;chst die Frage, ob du f&uuml;r die angestrebte Funktion unbedingt ein Plugin ben&ouml;tigst!</span></p>



<p class="wp-block-paragraph">1. Wann war die letzte Aktualisierung?</p>



<p class="wp-block-paragraph">Besonders wichtig ist nicht das Aktualisierungsdatum an sich, sondern ob das Plugin mit deiner bzw. der aktuellsten Version von WordPress getestet wurde.</p>



<p class="wp-block-paragraph">Sobald mehrere Minor-Versionen nicht gepr&uuml;ft wurden, ist zumindest Vorsicht geboten. Wurde gar ein Major-Update nicht mit dem Plugin gepr&uuml;ft, solltest du direkt Abstand nehmen. Im Allgemeinen sollte die aktuellste WordPress-Version nach zwei Wochen mit dem gew&uuml;nschten Plugin kompatibel sein.</p>



<div class="gb-headline gb-headline-1c168fbe gb-headline-text">2. Wie popul&auml;r ist das Plugin?</div>



<p class="wp-block-paragraph">Bei Plugins aus dem WordPress-Verzeichnis steht ein &ndash; allerdings vergleichsweise ungenauer &ndash; Z&auml;hler zu den aktiven Installationen. Nat&uuml;rlich darfst du davon ausgehen, dass popul&auml;re Erweiterungen h&auml;ufig gepr&uuml;ft und rezensiert wurden. Aber besonders bei speziellen Anforderungen unterscheiden sich die Zahlen der aktiven Installationen nicht mehr so deutlich und du musst deine Auswahl anhand anderer Kriterien treffen. Zudem kann die Masse durchaus auch einmal falsch liegen.</p>



<div class="gb-headline gb-headline-1910416a gb-headline-text">3. Bewertungen</div>



<p class="wp-block-paragraph">Wie bei Bewertungen gew&ouml;hnlich, solltest du dabei auf die Gesamtanzahl, die Anzahl einzelner Sterne und auf das Verh&auml;ltnis niedriger zu hoher Bewertungen achten.</p>



<p class="wp-block-paragraph">Wenn du dir einzelne Rezensionen durchliest, achte auf das Erstellungsdatum. Es passiert immer wieder, dass Plugins von anderen Entwicklern &uuml;bernommen werden und &bdquo;pl&ouml;tzlich&ldquo; negative Bewertungen entstehen. Diese aber in der Gesamtanzahl zun&auml;chst nicht auffallen.</p>



<div class="gb-headline gb-headline-c4e80bcb gb-headline-text">4. Wie viele Aktualisierungen gab es insgesamt?</div>



<p class="wp-block-paragraph">Nimm die Versionsnummer als ersten Indikator daf&uuml;r, wie intensiv die Entwicklung im Hintergund geschieht. Denn, wenn es viele Versionen gibt, dann sollte die Betreuung intensiver sein, was meist f&uuml;r eine h&ouml;here Qualit&auml;t spricht. Suche nach einem Changelog zum jeweiligen Plugin. In diesem wirst du alle Versionen samt Inhalt des jeweiligen Updates finden. <span class="footnote_referrer"><a role="button" tabindex="0" onclick="footnote_moveToReference_2472_8('footnote_plugin_reference_2472_8_1');" onkeypress="footnote_moveToReference_2472_8('footnote_plugin_reference_2472_8_1');" ><sup id="footnote_plugin_tooltip_2472_8_1" class="footnote_plugin_tooltip_text">[1]</sup></a><span id="footnote_plugin_tooltip_text_2472_8_1" class="footnote_tooltip"><a href="https://developer.woocommerce.com/releases/" target="_blank" rel="noreferrer noopener">Changelog des Woocommerce Core<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><br /></svg></a>. Zugriff: 27.03.2023</span></span><script type="text/javascript"> jQuery('#footnote_plugin_tooltip_2472_8_1').tooltip({ tip: '#footnote_plugin_tooltip_text_2472_8_1', tipClass: 'footnote_tooltip', effect: 'fade', predelay: 0, fadeInSpeed: 200, delay: 400, fadeOutSpeed: 200, position: 'top center', relative: true, offset: [-7, 0], });</script> Zudem zeugt das Vorhandensein des &Auml;nderungsprotokolls einen hohen Grad an Dokumentation.</p>



<div class="gb-headline gb-headline-351588d0 gb-headline-text">5. Wird bei Problemen geholfen?</div>



<p class="wp-block-paragraph">Wie sieht es mit der Unterst&uuml;tzung bei Schwierigkeiten aus? Die Anzeige seitens WordPress.org visualisiert dir auf den ersten Blick, wie viele Anfragen in den letzten zwei Monaten eingegangen sind und gel&ouml;st wurden. Ein Blick in den Support-Reiter vermittelt dir weiterhin einen Eindruck, wie viel Freude die Entwickler an der Hilfe bei Problemen haben.</p>



<h2 class="gb-headline gb-headline-fd8fb203 gb-headline-text">6. Von wem wird das Plugin programmiert?</h2>



<p class="wp-block-paragraph">Ist ein komplettes Team an der Entwicklung beteiligt, oder wird es lediglich von einer Einzelperson entwickelt? Die Gefahr bei kostenlosten Erweiterungen, die von einer einzelnen Person programmiert werden, ist deutlich h&ouml;her, als wenn ein Team daran beteiligt ist. Erweiterungen von Automattic oder inpsyde stehen f&uuml;r Qualit&auml;t und diese werden sicherlich miteinander gepr&uuml;ft. </p>



<p class="wp-block-paragraph">Zudem lohnt sich ein Blick in die eigene Addon-Liste der Macher.</p>



<p class="wp-block-paragraph">7. Welche weiteren Funktionen bietet das Plugin?</p>



<p class="wp-block-paragraph">Gerade bekannte Add-ons erhalten im Laufe der Zeit eine Vielzahl an Funktionen, die nicht immer ben&ouml;tigt werden. Oder die du gar nicht kanntest. Daher pr&uuml;fe deine aktiven Plugins einmal im Jahr auf ihren Funktionsumfang, um herauszufinden, welche Dinge du noch nicht kanntest. <strong>Eventuell kann ein Existierendes abgel&ouml;st werden?</strong></p>



<figure class="gb-block-image gb-block-image-fea9ffb6"><img loading="lazy" decoding="async" width="961" height="1359" class="gb-image gb-image-fea9ffb6" src="https://www.deinwp.de/wp-content/uploads/2023/03/screenshot-woocommerce-wordpress-markierungen.jpg" alt="" title="screenshot-woocommerce-wordpress-markierungen" srcset="https://www.deinwp.de/wp-content/uploads/2023/03/screenshot-woocommerce-wordpress-markierungen.jpg 961w, https://www.deinwp.de/wp-content/uploads/2023/03/screenshot-woocommerce-wordpress-markierungen-212x300.jpg 212w, https://www.deinwp.de/wp-content/uploads/2023/03/screenshot-woocommerce-wordpress-markierungen-724x1024.jpg 724w, https://www.deinwp.de/wp-content/uploads/2023/03/screenshot-woocommerce-wordpress-markierungen-768x1086.jpg 768w" sizes="auto, (max-width: 961px) 100vw, 961px"/>
<figcaption class="gb-headline gb-headline-0ea58bfe gb-headline-text">Hier sind noch einmal die aufgelisteten Punkte markiert | <a href="https://wordpress.org/plugins/woocommerce/" target="_blank" rel="noreferrer noopener">Pluginseite von WooCommerce<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a> </figcaption>
</figure><div class="speaker-mute footnotes_reference_container"> <div class="footnote_container_prepare"><p><span role="button" tabindex="0" class="footnote_reference_container_label pointer" onclick="footnote_expand_collapse_reference_container_2472_8();">Quellen und Fußnoten</span><span role="button" tabindex="0" class="footnote_reference_container_collapse_button" style="" onclick="footnote_expand_collapse_reference_container_2472_8();">[<a id="footnote_reference_container_collapse_button_2472_8">+</a>]</span></p></div> <div id="footnote_references_container_2472_8" style="display: none;"><table class="footnotes_table footnote-reference-container"><caption class="accessibility">Quellen und Fußnoten</caption> <tbody> 

<tr class="footnotes_plugin_reference_row"> <th scope="row" class="footnote_plugin_index_combi pointer"  onclick="footnote_moveToAnchor_2472_8('footnote_plugin_tooltip_2472_8_1');"><a id="footnote_plugin_reference_2472_8_1" class="footnote_backlink"><span class="footnote_index_arrow">&#8593;</span>1</a></th> <td class="footnote_plugin_text"><a href="https://developer.woocommerce.com/releases/" target="_blank" rel="noreferrer noopener">Changelog des Woocommerce Core<svg xmlns="http://www.w3.org/2000/svg" style="display:inline;vertical-align:middle;height:.8em;width:.8em;fill:currentColor;margin-left:0.2em;margin-right:0.1em;" viewBox="0 0 896 896"><path d="M640 768H128V257.906L256 256V128H0v768h768V576H640V768zM384 128l128 128L320 448l128 128 192-192 128 128V128H384z"/></svg></a>. Zugriff: 27.03.2023</td></tr>

 </tbody> </table> </div></div><script type="text/javascript"> function footnote_expand_reference_container_2472_8() { jQuery('#footnote_references_container_2472_8').show(); jQuery('#footnote_reference_container_collapse_button_2472_8').text('−'); } function footnote_collapse_reference_container_2472_8() { jQuery('#footnote_references_container_2472_8').hide(); jQuery('#footnote_reference_container_collapse_button_2472_8').text('+'); } function footnote_expand_collapse_reference_container_2472_8() { if (jQuery('#footnote_references_container_2472_8').is(':hidden')) { footnote_expand_reference_container_2472_8(); } else { footnote_collapse_reference_container_2472_8(); } } function footnote_moveToReference_2472_8(p_str_TargetID) { footnote_expand_reference_container_2472_8(); var l_obj_Target = jQuery('#' + p_str_TargetID); if (l_obj_Target.length) { jQuery( 'html, body' ).delay( 0 ); jQuery('html, body').animate({ scrollTop: l_obj_Target.offset().top - window.innerHeight * 0.2 }, 380); } } function footnote_moveToAnchor_2472_8(p_str_TargetID) { footnote_expand_reference_container_2472_8(); var l_obj_Target = jQuery('#' + p_str_TargetID); if (l_obj_Target.length) { jQuery( 'html, body' ).delay( 0 ); jQuery('html, body').animate({ scrollTop: l_obj_Target.offset().top - window.innerHeight * 0.2 }, 380); } }</script><p>Der Beitrag <a href="https://www.deinwp.de/warum-wir-wordpress-plugins-nicht-moegen/">Warum wir WordPress-Plugins nicht mögen</a> erschien zuerst auf <a href="https://www.deinwp.de">deinWP.de</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.deinwp.de/warum-wir-wordpress-plugins-nicht-moegen/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
