Wöchentliche Plattform-Nachrichten: Favicon-Richtlinien, Barrierefreiheitstests, Web Almanac

Avatar of Šime Vidas
Šime Vidas am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Šime veröffentlicht regelmäßig Inhalte für Webentwickler auf webplatform.news.

Google veröffentlicht Richtlinien für die Definition von Favicons

Jamie Leach: Google Suche zeigt jetzt Favicons in den Suchergebnissen auf Mobilgeräten an. Ihr Favicon sollte ein Vielfaches von 48x48 sein (Google wird es für die Verwendung in Suchergebnissen auf 16x16 Pixel skalieren). Wenn eine Website kein Favicon hat oder Google das Favicon als unangemessen erachtet, wird stattdessen ein generisches Globus-Symbol angezeigt.

Ihr Favicon sollte eine visuelle Darstellung der Marke Ihrer Website sein, um den Nutzern zu helfen, Ihre Website beim Durchsuchen der Suchergebnisse schnell zu identifizieren.

Top-Websites sind überraschend inkonsistent in der Art und Weise, wie sie Icons deklarieren (über <link>-Elemente im Kopfbereich der Seite). Twitter und Pinterest, zwei relativ moderne progressive Web-Apps, bieten Icons in zwei Größen an.

<!-- example -->
<link rel="icon" href="/icon-32x32.png">
<link rel="apple-touch-icon" href="/icon-192x192.png">

The Paciello Group veröffentlicht ARC Toolkit

The Paciello Group: ARC Toolkit, unser professionelles Barrierefreiheitstest-Tool, ist jetzt als Chrome DevTools-Erweiterung verfügbar. Dieses Tool erkennt Probleme im Zusammenhang mit den WCAG 2.1 Richtlinien. Sie können den Test auf der gesamten Seite oder nur auf dem im DevTools Elements-Panel ausgewählten Knoten ausführen.

Denken Sie daran, dass automatisierte Tools zur Barrierefreiheit nur *einige* Probleme mit der Barrierefreiheit finden können und manuelle Tests erforderlich sind, um die vollständige Barrierefreiheit sicherzustellen. Lighthouse (über das Audits-Panel) schlägt manuelle Überprüfungen nach der Durchführung eines Barrierefreiheitsaudits vor.

Andere Neuigkeiten

  • Jeff Jaffe: W3C und WHATWG haben eine Vereinbarung getroffen, bei der Entwicklung von HTML zusammenzuarbeiten. „W3C wird die Community ermutigen, … direkt zu den WHATWG HTML und DOM Repositories beizutragen; Probleme aufzuwerfen, Lösungen vorzuschlagen, zu vorgeschlagenen Lösungen zu kommentieren und Unterstützung oder Ablehnung von Vorschlägen zu signalisieren.“
  • Paul Calvano: „Es gibt eine signifikante Lücke im Alter von ersten im Vergleich zu Drittanbieter-Ressourcen für CSS und Webfonts. 95% der ersten Anbieter-Fonts sind älter als eine Woche, im Vergleich zu 50% der Drittanbieter-Fonts … Dies ist ein starkes Argument für das Self-Hosting von Webfonts!“
  • Rachel Andrew: Der CSS-Wert subgrid ist eine relativ einfache Ergänzung zum Grid-Layout. Wenn Sie zum Beispiel verschachtelte Grids haben und für das Kind-Grid grid-template-rows: subgrid anwenden, verwendet dieses Grid die Zeilenspurren des Eltern-Grids, anstatt eigene Zeilenspurren zu erstellen. Das ist alles. (Diese Funktion wird derzeit nur in Firefox Nightly unterstützt.)
  • GitHub Blog: GitHub kann jetzt automatisierte Sicherheitsfixes für Ihre Abhängigkeiten mit bekannten Sicherheitslücken generieren. Überprüfen Sie auf der GitHub-Website den Reiter „Security“ Ihres Repositories auf Sicherheitswarnungen. Wenn Sie eine Warnung öffnen und auf die Schaltfläche „Automatisierte Sicherheitskorrektur erstellen“ klicken, erstellt GitHub einen automatisierten Pull-Request, der die Sicherheitslücke behebt.
  • Rick Viscomi: HTTP Archive plant, im November den ersten jährlichen Web Almanac zu veröffentlichen, einen Bericht über den Zustand des Webs mit interessanten Erkenntnissen von verschiedenen Experten. Etwa 50 Freiwillige aus der Web-Community arbeiten derzeit daran und suchen nach weiteren Mitwirkenden.