Wie man einen Schriftgrößen-Änderer in WordPress für Barrierefreiheit hinzufügt

Wir haben gelernt, dass die besten Websites diejenigen sind, die sich an ihre Benutzer anpassen, und nicht umgekehrt.

Eine der effektivsten Möglichkeiten, dies zu tun, ist die Hinzufügung einer Schriftgrößenanpassung, die es Besuchern ermöglicht, die Textgröße auf ihr Komfortniveau einzustellen.

Schriftgrößen-Barrierefreiheit nützt allen. Sie hilft Benutzern mit Sehbehinderungen sowie Personen, die auf kleinen Geräten oder bei schlechten Lichtverhältnissen lesen.

Wenn Besucher die Textgröße einfach anpassen können, bleiben sie länger und lesen mehr Inhalte. Sie sind auch eher bereit, sich mit Ihrer Website zu beschäftigen.

In diesem Leitfaden zeigen wir Ihnen genau, wie Sie Ihrer WordPress-Website eine Schriftgrößenanpassung hinzufügen.

Warum skalierbaren Text zu Ihrer Website hinzufügen? 🤔

Wenn die Schriftgröße auf Ihrer Website zu klein ist, haben die Leute Schwierigkeiten, Ihre Artikel zu lesen und verlassen Ihre Website schließlich.

Eine einfache Möglichkeit, die Lesbarkeit zu verbessern, ist, Besuchern die Möglichkeit zu geben, die Haupttextgröße auf Ihrer Website zu ändern. Dies ermöglicht es Benutzern, die Textgröße nach ihren Wünschen anzupassen.

Sie fragen sich vielleicht nach der integrierten Zoom-Funktion des Browsers (gedrückt mit den Tasten ‘STRG und +’). Das funktioniert zwar, vergrößert aber jedes Element auf der Seite, einschließlich Bilder und Navigationsmenüs.

Eine Schriftgrößenänderung ist eine bessere Option. Sie ermöglicht es Benutzern, nur die Textgröße zu erhöhen, während der Rest des Layouts unverändert bleibt.

Lassen Sie uns nun sehen, wie Sie Ihren Besuchern in WordPress ganz einfach skalierbaren Text zur Verfügung stellen können. Sie können die Schnelllinks unten verwenden, um zu einer bestimmten Methode zu springen:

• Methode 1: WordPress Accessibility Plugin verwenden (empfohlen)
• Method 2: Add WordPress Font Resizer With Plugin (Classic Themes Only)
• Video-Tutorial
• Häufig gestellte Fragen zu WordPress-Schriftarten
• Machen Sie Ihre WordPress-Website mit diesen Tipps noch einfacher zu bedienen

Methode 1: WordPress Accessibility Plugin verwenden (empfohlen)

Der einfachste Weg, Benutzern die Größenänderung von Text zu ermöglichen, ist die Verwendung des WP Accessibility Plugins. Es fügt Ihrer Website eine hilfreiche Symbolleiste hinzu, die mit jedem Theme funktioniert.

Zuerst müssen Sie das WP Accessibility Plugin auf Ihrer Website installieren und aktivieren. Eine Anleitung dazu, wie man ein WordPress-Plugin installiert, finden Sie in unserem Leitfaden, falls Sie Hilfe benötigen.

Nach der Aktivierung gehen Sie zur Seite WP Accessibility in Ihrem WordPress-Admin-Dashboard, um die Plugin-Einstellungen zu konfigurieren.

Scrollen Sie nach unten zum Abschnitt „Accessibility Toolbar“. Hier müssen Sie das Kontrollkästchen für „Enable Accessibility toolbar“ aktivieren.

Stellen Sie sicher, dass Sie auch die Option „Font size“ aktivieren. Dadurch werden die eigentlichen Schaltflächen zur Größenänderung auf der Symbolleiste erstellt.

Sie können auch andere Funktionen wie „Contrast“ und „Grayscale“ aktivieren, wenn Sie weitere Barrierefreiheitsoptionen anbieten möchten.

