Das Prüfverfahren zur BITV


Sie sind hier: BITV-Test > Liste der Erfolgskriterien > Prüfkriterium 1.4.4a (10 von 60)


zum WCAG-Test wechseln


Blättern: zum ersten Prüfschritt zum vorhergehenden Prüfschritt zum nächsten Prüfschritt zum letzten Prüfschritt

Prüfschritt 1.4.4a
Text auf 200% vergrößerbar

Technische Angaben

Version bis 10.07.2017 | Aktuell
BITV-Bedingung 1.4.4 Veränderbare Textgröße
WCAG-Erfolgskriterium 1.4.4 Textgröße ändern
Bewertungsalternativen ja / eher erfüllt / teilweise erfüllt / eher nicht erfüllt / nein / nicht anwendbar
Bezieht sich auf einzelne Webseite
Prüfschritt erfüllt Text kann um bis zu 200 Prozent geändert werden, ohne dass dabei Inhalt oder Funktionalität verloren geht.
Prüfschritt nicht anwendbar Texte sind nicht vorhanden.

Was wird geprüft?

Text soll um bis zu 200 Prozent geändert werden können, ohne dass dabei Inhalt oder Funktionalität verloren geht. Eine der folgenden Voraussetzung soll erfüllt sein:

  • Mit der Zoom-Funktion des Browsers kann das gesamte Layout proportional zur Schriftgröße vergrößert werden.
  • Mit der Nur-Text-Vergrößerung im Browser kann der Text vergrößert werden.
  • Über ein Bedienelement 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 Browser bieten zwei verschiedene Vergrößerungsmöglichkeiten: die klassische Nur-Text-Vergrößerung und die Zoom-Vergrößerung des gesamten Layouts.

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. Falls nötig unter Ansicht > Zoom die Option Nur Text zoomen deaktivieren. Mithilfe der Web Developer Toolbar die Browserfenstergröße auf 1280x768 einstellen (Größe ändern > ...).
  2. Sechs Mal die Tastenkombination Strg + + drücken, um das Layout um 200% zu zoomen (alternativ sechs mal Ansicht > Zoom > Vergrößern wählen). Prüfen, ob weiterhin alle Inhalte ohne Überlagerungen dargestellt werden und alle Funktionalitäten bedienbar bleiben.
  3. Seite im Chrome-Browser aufrufen. Die Browserfenstergröße auf 1280x768 einstellen (entsprechend Firefox-Browserfenster).
  4. Über das Einstellungen-Menü (drei Punkte) den Wert von Zoomen auf 200% stellen. Prüfen, ob weiterhin alle Inhalte ohne Überlagerungen dargestellt werden und alle Funktionalitäten bedienbar bleiben.

2.2 Prüfung der Schriftvergrößerung über Browser-Einstellungen

  1. Seite in Firefox aufrufen. Mithilfe der Web Developer Toolbar die Browserfenstergröße auf 1280x768 einstellen (Größe ändern > ...). Unter Ansicht > Zoom die Option Nur Text zoomen aktivieren. Sechsmal die Tastenkombination Strg + + drücken, um die Schrift um 200% zu vergrößern (alternativ sechsmal Ansicht > Zoom > Vergrößern wählen).
  2. Überprüfen, ob sich die Größe von allen Schriften ändert.

    Wenn sich die Größe von einigen Schriften nicht ändert: Überprüfen, ob diese Schriften sehr groß sind. Sie sind sehr groß, wenn sie mindestens genauso groß sind, wie die größte der auf Sehr groß skalierten relativ definierten Schriften.

  3. Falls die Seite Formulare mit Texteingabefeldern enthält: Text in ein Feld eingeben und prüfen, ob auch diese Schrift in der Größe anpassbar ist.
  4. Überprüfen, ob alle Texte noch sichtbar und lesbar sind. Sie sollen vollständig dargestellt werden, ohne dass es zu Überlappungen kommt oder dass Textteile abgeschnitten werden. Die Zeilenhöhe soll sich der Schriftgröße anpassen.

    Prüfen, ob Fließtexte ohne zeilenweises waagerechtes Scrollen gelesen werden können. Das bloße Vorhandensein des Querscrollbalkens wird nicht negativ bewertet. Vielmehr kommt es darauf an, dass alle Fließtexte ohne dauerndes waagerechtes Scrollen gelesen werden können. Der waagerechte Scrollbalken wird dafür so eingestellt, dass der Inhalt der breitesten Spalte im Fenster angezeigt wird. Kann der Fließtext in dieser Ausrichtung gelesen werden, ohne bei jeder einzelnen Zeile den waagerechten Scrollbalken nach links und rechts zu verschieben?

2.3 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 (wie stark die Vergrößerung ist spielt dabei keine Rolle).
  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 über Browser-Einstellungen

  • Bei der Prüfung reiner Schriftvergrößerung geht es nur um Textschriften. Ob grafische Schriften vorhanden sind, ist für die Bewertung nicht relevant.
  • Die Anpassung des Layouts an veränderte Schriftgrößen wird in bestimmten Fällen (zum Beispiel bei select-Auswahlmenüs) erst nach dem Neuladen der Seite wirksam. Dies gilt nicht als Mangel, die Seite muss also im Zweifelsfall neu geladen werden.

3.3 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 einer im Browser oder auf der Seite angebotenen Funktion 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:

  • Keine der im Browser oder auf der Seite angebotenen Funktionen (z.B. Zoomvergrößerung, reine Textvergrößerung, Styleswitcher) kann den Text auf 200% vergrößern, ohne dass es zu Überlappungen, Überschneidungen, abgeschnittenem Text, Text auf nicht kontrastierendem Hintergrund oder eingeschränkter Funktionalität kommt.

Einordnung des Prüfschritts

Abgrenzung zu anderen Prüfschritten

  • Mangelnde Vergrößerbarkeit von Schriftgrafiken: siehe Prüfschritt 1.4.5a "Verzicht auf Schriftgrafiken"

Einordnung des Prüfschritts nach WCAG 2.1

Guideline

Success criterion

Techniques

General Techniques
CSS-Techniques
Client-side Scripting Techniques

Failures

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.

Quelle: Resize text: Understanding SC 1.4.4

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

The objective of this technique is to 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.

Quelle: 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. Das betrifft übrigens nicht nur Internet-Neulinge, es kann jedem passieren: man ist unterwegs, der verfügbare Browser ist einem nicht vertraut oder er hat überhaupt keine entsprechenden Einstellmöglichkeiten.

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

Blättern: zum ersten Prüfschritt zum vorhergehenden Prüfschritt zum nächsten Prüfschritt zum letzten Prüfschritt