Umsetzung

• 

  Kein Verlust von Inhalten und Funktionalität beim Zoomen

  Beim Heranzoomen dürfen Texte weder abgeschnitten noch so überlagert werden, dass sie nicht mehr lesbar sind. Auch Funktionen dürfen bei Zoom nicht verschwinden.

  Das erreichst du, indem Container mitwachsen, Texte richtig umbrechen (z. B. mit text-wrap) und in allen Ansichten (Desktop, Tablet, Mobile) dieselben Inhalte verfügbar bleiben.

  Durch Zoomen wechselt eine Website normalerweise in die Tablet- oder Mobile-Ansicht. Manchmal fehlen in diesen Ansichten Inhalte oder Funktionen. Das ist ein Problem für Personen mit Sehbehinderung, die nach Zoom nicht mehr auf diese Funktionen zugreifen können. Deshalb müssen auch in diesen Ansichten alle Inhalte und Funktionen erhalten bleiben, auch wenn ihre Positionierung verändert ist (z. B. wird das Hauptmenü versteckt hinter einem Hamburger-Icon).

  WCAG-Technik(en) in Englisch:

  • G179: Sicherstellen, dass bei einer Größenänderung des Textes und einer unveränderten Breite der Textcontainer kein Verlust von Inhalt oder Funktionalität entsteht

• 

  Stelle Steuerelementen fürs Zoomen bereit

  Eine Website kann eigene Bedienelemente anbieten, um Texte oder die gesamte Seite bis 200 % zu vergrößern. Das ist praktisch für weniger technikaffine Nutzer*innen.

  Auch hier gilt: Inhalte dürfen nicht verloren gehen oder sich überlappen, und die Bedienelemente selbst müssen barrierefrei sein.

  Stell sicher, dass das Steuerelement auch so funktioniert, dass Text auch wirklich auf 200 % gezoomt wird und nicht nur 150 % oder 180 %.

  WCAG-Technik(en) in Englisch:

  • G178: Bereitstellung von Steuerelementen auf der Webseite, zum Anpassen der Textgröße auf bis zu 200 Prozent