Prüfschritt 9.1.4.4 Text auf 200% vergrößerbar

Was wird geprüft?

Text soll um bis zu 200 Prozent vergrößert werden können, ohne dass dabei Inhalt oder Funktionalität verloren geht. Mindestens eine der folgenden Voraussetzungen soll erfüllt sein:

  • Mit der Zoom-Funktion des Browsers kann die Schrift auf 200% vergrößert werden (dabei bricht die Seite häufig in ein neues Layout um)

  • Über ein Bedienelement oben auf der Seite kann die Schriftgröße vergrößert werden

Warum wird das geprüft?

Benutzer sollen die Schriftgröße nach ihren Bedürfnissen einstellen können. Die gängigen Desktop-Browser bieten heutezutage die Zoom-Vergrößerung des gesamte Layouts, bei der die Seite häufig in eine responsive Ansicht umbricht.

Wie wird geprüft?

1. Anwendbarkeit des Prüfschritts

Der Prüfschritt ist anwendbar, wenn die Seite Text enthält.

2. Prüfung

2.1 Prüfung der Zoomvergrößerung über Browser-Einstellungen

  1. Seite in Firefox aufrufen.

  2. Falls nötig unter Ansicht > Zoom die Option Nur Text zoomen deaktivieren.

  3. Mithilfe der Web Developer Toolbar die Browserfenstergröße auf 1280x768 einstellen (Größe ändern > …​).

  4. Sechs Mal die Tastenkombination Strg + + drücken, um das Layout auf 200% zu zoomen (alternativ sechs mal Ansicht > Zoom > Vergrößern wählen).

  5. Prüfen, ob weiterhin alle Inhalte ohne Überlagerungen dargestellt werden und alle Funktionalitäten bedienbar bleiben.

  6. Seite im Chrome Browser aufrufen.

  7. Die Browserfenstergröße auf 1280x768 einstellen (entsprechend Firefox-Browserfenster).

  8. Über des Einstellungs-Menü und die Option Zoomen 200% auswählen.

  9. Prüfen, ob weiterhin alle Inhalte ohne Überlagerungen dargestellt werden und alle Funktionalitäten bedienbar bleiben.

2.2 Prüfung der Schriftvergrößerung durch Bedienelemente auf der Seite

Wenn die Seite eigene Bedienelemente bereithält, um die Schriftgröße zu vergrößern:

  1. Prüfen, ob die Bedienelemente für Schriftvergrößerung deutlich sichtbar im oberen Bereich der Seite angeboten werden.

  2. Prüfen, ob die Schrift mit Hilfe der auf der Seite angebotenen Bedienelemente schrittweise vergrößert werden kann. In der Regel wird durch diese Vergrößerungsoption keine Vergrößerung auf 200% erreicht. Eigene Bedienelemente erfüllen diesen Prüfschritt dann nicht, eine andere Vergrößerungsmöglichkeit muss 200% erreichen.

  3. Prüfen, ob sich über die angebotenen Bedienelemente die Ausgangsschriftgröße wiederherstellen lässt.

3. Hinweise

3.1 Hinweise zur Prüfung der Zoomvergrößerung über Browser-Einstellungen

  • Wenn bei Nutzung der Zoom-Funktion am Desktop das Layout für mobile Geräte ausgeliefert wird, sollten auch in diesem Layout alle Anforderungen der Barrierefreiheit erfüllt sein Probleme in dieser Ansicht werden bei den jeweils relevanten Prüfschritten bewertet.

3.2 Hinweise zur Prüfung der Schriftvergrößerung durch Bedienelemente auf der Seite

Die Prüfung der Schriftvergrößerung durch Bedienelemente erfolgt nur unter folgenden Bedingungen:

  • Das Bedienelement erfüllt alle Anforderungen an Barrierefreiheit (es ist zum Beispiel tastaturbedienbar, erfüllt die Kontrastanforderungne etc.)

4. Bewertung

Erfüllt

  • Der Text lässt sich mit mindestens einer Technik auf 200 % vergrößern, ohne dass es zu Überlappungen oder abgeschnittenen Inhalten kommt und ohne dass Funktionalitäten beeinträchtigt werden.

Nicht voll erfüllt

  • Bedienelemente für die Schriftvergrößerung werden auf der Seite angeboten und können den Text auf 200% vergrößern, aber sie sind nicht oben auf der Seite platziert, es kommt bei der Nutzung zu Überlappungen von Text, oder Inhalte werden abgeschnitten.

Quellen

WCAG 2.1 über die Skalierung von Text

The scaling of content is primarily a user agent responsibility. User agents that satisfy UAAG 1.0 Checkpoint 4.1 allow users to configure text scale. The author’s responsibility is to create Web content that does not prevent the user agent from scaling the content effectively. Authors may satisfy this Success Criterion by verifying that content does not interfere with user agent support for resizing text, including text-based controls, or by providing direct support for resizing text or changing the layout. An example of direct support might be via server-side script that can be used to assign different style sheets.

( Resize text: Understanding SC 1.4.4)

Die WCAG 2.1 zur Nutzung absoluter und relativer Maßeinheiten für Text

(…​) specify text font size in em units so that user agents can scale content effectively. Since the em is a property of the font, it scales as the font changes size. If a font-size is specified for the body element, all other elements inherit that value, unless overridden by a more specific selector.

When font size is given in absolute units of measurement, such as points or pixels, the Text Size menu commands in Internet Explorer 7 and earlier do not resize the text.

Internet Explorer 7 only changes the text size when the CSS is defined in a style element (…​)When using inline style with the style attribute, the text size change is not supported.

(WCAG 2.1 Technik C14: Using em units for font sizes)

Fragen zu diesem Prüfschritt

Die Vergrößerung der Schrift ist weniger wichtig, wenn die Ausgangsschriftgrößen der Webseite bereits groß genug sind, sollte das nicht berücksichtigt werden?

Der BITV-Test berücksichtigt die tatsächlichen Schriftgrößen nicht, geprüft wird nur die Änderbarkeit. Für Seiten mit großen Ausgangsschriften (oder für Seiten, die in großen Schritten vergrößern) ist die Prüfanforderung also nicht so leicht zu erfüllen.

Die Begründung:

Die BITV verlangt keine Mindestgröße für Schriften. Und was wichtiger ist: es gibt unterschiedliche Auffassungen zur der Frage, wie groß Ausgangsschriftgrößen sein sollen:

  • Idealerweise wären die Ausgangsschriftgrößen aller Webangebote ähnlich. Denn dann könnte jeder Benutzer in seinem Browser die für ihn passende Schriftgröße einstellen. Diese Einstellung müsste nicht geändert werden, sie wäre für alle Webangebote passend.

  • Sehr große Ausgangsschriften sind unter Umständen nicht gut zu nutzen. Und zwar auch für Benutzer, die große Schriften brauchen. Denn diese Benutzer haben ihren Computer oder ihren Browser meist schon so eingerichtet, daß Schriften größer dargestellt werden. Die extrem große Ausgangsschrift ist dann zu viel des Guten.

Die Orientierung an im Web üblichen Schriftgrößen ist also sinnvoll. Aber auch große Ausgangsschriften sind vorteilhaft. Auch für Besucher, die nicht wissen, wie man die Schrift vergrößert, sind sie groß genug.

Am besten ist es also, wenn sich Webangebote an der Obergrenze der im Web üblichen Schriftgrößen orientieren.