So fügen Sie in WordPress anpassbaren Text für Website-Besucher hinzu

Haben Sie die Schaltflächen zum Ändern der Schriftgröße auf einigen beliebten Websites gesehen? Der Zweck dieser Schaltflächen besteht darin, Besuchern mit eingeschränkter Sicht eine einfachere Möglichkeit zu bieten, die Schriftgröße anzupassen, ohne das Layout einer Website zu beeinträchtigen. Obwohl Sie die integrierte Zoom-Funktion des Browsers durch Drücken von STRG- und + -Tasten verwenden können, vergrößert dies die Größe jedes Elements auf der Seite und nicht nur Text. In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress einen anpassbaren Text für Website-Besucher hinzufügen.

Videoanleitung

Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie weiter.

Zunächst müssen Sie das Accessibility Widget-Plugin auf Ihrer Website installieren und aktivieren. Gehen Sie nach der Aktivierung einfach zu Aussehen »Widget und ziehen Sie das Accessibility Widget in eine Seitenleiste.

Sie können einen Titel für das Widget eingeben. Als Nächstes müssen Sie auswählen, welche HTML-Elemente oder CSS-Klassen vom Widget betroffen sein sollen. Die Standardoptionen sind Hauptteil, Absatz, Listenelemente und Tabellenzellen. Diese Optionen sollten für die meisten Websites funktionieren.

Das Widget ermöglicht bis zu vier Größenänderungsoptionen. Die Standardoptionen sind 90%, 100%, 110% und 120%. Sie können die Schriftgröße hier erhöhen oder verringern. Die letzte Widget-Einstellung ist Controller-Text. Dies ist der Text, den die Benutzer sehen werden. Normalerweise wird Buchstabe A verwendet, um die Option zur Größenänderung von Schriftarten darzustellen. Wenn Sie fertig sind, klicken Sie auf die Schaltfläche Speichern, um Ihre Widget-Einstellungen zu speichern.

Sie können jetzt Ihre Website besuchen, um das Widget in Aktion zu sehen. So sollte das Widget jetzt auf Ihrer Website erscheinen:

Wenn Sie der Meinung sind, dass der Controllertext nicht wahrnehmbar ist, können Sie dies mithilfe von CSS ändern. Fügen Sie diesen CSS-Code beispielsweise im Stylesheet Ihres Themes hinzu:

 .widget_accesstxt a border: 2px solid # 000; Polsterung: 2px; Schriftdicke: fett;  

Dieses CSS fügt dem Controller-Text einen Rahmen hinzu, macht ihn fett und fügt ein wenig Abstand hinzu.

Wir hoffen, dass dieser Artikel Ihnen dabei geholfen hat, der WordPress-Site eine veränderbare Textoption hinzuzufügen. Vielleicht möchten Sie auch unseren Leitfaden zur Verbesserung der Zugänglichkeit Ihrer WordPress-Site lesen.

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