2017-07-22 10 views
0

Eine der Spezifikationen für die Web-Zugriffsebene AA, bei der es sich um Text handelt, kann ohne Inhalt oder Funktion auf 200% verkleinert werden.Eingabehilfen und Textgrößenanpassung, wie?

Also wenn ich bis zu 200% zoome, muss alles richtig aussehen.
Wie kann ich das in Bezug auf die Schriftgröße erreichen?

+0

Können Sie Ihr Problem ein wenig klären? Haben Sie zum Beispiel eine Schriftgrößeneinheit gefunden, die beim Zoomen nicht skaliert wird? ('px',' pt', 'em' und'% 'erlauben die Größenänderung, wenn die Seite gezoomt wird.) –

Antwort

1

Das Problem ist nicht so sehr eine Frage der Schriftgröße oder Schriftgröße, da die meisten gängigen Browser eine eingebaute Zoomfunktion haben, die unabhängig von der Schriftgröße einen beliebigen Text zoomen kann. Das Problem besteht darin, dass die Größenänderung dazu führen kann, dass sich Textcontainer überlappen, was dazu führt, dass einige Inhalte oder Funktionen unsichtbar werden (weil sie hinter etwas anderem enden). Success criterion 1.4.4 wurde geschrieben, als die Zoomfunktion noch nicht so verbreitet war wie heute. (Im Jahr 2008 gab es mehrere Browser, die das Zoomen unterstützten, aber viele Leute benutzten immer noch ältere Browser, die das Zoomen nicht unterstützten, und die Größenänderung des Texts - die nicht ganz der Zoomanpassung entspricht - könnte Überlappungen im Webinhalt verursachen.)

Also, bei der Verwendung von Einheiten wie em, %, rem usw. ist eine gute Idee, Sie sicher, dass Text-Container (wie section Elemente, nav, etc.) vornehmen müssen, die nebeneinander angezeigt werden, nicht Überlappung, wenn Sie auf 200% vergrößern oder Text auf 200% skalieren. Beispielsweise können Sie die Spaltenbreite mit Einheiten wie % oder em beschreiben, oder Sie können sicherstellen, dass Textcontainer, die in der Standardgröße nebeneinander liegen, beim Heranzoomen untereinander angezeigt werden. Wenn Sie Responsive Design verwenden Ihre Webseiten passen sich verschiedenen Bildschirmgrößen an, Sie sollten auch in der Lage sein, mit Desktop-Browsern zu zoomen.

0

sollten Sie versuchen, mit em statt px ..

Zum Beispiel, wenn Sie in Ihrem divbody haben - annehmen, die font-size des Körpers der Seite wird auf 16px gesetzt.

Wenn die Schriftgröße, die Sie im div-Abschnitt haben möchten, 12px ist, sollten Sie 0.75em angeben (weil 12/16 = 0,75).

+0

Was lässt Sie glauben, dass das Zoomen nicht funktioniert, wenn die Schriftgröße in' px' Werten ausgedrückt wird? –

0

Sie sollten versuchen, "rem" (unterstützt die meisten Browser) zu verwenden. Dann legen Sie die Schriftgröße des Stammes (der HTML) .and alle Seiten neu zu vergrößern, zum Beispiel wenn Sie wollen, dass "h1" immer 2 mal der Körper sein soll, setzen Sie es auf 2rem;

Verwandte Themen