Neu in Chrome 127

Adriana Jara

Dazu sollten Sie Folgendes wissen:

  • font-size-adjust hilft Ihnen, die Lesbarkeit von Fallback-Schriftarten zu verbessern.
  • Nutzeraktivierungen werden jetzt zwischen Bild-im-Bild-Dokumenten und dem Öffner weitergeleitet.
  • Scroll-Container können jetzt standardmäßig mit der Tastatur fokussiert werden.
  • Und es gibt noch viele weitere.

Ich bin Adriana Jara. Sehen wir uns an, was es in Chrome 127 für Entwickler Neues gibt.

Preisvergleichsportal font-size-adjust

Die Lesbarkeit Ihrer Website kann sinken, wenn die Schriftfamilie der ersten Wahl nicht verfügbar ist und die Fallback-Schrift einen deutlich abweichenden Seitenverhältniswert hat.

Das folgende Bild zeigt den Unterschied zwischen den Schriftarten Verdana und Times, obwohl der Text dieselbe Größe hat.

Textzeilen mit den folgenden Texten: „Dieser Text verwendet die Schriftart Verdana (14 px) mit relativ großen Kleinbuchstaben“ und „Dieser Text verwendet die Schriftart Times (14 px), die in kleinen Schriftgrößen schwer zu lesen ist“

Wenn Ihre Website auf die Times-Schrift zurückfällt, ist sie viel schwerer zu lesen.

Mit der CSS-Eigenschaft font-size-adjust können Sie die Schriftgröße von Fallback-Schriftarten anpassen, um den Seitenverhältniswert (Höhe der Kleinbuchstaben geteilt durch die Schriftgröße) konstant zu halten. So wird sichergestellt, dass der Text unabhängig von der verwendeten Schriftart ähnlich aussieht.

Im folgenden Bild wird mithilfe von „font-size-adjust“ die Lesbarkeit zwischen der Verdana- und der Times-Schrift beibehalten.

   font-size-adjust: 0.545;

Textzeilen mit den folgenden Texten: „Dieser Text verwendet die Verdana-Schriftart (14 px), die relativ große Kleinbuchstaben hat“, „Dieser Text verwendet die Times-Schriftart (14 px), die in kleinen Schriftgrößen schwer zu lesen ist“ und „Dieser Text in der 14-Punkt-Times-Schriftart ist auf denselben Aspektwert wie die Verdana-Schriftart eingestellt, sodass Kleinbuchstaben in beiden Schriftarten normalisiert sind

Mit der Einführung von font-size-adjust in Chrome wird diese Funktion als Baseline-Version verfügbar. Weitere Informationen finden Sie unter CSS-Schriftgrößenänderung ist jetzt in der Baseline-Version.

Bild-im-Bild-Funktion für Dokumente: Nutzeraktivierung weitergeben

Die API für die Funktion „Bild im Bild“ für Dokumente überträgt jetzt Nutzeraktivierungen zwischen dem Fenster für die Funktion „Bild im Bild“ für Dokumente und dem Öffner.

In der Demo zur Nutzergestus-Aktivierungsweitergabe sehen Sie die Änderungen an der Hintergrundfarbe der Seite, wenn eine Nutzeraktivierung erkannt wird. Die Nutzergeste wird in beiden Kontexten weitergegeben und ändert den Hintergrund für beide Fenster.

So können Nutzeraktionen in einem Bild-im-Bild-Fenster eines Dokuments auch im Fenster verwendet werden, in dem es geöffnet wurde, und umgekehrt. Durch diese Änderung wird die Verwendung von APIs mit Nutzeraktivierung ergonomischer, da Ereignishandler im Bild-im-Bild-Fenster des Dokuments häufig im Kontext des Öffners ausgeführt werden. Der Kontext des Öffners benötigt also Zugriff auf die Nutzergeste.

Weitere Informationen findest du unter Bild im Bild für jedes Element, nicht nur für <video>.

Fokussierbare Scroll-Container auf der Tastatur.

Es ist wichtig, dass Scroll-Container über die Tastatur fokussierbar sind, damit Scroller und Inhalte in Scrollern für alle Nutzer barrierefreier werden.

Ab sofort sind Scroller standardmäßig programmatisch fokussierbar. Vor dieser Änderung konnte ein Scroller-Element nur auf Tabs fokussiert werden, wenn der Tabindex explizit auf 0 oder höher gesetzt wurde.

Beachten Sie, dass dieses Verhalten nur auftritt, wenn der Scroller über keine fokussierbaren untergeordneten Elemente verfügt. Wenn der Scroller beispielsweise bereits eine Schaltfläche enthält, überspringt der Fokus der Tabulatortaste den Scroller und fokussiert direkt die Schaltfläche.

Gemäß den Best Practices für Barrierefreiheit müssen alle Funktionen über eine Tastatur zugänglich sein. Standardmäßig können Nutzer mit fokussierbaren Scrollern über die Tastatur einfacher auf die Scroller zugreifen, indem sie die sequenzielle Fokusnavigation verwenden.

Hinweis: Diese Änderung wird für Nutzer nach und nach aktiviert, damit wir Probleme, die durch die Änderung verursacht werden, im Blick behalten können. Daher wird diese Funktion für einige Nutzer möglicherweise erst in Version 130 oder später aktiviert.

Weitere Informationen finden Sie unter Mit der Tastatur fokussierbare Scroller.

…und vieles mehr

Natürlich gibt es noch viel mehr.

  • Es sind jetzt gleichzeitige Übergänge bei der Ansicht der Ansicht desselben Dokuments in einem Hauptframe und in einem iFrame mit demselben Ursprung verfügbar.

  • Für Alt-Text, der aus CSS-Inhalten generiert wird, werden jetzt mehrere Argumente unterstützt.

  • Im Bereich „Leistung“ der DevTools werden jetzt WebSocket-Nachrichtenereignisse erfasst und im Leistungs-Trace angezeigt.

Vollständige Versionshinweise lesen

Weitere Informationen

Hier werden nur einige wichtige Highlights behandelt. Unter den folgenden Links finden Sie weitere Änderungen in Chrome 127.

Abonnieren

Wenn Sie auf dem Laufenden bleiben möchten, abonnieren Sie den YouTube-Kanal von Chrome Developers. Sie erhalten dann eine E-Mail-Benachrichtigung, sobald wir ein neues Video veröffentlichen.

Ich bin Adriana Jara und sobald Chrome 127 veröffentlicht wird, erzähle ich Ihnen hier, was es in Chrome Neues gibt.