Überprüfen, ob eine Seite mit verschwommenem Sehen verwendet werden kann

  • Artikel

Um verschwommenes Sehen zu simulieren, verwenden Sie im Renderingtool das Menü Emulate vision deficiencies (Sehschwächen emulieren ). Wenn Sie dieses Feature mit der Demo-Webseite für Barrierefreiheitstests verwenden, können Sie sehen, dass der Schlagschatten auf dem Text im oberen Menü das Lesen der Menüelemente erschwert.

So überprüfen Sie, ob eine Webseite mit verschwommenem Sehen verwendet werden kann:

  1. Öffnen Sie die Demowebseite für Barrierefreiheitstests in einem neuen Fenster oder einer neuen Registerkarte.

  2. Klicken Sie zum Öffnen von DevTools mit der rechten Maustaste auf die Webseite, und wählen Sie dann Untersuchen aus. Oder drücken Sie STRG+UMSCHALT+I (Windows, Linux) oder BEFEHL+WAHL+I (macOS). DevTools wird geöffnet.

  3. Klicken Sie in DevTools auf der Aktivitätsleiste auf die Schaltfläche Weitere Tools (Symbol weitere Tools), und wählen Sie dann Rendering aus.

  4. Scrollen Sie im Renderingtool zum Abschnitt Emulate vision deficiencies (Sehschwächen emulieren ).

  5. Wählen Sie im Abschnitt Sehschwächen emulieren die Option Verschwommenes Sehen aus:

    Simulieren einer unscharfen Seite

    Die Simulation mit verschwommenem Sehen zeigt, dass die text-shadow CSS-Eigenschaft im oberen Menü den Text der Menüelemente (z. B. Home und Adopt a Pet) schwer lesbar macht.

  6. Um die Simulation für unscharfes Sehen zu entfernen, wählen Sie im Rendering-Tool unter Sehfehler emulierendie Option Keine Emulation aus.

Siehe auch