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
Schriftgröße variabel

Diese Version des Prüfschritts ist nicht mehr gültig!

Technische Angaben

Version bis 10.07.2017 | Aktuell
BITV-Bedingung 1.4.4 Veränderbare Textgröße
WCAG-Erfolgskriterium 3.4.1 Schriftgröße variabel
Bewertungsalternativen ja / eher erfüllt / teilweise erfüllt / eher nicht erfüllt / nein
Gewichtung mittleres Gewicht (2 Punkte)
Bezieht sich auf Instanz / Element auf der Seite
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.
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) möglich ist und damit die Nur-Text-Vergrößerung im Internet Explorer ab Version 7 funktioniert.

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.

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 Schriftvergrößerung über Browser-Einstellungen

  1. Seite in Firefox aufrufen. Mithilfe der Web Developer Toolbar die Browserfenstergröße auf 1024x768 einstellen (Größe ändern > ...). Unter Ansicht > Zoom die Option Nur Text zoomen aktivieren. Viermal die Tastenkombination Strg + + drücken, um die Schrift um 150% zu vergrößern (alternativ viermal 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 1024x768 einstellen (entsprechend Firefox-Browserfenster). Unter Seite > Textgröße die Option Sehr groß wählen. Wie in Schritt 4. beschrieben prüfen.

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 (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

  • Bei diesem Prüfschritt 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.

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.

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

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