Mehrere Möglichkeiten, die Lesbarkeit von Webseiten zu verbessern
|
1. Verwenden Sie kontrastierende Farben. Mit Kontrast ist hier der Kontrast zwischen der Farbe des Textes und der Hintergrundfarbe gemeint. Auf diese Weise können Benutzer den Text deutlicher sehen und die Leseermüdung wird verringert. Personen mit Sehbehinderungen haben möglicherweise Schwierigkeiten, Texte mit geringem Kontrast zu lesen. Mit Vischeck können Sie überprüfen, wie Ihre Website für Benutzer mit Farbschwäche (oder Farbenblindheit) aussieht. 2. Teilen Sie Ihren Text in kleine Stücke. Großer, dichter Text kann bei Ihren Benutzern zu Überlastung und Überforderung führen. Ein paar Tipps: Halten Sie Absätze mit Listen (oder 1-2-3) und Unterüberschriften kurz. Verwenden Sie Fettdruck oder verschiedene Farben für wichtige Ideen, damit ungeduldige, schnell überfliegende Leser den Punkt erfassen können. Verwenden Sie Spalten, um die Textbreite zu steuern. 3. Vermeiden Sie unruhige Hintergründe, damit der Text gut lesbar bleibt. 4. Weniger ist besser. Je mehr Unordnung Sie auf eine Seite bringen, desto mehr verwirrt es die Benutzer, lenkt sie ab und hält sie vom Lesen ab. Die Website sieht nicht professionell genug aus. Überlegen Sie es sich, bevor Sie etwas darauf setzen. Ist das wirklich notwendig? 5. Streben Sie einen klaren Schriftstil für maximale Lesbarkeit an. 6. Verwenden Sie keine winzigen Schriftgrößen. Ameisenartiger Text lässt sich nur schwer schnell lesen. Noch besser wäre es, wenn die Benutzer die Steuerung selbst übernehmen könnten. 7. Geben Sie Ihren Links das Aussehen von Links. Wenn es sich nicht um standardmäßige blaue Links handelt, fügen Sie am besten Unterstreichungen hinzu. Text, bei dem es sich nicht um einen Link handelt, sollten Sie am besten nicht unterstreichen. |
<<: Detaillierte Erläuterung der häufig verwendeten Filter von Tomcat
>>: Beispielcode zur Implementierung des Div-Konkaveckenstils mit CSS
Artikel empfehlen
Eine kurze Diskussion über den Unterschied zwischen MySQL-Primärschlüsselindex und Nicht-Primärschlüsselindex
Inhaltsverzeichnis Was ist ein Index Der Untersch...
CSS verwendet die Pseudoklasse „placeholder-showed“, um den schwebenden Texteffekt des Eingabefelds zu erzielen
In diesem Beitrag verwenden wir die Pseudoklasse ...
Webdesign: Skriptmaterialien rekonstruieren das Benutzererlebnis
<br />Originaltext: http://blog.rexsong.com/...
Ist es notwendig, dem Img-Bild-Tag ein Alt-Attribut zuzuweisen?
Fügen Sie dem img-Bild-Tag ein Alt-Attribut hinzu?...
Verwenden Sie Docker, um ein Git-Image mithilfe des Klon-Repositorys zu erstellen
Überblick Ich verwende Docker seit über einem Jah...
MySQL-Lernzusammenfassung: Ein vorläufiges Verständnis des Architekturdesigns der InnoDB-Speicher-Engine
1. Speicher-Engine Im letzten Abschnitt haben wir...
CSS Lieferadresse Parallelogramm Linienstil Beispielcode
Der Code sieht folgendermaßen aus: // Linienstil ...
Über die Überlappung von Randwert und vertikalem Rand in CSS
Rand paralleler Boxen (Überlappung doppelter Ränd...
Erstellen, Einschränkungen und Löschen von Fremdschlüsseln in MySQL
Vorwort Ab MySQL-Version 3.23.44 unterstützen Inn...
HTML-Elemente durch Anzeige oder Sichtbarkeit verbergen
Manchmal müssen wir steuern, ob HTML-Elemente auf ...
So zeigen Sie Div auf einem Objekt an, ohne durch die Objektanimation blockiert zu werden
Heute habe ich eine Menüschaltfläche erstellt. Wen...
Details zum JavaScript-Abschluss
Inhaltsverzeichnis 1. Was ist ein Abschluss? 2. D...
Eine kurze Analyse der SpringBoot-Verpackung und des Hochladens in Docker sowie der Implementierung der Bereitstellung mehrerer Instanzen (IDEA-Version)
Kürzlich fragte mich ein Freund, ob ich schon ein...
Neue Einstellungen für Text und Schriftarten in CSS3
Textschatten Textschatten: horizontaler Versatz, ...
Detaillierte Erläuterung des Nginx-Forward-Proxys und des Reverse-Proxys
Inhaltsverzeichnis Weiterleitungsproxy Nginx-Reve...