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änktem Sehvermögen eine einfachere Möglichkeit zu bieten, die Schriftgröße anzupassen, ohne das Layout einer Website zu beeinträchtigen. Obwohl Sie die integrierte Zoomfunktion des Browsers verwenden können, indem Sie die Tasten STRG und + drücken, vergrößert sie nicht nur den Text, sondern jedes Element auf der Seite. In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress größenveränderbaren Text für Website-Besucher hinzufügen.
Videoanleitung
Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie weiter.
Als erstes müssen Sie die installieren und aktivieren Barrierefreiheits-Widget Plugin auf Ihrer Website. Gehen Sie nach der Aktivierung einfach zu Aussehen » Widget und ziehen Sie das Accessibility Widget per Drag/Drop 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 sind. Die Standardoptionen sind Textkörper, 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 %. Hier können Sie die Schriftgrößen vergrößern oder verkleinern. Die letzte Widget-Einstellung ist Controller-Text. Dies ist der Text, den Benutzer sehen. Normalerweise wird der Buchstabe A verwendet, um die Option zum Ändern der Schriftgröße 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 nun auf Ihrer Website erscheinen:
Wenn Sie das Gefühl haben, dass der Controller-Text nicht auffällt, können Sie dies mithilfe von CSS ändern. Fügen Sie beispielsweise diesen CSS-Code in das Stylesheet Ihres Themes ein:
.widget_accesstxt a { border: 2px solid #000; padding: 2px; font-weight: bold; }
Dieses CSS fügt einen Rahmen um den Controller-Text hinzu, macht ihn fett und fügt etwas Auffüllung hinzu.
Wir hoffen, dieser Artikel hat Ihnen geholfen, eine größenveränderbare Textoption in Ihre WordPress-Site aufzunehmen. Sie können auch unseren Leitfaden zur Verbesserung der Barrierefreiheit auf Ihrer WordPress-Site lesen.