Suchen Sie als Nächstes nach den Schriftgrößen-Einstellungen. Wir empfehlen, die Option „Use alternate font resizing stylesheet“ zu aktivieren.

Dies stellt sicher, dass das Plugin ein separates Stylesheet verwendet, um Ihren Text zu skalieren. Es zwingt den Text, größer und besser lesbar zu werden, ohne das Design Ihrer Website zu beeinträchtigen.

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Update Toolbar Settings“, um Ihre Änderungen zu speichern.

Sie können nun Ihre Website besuchen, um die Symbolleiste in Aktion zu sehen. Sie erscheint normalerweise an der Seite des Bildschirms.

Weitere Informationen finden Sie in unserem Leitfaden zur Verbesserung der Barrierefreiheit Ihrer WordPress-Website.

Methode 2: WordPress Schriftgrößen-Änderer mit Plugin hinzufügen (nur klassische Themes)

Wenn Sie ein klassisches WordPress-Theme verwenden, können Sie Ihrer Seitenleiste mit dem Plugin Accessibility Widget ein Schriftgrößen-Änderer-Widget hinzufügen.

Installieren und aktivieren Sie zuerst das Accessibility Widget Plugin auf Ihrer Website. Wenn Sie Hilfe benötigen, lesen Sie bitte unseren Leitfaden unter wie man ein WordPress-Plugin installiert.

Gehen Sie nach der Aktivierung in Ihrem Dashboard zu Darstellung » Widgets. Suchen Sie den Block „Accessibility Widget“ und fügen Sie ihn Ihrem Seitenleistenbereich hinzu.

Sobald es hinzugefügt ist, können Sie die Widget-Einstellungen anpassen. Sie können einen Titel wie „Textgröße ändern“ eingeben, damit Besucher wissen, was das Tool tut.

Als Nächstes müssen Sie auswählen, welche Teile Ihrer Website in der Größe geändert werden sollen. Die Standardoptionen (body, paragraph, list items und table cells) funktionieren für die meisten Websites gut.

Das Plugin ermöglicht bis zu vier Größenänderungsoptionen: 90 %, 100 %, 110 % und 120 %. Sie können diese Zahlen im Feld „Auf diese Größen einstellen“ anpassen, wenn Sie größere oder kleinere Optionen wünschen.

Schließlich sehen Sie sich die Einstellung „Controller-Text“ an. Dies ist einfach die Beschriftung, auf die Ihre Besucher klicken (z. B. „A+“, „A-“). Sie können den Standardtext beibehalten oder ihn in etwas anderes ändern.

Klicken Sie auf „Aktualisieren“, um Ihre Widget-Einstellungen zu speichern. Wenn Sie Ihre Live-Website besuchen, sehen Sie das Widget in Ihrer Seitenleiste.

Optional: Widget-Stil mit CSS anpassen

Wenn die Textlinks zu schlicht aussehen, können Sie sie mit CSS wie Schaltflächen gestalten.

Gehen Sie zu Darstellung » Anpassen und klicken Sie auf den Tab „Zusätzliches CSS“.

Sie können den folgenden Code einfügen, um den Widget-Links einen Rahmen und fetten Text hinzuzufügen:

.widget_accesstxt a {
border: 2px solid #000;
padding: 2px;
font-weight: bold;
}

Hinweis: Dieser Code zielt auf die spezifische CSS-Klasse ab, die vom Accessibility Widget Plugin verwendet wird. Er funktioniert nicht für andere Tools.

Für weitere Details lesen Sie bitte unseren Leitfaden unter hinzufügen benutzerdefiniertes CSS in WordPress.

Wenn Sie mit dem Aussehen zufrieden sind, klicken Sie auf „Veröffentlichen“, um Ihre Änderungen zu speichern.

Video-Tutorial

Wenn Sie die Anweisungen nicht lesen möchten, können Sie sich unser Video-Tutorial ansehen:

