Wöchentliche Plattform-Nachrichten: Kontrastverhältnisbereich, replaceAll-Methode, Native File System API

In der dieswöchigen Zusammenfassung: Firefoks neuer Kontrastprüfer, eine einfachere Methode zum Lasso von Teilstrings in einem String und eine neue experimentelle API, die es Apps ermöglicht, mit den lokalen Dateien eines Benutzers zu arbeiten.

Firefox zeigt den Kontrastverhältnisbereich für Text auf einem mehrfarbigen Hintergrund an

Gemäß Erfolgskriterium 1.4.3 der Web Content Accessibility Guidelines (WCAG) sollte Text ein Kontrastverhältnis von mindestens 4,5 haben. (Ein niedrigeres Kontrastverhältnis ist nur akzeptabel, wenn der Text 24 Pixel oder größer ist.)

Wenn der Hintergrund des Textes keine einfarbige Farbe, sondern ein Farbverlauf oder ein Foto ist, können Sie den speziellen Elementauswähler im Bedienfeld für Barrierefreiheit von Firefox verwenden, um einen Bereich von Kontrastverhältnissen basierend auf dem tatsächlichen Hintergrund des Elements zu erhalten.

(via Šime Vidas)

Ersetzen aller Vorkommen eines Teilstrings in einem String

Die neue JavaScript-Methode replaceAll erleichtert das Ersetzen aller Vorkommen eines Teilstrings in einem String, ohne dass der Teilstring zuerst in ein Regex konvertiert werden muss, was „schwer richtig hinzubekommen ist, da JavaScript keinen eingebauten Mechanismus zum Escapen von regulären Ausdrucksmustern bietet“.

// BEFORE
str = str.replace(/foo/g, "bar");

// AFTER
str = str.replaceAll("foo", "bar");

Diese neue String-Methode wurde noch nicht in Browsern veröffentlicht, aber Sie können sie noch heute über Babel verwenden (da sie automatisch von @babel/preset-env polyfillt wird).

(via Mathias Bynens)

Probieren Sie die Native File System API in Chrome aus

Die Native File System API, die experimentell in Chrome unterstützt wird, ermöglicht es Web-Apps, lokale Dateien auf dem Computer einer Person direkt zu lesen oder Änderungen daran zu speichern. Die App erhält die Berechtigung, Dateien in einem bestimmten Ordner anzuzeigen und zu bearbeiten über zwei separate Aufforderungen.

Sie können dieses neue Feature ausprobieren, indem Sie labs.vaadin.com in Chrome auf dem Desktop besuchen.

(via Thomas Steiner)

Mehr Nachrichten…

Lesen Sie weitere Nachrichten in meinem wöchentlichen Newsletter für Webentwickler. Unterstützen Sie mit nur 2 US-Dollar pro Monat und erhalten Sie jeden Montag die neuesten Nachrichten per E-Mail von mir.

Mehr Nachrichten →