Artikel

`[accesskey]`-Werte sind eindeutig
`[aria-*]`-Attribute entsprechen ihren Rollen
`button`-, `link`- und `menuitem`-Elemente haben zugängliche Namen
`[aria-hidden="true"]` ist in dem Dokument `<body>` nicht vorhanden
`[aria-hidden="true"]`-Elemente enthalten keine fokussierbaren Unterelemente
ARIA-Eingabefelder haben zugängliche Namen
ARIA `meter`-Elemente haben zugängliche Namen
ARIA `progressbar`-Elemente haben zugängliche Namen
`[role]`-Elemente verfügen über alle erforderlichen `[aria-*]`-Attribute
Die Elemente mit einer ARIA-`[role]`, deren untergeordnete Elemente eine bestimmte `[role]` enthalten müssen, haben alle erforderlichen untergeordneten Elemente.
JavaScript-Ausführungszeit
Schaltflächen haben keinen für Screenreader zugänglichen Namen
Verkettung kritischer Anfragen vermeiden
Vermeidet veraltete APIs
Es wurden keine Browserfehler in der Konsole protokolliert
Darauf achten, dass der Text während der Webfont-Ladevorgänge sichtbar bleibt
Zeigt Bilder mit einem korrekten Seitenverhältnis an
Stellt Bilder mit angemessener Auflösung bereit
Umfangreiche Layoutverschiebungen vermeiden
Largest Contentful Paint-Bild wurde nicht mit Lazy Loading geladen
Lange Hauptthread-Aufgaben vermeiden
Minimiert den Aufwand für den Hauptthread
Registriert einen `unload`-Listener
Nicht zusammengesetzte Animationen vermeiden
Schriftarten mit `font-display: optional` werden vorab geladen
Largest Contentful Paint-Bild vorab laden
Mehrere Weiterleitungen auf die Seite vermeiden
Kurze Erstreaktionszeit des Servers
Lazy Loading von Ressourcen von Drittanbietern mit Fassaden
Bildelemente haben keine explizite `width` und `height`
Vorverbindung zu erforderlichen Ursprüngen aufbauen
Wichtige Anforderungen vorab laden
Fehlende Quellzuordnungen für große eigene JavaScript-Dateien
In JavaScript-Bundles doppelt vorhandene Module entfernen
Largest Contentful Paint-Element
Verhindern, dass in modernen Browsern veraltetes JavaScript bereitgestellt wird
Bilder in modernen Formaten bereitstellen
Verwendet kein `document.write()`
Nicht sichtbare Bilder aufschieben
Ressourcen beseitigen, die das Rendering blockieren
Halten Sie die Anfrageanzahl niedrig und die Übertragungsgröße gering
CSS komprimieren
JavaScript komprimieren
Reduzieren Sie nicht verwendete CSS
Reduzieren Sie nicht verwendetes JavaScript
Statische Inhalte mit einer effizienten Cache-Richtlinie bereitstellen
Textkomprimierung aktivieren
The page has a logical tab order
`<video>`-Elemente enthalten ein `<track>`-Element mit `[kind="captions"]`
Dokument enthält ein gültiges `hreflang`-Element
Dokument verwendet keine Plug-ins
Dokument enthält gut lesbare Schriftgrößen
Links haben beschreibenden Text
Seite ist nicht von Indexierung ausgeschlossen
Erlaubt Nutzern, Inhalte in Passwortfelder einzufügen
Verwendet HTTPS
Dieses Dokument verwendet `<meta http-equiv="refresh">` nicht
Formularelemente sind mit Labels verknüpft
`[user-scalable="no"]` wird nicht im `<meta name="viewport">`-Element verwendet und das `[maximum-scale]`-Attribut ist nicht kleiner als 5.
Die Seite enthält eine Überschrift, einen Link zum Überspringen oder einen Landmark-Bereich
Interactive controls are keyboard focusable
Seite verfügt über den HTML-DOCTYPE
In JavaScript-Bundles doppelt vorhandene Module entfernen
Fordert während des Seitenaufbaus keine Berechtigung zur Standortbestimmung an
`<input type="image">`-Elemente haben `[alt]`-Text
Largest Contentful Paint-Element
Verhindern, dass in modernen Browsern veraltetes JavaScript bereitgestellt wird
Bilder in modernen Formaten bereitstellen
Verwendet kein `document.write()`
Nicht sichtbare Bilder aufschieben
Ressourcen beseitigen, die das Rendering blockieren
Halten Sie die Anfrageanzahl niedrig und die Übertragungsgröße gering
CSS komprimieren
JavaScript komprimieren
Reduzieren Sie nicht verwendete CSS
Reduzieren Sie nicht verwendetes JavaScript
Statische Inhalte mit einer effizienten Cache-Richtlinie bereitstellen
Textkomprimierung aktivieren
Markierungen und Messungen für das Nutzertiming
Vermeidet sehr große Netzwerknutzlasten
Vermeidet eine übermäßige DOM-Größe
`[lang]`-Attribute weisen einen gültigen Wert auf
Hat ein `<meta name="viewport">`-Tag mit `width` oder `initial-scale`
Visual order on the page follows DOM order
Bilder richtig dimensionieren
HTML5 landmark elements are used to improve navigation
robots.txt ist gültig
Offscreen content is hidden from assistive technology
Bildelemente verfügen über `[alt]`-Attribute
`<object>`-Elemente haben alternativen Text
Dokument enthält eine Meta-Beschreibung
Korrekt definierter Zeichensatz
Sicherstellen, dass CSP effektiv gegen XSS-Angriffe wirkt
Drittanbieternutzung minimieren
Zellen in einem "`<table>`"-Element, die das Attribut "`[headers]`" enthalten, verweisen auf Zellen in derselben Tabelle.
Kein Element hat einen `[tabindex]`-Wert größer als 0
Strukturierte Daten sind gültig
Fordert während des Seitenaufbaus keine Benachrichtigungsberechtigung an
Enthält Front-End-JavaScript-Bibliotheken mit bekannten Sicherheitslücken
The user's focus is directed to new content added to the page
Das `<html>`-Element hat einen gültigen Wert für sein `[lang]`-Attribut
`<html>`-Element hat ein `[lang]`-Attribut
Seite hat einen gültigen HTTP-Statuscode
Überschriftenelemente werden in einer fortlaufenden absteigenden Reihenfolge angezeigt
Links haben keinen leicht erkennbaren Namen
`<frame>`- oder `<iframe>`-Elemente verfügen über einen Titel
Links können gecrawlt werden
Dokument enthält ein gültiges `rel=canonical`-Element
Größe von Tippzielen ist nicht richtig eingestellt
Bilder effizient codieren
Verwendet passive Listener zur Verbesserung der Scrollleistung
Für `<th>`-Elemente und Elemente mit `[role="columnheader"/"rowheader"]` sind Datenzellen vorhanden, die sie beschreiben.
Listenelemente (`<li>`) befinden sich in übergeordneten `<ul>`- oder `<ol>`-Elementen
Listen enthalten nur `<li>`-Elemente und Elemente zur Skriptunterstützung (`<script>` sowie `<template>`).
Interactive elements indicate their purpose and state
Keine Probleme im `Issues`-Bereich der Chrome-Entwicklertools
Kein Formularfeld hat mehrere Labels
User focus is not accidentally trapped in a region
Videoformate für animierte Inhalte verwenden
ARIA-IDs sind eindeutig
`[id]`-Attribute zu aktiven, fokussierbaren Elementen sind eindeutig
Dokument enthält ein `<title>`-Element
Definitionslistenelemente sind in `<dl>`-Elemente eingefasst
Das Kontrastverhältnis von Hintergrund- und Vordergrundfarben ist ausreichend
`<dl>`-Elemente enthalten ausschließlich Gruppen aus `<dt>`- und `<dd>`-Elementen sowie `<script>`-, `<template>`- oder `<div>`-Elemente, die richtig angeordnet sind.
Custom controls have ARIA roles
Custom controls have associated labels
`[role]`-Elemente sind ihren jeweils erforderlichen übergeordneten Elementen untergeordnet
`[aria-*]`-Attribute weisen gültige Werte auf
`[aria-*]`-Attribute sind gültig und richtig geschrieben
`[role]`-Werte sind gültig
ARIA-Ein-/Aus-Schaltflächen haben zugängliche Namen
ARIA `tooltip`-Elemente haben zugängliche Namen
ARIA `treeitem`-Elemente haben zugängliche Namen
JavaScript-Bibliotheken erkannt
Write an article about importance of
Write an article about importance of
Write an article about importance of Largest Contentful Paint for web-pages
Write an article about importance of Time to Interactive for web-pages
Write an article about importance of Cumulative Layout Shift for web-pages
Write an article about importance of