Das Prüfverfahren zur BITV


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


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
Gewichtung hohes Gewicht (3 Punkte)
Bezieht sich auf einzelne Webseite
Prüfschritt erfüllt Bei Nur-Text-Vergrößerung auf 150% in Firefox beziehungsweise "sehr groß" im Internet Explorer sind alle Inhalte lesbar und alle Funktionen nutzbar. 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?

Das Layout soll auch mit großen Schriften gut benutzbar sein, alle Inhalte sollen lesbar und alle Funktionalitäten nutzbar bleiben.

Die Größe von Schriften soll in relativen Maßangaben festgelegt sein, damit die Vergrößerung auch in älteren Versionen des Internet Explorers (bis Version 6) Explorer ab Version 7 funktioniert.

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. Dazu muss die Schriftgröße in relativen Maßangaben festgelegt sein.
  • Ü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 zunehmend verbreitete Zoom-Vergrößerung des gesamten Layouts und die klassische Nur-Text-Vergrößerung, um die es in diesem Prüfschritt geht. Beide Methoden haben jeweils ihre eigenen Vor- und Nachteile, daher sollen beide unterstützt werden.

Im Internet Explorer ist die Anpassung der Schriftgröße bis zur Version 6.0 generell nur dann möglich, wenn die Schriftgrößen in relativen Einheiten festgelegt sind. In neueren Versionen des Internet Explorers funktioniert die Nur-Text-Vergrößerung ebenfalls nur für Schriftgrößen in relativen Einheiten.

Die Skalierbarkeit der Schrift allein nützt nichts, wenn durch die großen Schriften das Layout nicht mehr benutzbar ist (etwa weil Inhalte abgeschnitten werden oder sich Zeilen überlappen). Praktisch nicht lesbar ist längerer Fließtext, wenn bei jeder Zeile der horizontale Scrollbalken nach links und rechts verschoben werden muss.

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 10241280x768 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 Internet Explorer aufrufen. Falls nötig die Schriftgröße unter Seite > Textgröße auf Mittel stellen. Die Browserfenstergröße auf 10241280x768 einstellen (entsprechend Firefox-Browserfenster).
  4. Unter Seite > Zoom die Option 200% wählen. Prüfen, ob weiterhin alle Inhalte ohne Überlagerungen dargestellt werden und alle Funktionalitäten bedienbar bleiben.

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

  1. Seite in Firefox aufrufen. Mithilfe der Web Developer Toolbar die Browserfenstergröße auf 10241280x768 einstellen (Größe ändern > ...). Unter Ansicht > Zoom die Option Nur Text zoomen aktivieren. ViermalSechsmal die Tastenkombination Strg + + drücken, um die Schrift um 150%200% zu vergrößern (alternativ viermalsechsmal 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?

  5. Die Seite im Internet Explorer aufrufen. Falls nötig unter Seite > Zoom die Option 100% wählen. Die Browserfenstergröße auf 10241280x768 einstellen (entsprechend Firefox-Browserfenster). Unter Seite > Textgröße die Option Sehr groß wählen. Wie in Schritt 4. beschrieben prüfen.

2.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.2 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 diesem Prüfschritt 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.
  • Damit die Schrift in Texteingabefeldern im Internet Explorer skalierbar ist, muss im Stylesheet für die entsprechenden Elemente explizit eine relative Schriftgröße angegeben werden (zum Beispiel 1em oder 100%). Wird gar keine Angabe zur Schriftgröße gemacht, ist die Formularfeld-Schriftgröße im Internet Explorer nicht veränderbar.

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:

  • Alle Schriften können vergrößert werden, es gibt keine Überlappungen oder abgeschnittene Textteile, die Zeilenhöhe passt sich der Schriftgröße an. Fließtexte können ohne zeilenweises waagerechtes Scrollen gelesen werden.Der Text lässt sich 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, aber sie sind nicht oben auf der Seite platziert, es kommt bei der Nutzung zu Überlappungen von Text, oder Inhalte werden abgeschnitten.

Einordnung des Prüfschritts

Formulierung BITV 2.0

1.4.4 Veränderbare Textgröße

Der Text lässt sich ohne assistive Technologie bis auf 200 % vergrößern, ohne dass es zu einem Verlust von Inhalt oder Funktionalität kommt.

Abgrenzung zu anderen Prüfkriterien

  • Prüfung der Skalierbarkeit bei Zoomvergrößerung: siehe Prüfschritt 1.4.4b "Bei Zoom auf 200% nutzbar"
  • Mangelnde Vergrößerbarkeit von Schriftgrafiken: siehe Prüfschritt 1.4.5a "Verzicht auf Schriftgrafiken"

Grenzen des BITV-Tests

Schriften sollten auch in der Voreinstellung, also ohne Veränderung mindestens eine bestimmte Größe aufweisen. Sehr kleine Schriften sind im IE unter Umständen auch nach der Vergrößerung nicht lesbar. Dies wird jedoch nicht geprüft.

Einordnung des Prüfschritts nach WCAG 2.0

Guideline

Success criterion

Techniques

General Techniques
CSS-Techniques
Client-side Scripting Techniques

Failures

Quellen

WCAG 2.0 ü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.0 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.

Quelle: WCAG 2.0 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