Hier finden Sie einige der interessanten Funktionen, die im Mai 2022 in stabilen und Beta-Webbrowsern eingeführt wurden.
Stabile Browserversionen
Im Mai wurden Chrome 102, Safari 15.5, Firefox 100 und Firefox 101 stabil.
Chrome 102 und Safari 15.5 unterstützen das Attribut inert
. Dadurch werden Elemente aus der Tabulatorreihenfolge und dem Baum für Barrierefreiheit entfernt, wenn sie nicht interaktiv sind. Beispielsweise ein Element, das derzeit nicht auf dem Bildschirm oder ausgeblendet ist.
Chrome 102 enthält den neuen Wert until-found
für das HTML-Attribut hidden
. So können Sie Text auf einer Seite suchen und zu einem Textfragment scrollen, das sich in einem minimierten Bereich der Seite befindet, z. B. in einem Akkordeon-Muster. Weitere Informationen finden Sie im Hilfeartikel Zusammengefaltete Inhalte mit „hidden=until-found“ barrierefrei machen.
Chrome 102 enthält die Navigation API, eine API, die das clientseitige Routing in Single-Page-Anwendungen standardisiert. Diese API hieß früher „App-Verlaufs-API“.
Firefox 101 unterstützt konfigurierbare Stylesheets. Dazu gehören der CSSStyleSheet()
-Konstruktor sowie die Methoden replace()
und replaceSync()
. Mit konstruierbaren Stylesheets lassen sich Stylesheets für die Verwendung mit dem Shadow-DOM einfacher erstellen. Im folgenden Beispiel wird mit dem Konstruktor CSSStyleSheet()
ein Stylesheet erstellt, mit der Methode replaceSync()
eine CSS-Regel hinzugefügt und die resultierende Regel in der Konsole ausgegeben.
const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);
In Firefox 101 ist auch die Medienfunktion prefers-contrast
verfügbar, die plattformübergreifend genutzt werden kann.
Betaversionen von Browsern
Betaversionen von Browsern bieten eine Vorschau auf Funktionen, die in der nächsten stabilen Version des Browsers enthalten sein werden. Jetzt ist der ideale Zeitpunkt, um neue Funktionen oder Änderungen zu testen, die sich auf Ihre Website auswirken könnten, bevor sie allgemein verfügbar sind.
Im April wurden die neuen Betaversionen Chrome 103 und Firefox 102 veröffentlicht.
Firefox 102 enthält die Medienfunktion update
. Damit wird abgefragt, ob das Ausgabegerät das Aussehen von Inhalten nach dem Rendern ändern kann. Folgende Werte sind zulässig:
none
- Nach dem Rendern können die Inhalte nicht mehr aktualisiert werden. Zum Beispiel ein gedrucktes Dokument.
slow
- Das Gerät kann die Inhalte aktualisieren, aber zu langsam, um eine flüssige Animation zu ermöglichen. Zum Beispiel E-Ink-Bildschirme.
fast
- Die Inhalte können sich dynamisch und schnell genug ändern, um Animationen zu rendern. z. B. auf einem Computer- oder Smartphonedisplay.
Chrome 103 enthält die Local Fonts Access API, die den Zugriff auf die lokal installierten Schriftarten des Nutzers ermöglicht.
Diese Betafunktionen werden bald in stabilen Browsern verfügbar sein.
Änderung: In einer früheren Version dieses Beitrags wurde die Methode Element.isVisible()
erwähnt, die in diesem Release nicht enthalten ist.
Teil der Serie Neu im Web