Diese Seite wurde von der Cloud Translation API übersetzt.

Neu in Chrome 127

Adriana Jara

Dazu sollten Sie Folgendes wissen:

Mit font-size-adjust lässt sich die Lesbarkeit von Fallback-Schriftarten verbessern.
Nutzeraktivierungen werden jetzt zwischen Bild-im-Bild-Dokumenten und dem jeweiligen Öffner übermittelt.
Scrollcontainer sind jetzt standardmäßig per Tastatur fokussierbar.
Und es gibt noch viele weitere Funktionen.

Mein Name ist Adriana Jara. Sehen wir uns nun an, was es bei Chrome 127 für Entwickler Neues gibt.

Preisvergleichsportal `font-size-adjust`

Die Lesbarkeit Ihrer Website kann sich verringern, wenn die Schriftart der ersten Wahl nicht verfügbar ist und ihre Fallback-Schriftart einen deutlich anderen Aspektwert hat.

Die folgende Abbildung zeigt den Unterschied zwischen den Schriftarten Verdana und Times, obwohl der Text die gleiche Größe hat.

Textzeilen mit dem Text: „Dieser Text verwendet die Schriftart Verdana (14 px), die relativ große Kleinbuchstaben enthält.“ und "Dies verwendet Times-Schriftart (14 px), die in kleinen Größen schwer zu lesen ist."

Wenn eure Website auf die Times-Schriftart zurückgreift, ist sie viel schwerer zu lesen.

Mit der CSS-Eigenschaft font-size-adjust können Sie die Schriftgröße von Fallback-Schriftarten so anpassen, dass der Aspektwert (Höhe der Kleinbuchstaben geteilt durch Schriftgröße) einheitlich bleibt, sodass der Text unabhängig von der verwendeten Schriftart ähnlich erscheint.

In der folgenden Abbildung bleibt die Lesbarkeit zwischen den Schriftarten Verdana und Times durch die Verwendung von „font-size-Adjust“ gewahrt.

   font-size-adjust: 0.545;

Mit der Einführung von font-size-adjust in Chrome ist diese Funktion in Baseline neu verfügbar. Weitere Informationen findest du unter CSS-Schriftgröße-Anpassung ist jetzt in Baseline.

Bild im Bild dokumentieren: Nutzeraktivierung verbreiten

Über die Document Picture-in-Picture API werden Nutzeraktivierungen jetzt zwischen dem Bild-im-Bild-Fenster des Dokuments und dessen Öffnen übertragen.

Sehen Sie sich die Demo zur Verbreitung von Touch-Gesten für Nutzer an und sehen Sie sich an, wie sich die Hintergrundfarbe der Seite ändert, wenn eine Nutzeraktivierung erkannt wird. Die Nutzergeste wird in beiden Kontexten weitergegeben, wobei der Hintergrund für beide Fenster geändert wird.

Dadurch können Nutzeraktivierungen in einem Bild-im-Bild-Fenster eines Dokuments innerhalb des Öffnungsfensters und umgekehrt verwendet werden. Durch diese Änderung wird die Verwendung von APIs mit aktivierter Nutzeraktivierung ergonomischer, da Event-Handler im Bild-im-Bild-Fenster des Dokuments oft tatsächlich im Kontext des Öffnenden ausgeführt werden, sodass der Kontext des Öffnenden auf die Nutzergeste zugreifen muss.

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

Fokussierbare Scroll-Container auf der Tastatur.

Scroll-Container, die per Tastatur fokussierbar werden, sind wichtig, um Scroller und Inhalte innerhalb von Scrollern für alle Nutzer zugänglich zu machen.

Ab jetzt können Scroller standardmäßig programmatisch fokussiert werden. 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 Tab-Fokus den Scroller und fokussiert direkt auf die Schaltfläche.

In den Best Practices für Bedienungshilfen wird empfohlen, dass alle Funktionen über die Tastatur verfügbar sein müssen. Standardmäßig können Nutzer mit fokussierbaren Scrollern über die Tastatur einfacher auf die Scroller zugreifen, indem sie die sequenzielle Fokusnavigation verwenden.

Beachten Sie, dass diese Änderung im Laufe der Zeit für Nutzer nur sehr langsam aktiviert wird, sodass wir prüfen können, ob durch die Änderung verursachte Probleme auftreten. Daher kann es sein, dass einige Nutzer diese Funktion erst ab Version 130 sehen.

Weitere Informationen finden Sie unter Fokusfähige Scroller.

…und vieles mehr

Natürlich gibt es noch viele weitere.

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.
Alt-Text, der aus CSS-Inhalten generiert wurde, unterstützt jetzt mehrere Argumente.
Im Leistungsbereich der DevTools werden jetzt WebSocket-Nachrichtenereignisse erfasst und im Leistungs-Trace angezeigt.

Vollständige Versionshinweise

Weitere Informationen

Hier werden nur einige wichtige Punkte behandelt. Unter den folgenden Links finden Sie zusätzliche Änderungen in Chrome 127.

Um immer auf dem Laufenden zu bleiben, abonniere die YouTube-Kanal für Chrome-Entwickler, Außerdem wirst du per E-Mail benachrichtigt, sobald wir ein neues Video veröffentlichen.

Hallo Adriana Jara, und sobald Chrome 127 veröffentlicht wird, erzähle ich dir gleich, was es bei Chrome Neues gibt.