Dazu sollten Sie Folgendes wissen:
- Mit
font-size-adjustlä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.
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 bei 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-font-size-Adjust ist jetzt in Baseline verfügbar.
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 Nutzeraktivierung ergonomischer gestaltet, 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 sind Scroller standardmäßig per Klick und 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 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.
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.
Weitere Informationen
Hier werden nur einige wichtige Punkte behandelt. Unter den folgenden Links finden Sie zusätzliche Änderungen in Chrome 127.
- Neu bei den Chrome-Entwicklertools (127)
- ChromeStatus.com-Updates für Chrome 127
- Änderungsliste für das Chromium-Quell-Repository
- Release-Kalender für Chrome
Abonnieren
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, melde ich mich, um Ihnen die Neuerungen in Chrome mitzuteilen.