Häufig gestellte Fragen zu WordPress-Schriftarten

Hier sind einige Fragen, die unsere Leser zu Schriftarten in WordPress gestellt haben:

Wie ändere ich die Schriftgröße in WordPress?

Sie können Schriftgrößen über die Einstellungen „Typografie“ in der Seitenleiste des Block-Editors ändern. Klicken Sie einfach auf einen Textblock, schauen Sie in das rechte Bedienfeld und passen Sie die Größenoptionen (S, M, L, XL) an. Für websiteweite Änderungen können Sie je nach Theme die globalen Stile oder den Theme-Customizer verwenden.

Wie füge ich eine benutzerdefinierte Schriftart in WordPress hinzu?

Der einfachste Weg, eine benutzerdefinierte Schriftart hinzuzufügen, ist die Verwendung eines Plugins wie Custom Fonts. Es ermöglicht Ihnen, Schriftdateien hochzuladen oder sich mit Google Fonts zu verbinden, ohne Code schreiben zu müssen. Sie können Schriftarten auch manuell mit CSS hinzufügen, wenn Sie sich mit Code auskennen.

Warum kann ich die Schriftgröße in WordPress nicht ändern?

Wenn Sie die Option für die Schriftgröße nicht sehen können, ist sie wahrscheinlich im Menü der Blockeinstellungen verborgen. Klicken Sie in der rechten Seitenleiste auf das Drei-Punkte-Menü neben „Typografie“, um die vollständige Liste der Schriftartsteuerungen anzuzeigen.

Wie ändere ich die Schriftfarbe in WordPress?

Sie können die Schriftfarbe in der Seitenleiste der Blockeinstellungen ändern. Wählen Sie den Text aus, den Sie ändern möchten, suchen Sie den Abschnitt „Farbe“ auf der rechten Seite und klicken Sie auf „Text“, um eine neue Farbe aus der Palette auszuwählen.

Hilfe finden Sie in unserem Tutorial zum Ändern der Textfarbe in WordPress.

Machen Sie Ihre WordPress-Website mit diesen Tipps noch einfacher zu bedienen

Möchten Sie Ihre Website einfacher zu bedienen und großartig aussehen lassen? Schauen Sie sich diese hilfreichen Anleitungen an:

• So fügen Sie Pfeiltasten-Tastaturnavigation in WordPress hinzu – Erleichtern Sie den Personen die Navigation auf Ihrer Website.
• So passen Sie die Farben Ihrer WordPress-Website an – Wählen Sie die richtigen Farben, damit Ihre Website gut aussieht und leicht zu lesen ist.
• So fügen Sie eine Preloader-Animation zu WordPress hinzu (Schritt für Schritt) – Fügen Sie Ihrem Website eine coole Ladebildschirm hinzu.
• So fügen Sie Ihrer WordPress-Website ganz einfach Dark Mode hinzu – Ermöglichen Sie Benutzern den Wechsel zu einem dunkleren Theme, wenn sie dies bevorzugen.
• Wege, eine mobilfreundliche WordPress-Website zu erstellen – Stellen Sie sicher, dass Ihre Website auf Handys und Tablets gut funktioniert.
• So erhalten Sie Feedback zum Website-Design in WordPress (Schritt für Schritt) – Erfahren Sie, wie Sie Leute fragen, was sie über das Design Ihrer Website denken.
• Text in WordPress hervorheben (Anfängerleitfaden) – Lernen Sie, wie Sie wichtige Wörter auf Ihren Seiten hervorheben.

Wir hoffen, dieser Artikel hat Ihnen geholfen, skalierbare Texte zu Ihrer WordPress-Site hinzuzufügen. Möglicherweise möchten Sie auch unsere Expertenauswahl der besten Drag-and-Drop-Seitenersteller für WordPress und unseren vollständigen Leitfaden zu WordPress-Theme-Updates überprüfen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.