Zum Inhalt springen
Zum Inhalt springen
11 Module 0–100 Score Browser Signals

Module

Alle Audit-Module im Überblick

auditmysite prüft in elf Modulen. Hier ist die modulare Struktur im Detail, aber in derselben ruhigen Form wie auf der Startseite.

Accessibility

77 WCAG 2.1 Regeln (Level A und AA) werden real im Browser geprüft — ARIA-Rollen, Landmarks, Formulare, Dialoge, Tabellen, Widgets und mehr. auditmysite nutzt Chrome DevTools Protocol, kein statisches Parsing.

  • Bypass Blocks

    Skip-Links und Sprungmechanismen für Tastaturnutzer vorhanden

  • Contrast

    Farbkontrastverhältnis zwischen Text und Hintergrund (min. 4.5:1)

  • Focus Order

    Fokus-Reihenfolge entspricht der logischen Lesereihenfolge

  • Focus Visible

    Fokusindikator bei Tastaturnavigation sichtbar

  • Headings

    Überschriftenhierarchie korrekt und konsistent

  • Info Relationships

    Strukturbeziehungen programmatisch erkennbar

  • Input Purpose

    Zweck von Eingabefeldern maschinenlesbar

  • Instructions

    Eingabeanweisungen nicht nur über Farbe/Form kommuniziert

  • Keyboard

    Alle Funktionen per Tastatur erreichbar

  • Label in Name

    Sichtbares Label in zugänglichem Namen enthalten

  • Labels

    Formularfelder mit korrekt verknüpften Labels

  • Language

    Sprache der Seite im HTML-Element deklariert

  • Link Purpose

    Linkziele aus Text oder Kontext erkennbar

  • Non-Text Contrast

    UI-Komponenten haben ausreichenden Kontrast

  • On Focus

    Fokus löst keine unerwarteten Kontextänderungen aus

  • On Input

    Eingabe löst keine unerwarteten Kontextänderungen aus

  • Page Titled

    Seite hat einen aussagekräftigen Titel

  • Resize Text

    Text auf 200% skalierbar ohne Inhaltsverlust

  • Section Headings

    Abschnitte durch Überschriften gegliedert

  • Text Alternatives

    Nicht-Text-Inhalte haben Textalternativen (alt-Attribute)

SEO

Meta-Tags, Heading-Struktur, Open Graph und Structured Data werden vollständig analysiert. Ein Content-Score von 0 bis 100 gibt eine schnelle Einschätzung der Suchmaschinenoptimierung.

  • Meta Title

    Title-Tag vorhanden, korrekte Länge (30-60 Zeichen)

  • Meta Description

    Description vorhanden, korrekte Länge (50-160 Zeichen)

  • Heading Structure

    H1 vorhanden, Hierarchie ohne Sprünge

  • Open Graph Title

    og:title gesetzt und inhaltlich sinnvoll

  • Open Graph Description

    og:description gesetzt

  • Open Graph Image

    og:image gesetzt und erreichbar

  • Twitter Cards

    Twitter Card Meta-Tags vorhanden

  • Canonical URL

    Canonical-Tag korrekt gesetzt und self-referencing

  • HTTPS

    Seite über HTTPS ausgeliefert

  • Lang Attribute

    Sprache im html-Element gesetzt

  • Structured Data

    Schema.org Markup vorhanden und valide

  • Content Score

    Gesamtbewertung SEO-Relevanter Signale (0-100)

Performance

Core Web Vitals werden direkt im Browser gemessen. Zusätzlich analysiert auditmysite das Content-Gewicht und die Ressourcen-Anzahl für eine realistische Performance-Bewertung.

  • LCP

    Largest Contentful Paint – Hauptinhalt sichtbar (Ziel unter 2,5s)

  • CLS

    Cumulative Layout Shift – visuelle Stabilität (Ziel unter 0.1)

  • TBT

    Total Blocking Time – Blockierzeit des Hauptthreads (Ziel unter 200ms)

  • Gesamtgröße

    Gesamtes Seitengewicht aller Ressourcen

  • Ressourcen-Anzahl

    Anzahl geladener Ressourcen (JS, CSS, Bilder, Fonts)

  • Performance Score

    Gesamtscore und Note (A+ bis F)

Security

9 Security-Header werden auf Vorhandensein und korrekte Konfiguration geprüft. Zusätzlich wird die SSL/TLS-Konfiguration analysiert und ein Gesamtsecurity-Score berechnet.

  • Content-Security-Policy

    CSP-Header vorhanden und konfiguriert

  • X-Content-Type-Options

    Verhindert MIME-Type-Sniffing

  • X-Frame-Options

    Schutz vor Clickjacking-Angriffen

  • X-XSS-Protection

    XSS-Filter-Header (Legacy, aber empfohlen)

  • Referrer-Policy

    Kontrolle über gesendete Referrer-Informationen

  • Permissions-Policy

    Browserfeatures explizit eingeschränkt

  • Strict-Transport-Security

    HSTS erzwingt HTTPS-Nutzung

  • Cross-Origin-Opener-Policy

    Isolation von Cross-Origin-Kontexten

  • Cross-Origin-Resource-Policy

    Ressourcenteilung explizit kontrolliert

  • SSL/TLS

    Zertifikat valide, Protokollversion und Cipher Suites geprüft

Mobile

Viewport-Konfiguration, Touch-Target-Größen und Responsive-Design-Checks stellen sicher, dass die Seite auf mobilen Geräten korrekt funktioniert und nutzbar ist.

  • Viewport Meta Tag

    Viewport korrekt konfiguriert (width=device-width)

  • Touch-Target-Größe

    Interaktive Elemente mindestens 44x44px groß

  • Schriftgrößen

    Basisschriftgröße mindestens 16px auf Mobile

  • Responsive Images

    srcset und sizes für adaptive Bildgrößen vorhanden

  • Media Queries

    CSS-Breakpoints für unterschiedliche Bildschirmgrößen

  • Horizontales Scrollen

    Kein unbeabsichtigtes horizontales Scrollen auf Mobile

UX

5-Dimensionen-Analyse der Nutzererfahrung mit Sättigungskurven-Scoring. Kritische Accessibility-Probleme fließen als Penalty in den UX-Score ein.

  • CTA-Klarheit

    Call-to-Actions erkennbar, beschriftet und priorisiert

  • Visuelle Hierarchie

    Überschriften, Abstände und Gewichtungen leiten den Blick

  • Inhaltliche Klarheit

    Textverständlichkeit, Absatzstruktur und Scannability

  • Vertrauenssignale

    Impressum, Datenschutz, Social Proof und Kontaktmöglichkeiten

  • Kognitive Last

    Seitenumfang, Interaktionsdichte und Informationsüberladung

Journey

User-Flow-Analyse über 5 Dimensionen – gewichtet nach erkanntem Seitentyp (Marketing, Content, E-Commerce, App, Docs). Accessibility-Probleme reduzieren auch den Journey-Score.

  • Entry Clarity

    Ist der Einstieg klar? Headline, Hero, erste Orientierung

  • Orientierung

    Breadcrumbs, Navigation, Seitenstruktur erkennbar

  • Navigation

    Menüstruktur, interne Verlinkung, generische Links vermieden

  • Interaktion

    Formulare, Buttons und interaktive Elemente funktional und beschriftet

  • Conversion

    CTA-Pfade vorhanden, Friction Points identifiziert

AI Visibility

Strukturelle Lesbarkeit für LLM-Indexierung und Zitierbarkeit. Indikatorwert – Tendenz, keine Messung.

  • Readability

    Inhalt strukturell für Sprachmodelle lesbar und extrahierbar

  • Citability

    Seite enthält zitierbare Einheiten mit klaren Grenzen

  • Structured Data

    Schema.org-Auszeichnung erhöht Erkennbarkeit in KI-Systemen

  • AI Policy

    robots.txt und Crawler-Direktiven kommunizieren KI-Zugang klar

  • Chunk Quality

    Textblöcke semantisch abgeschlossen und ohne Kontextverlust extrahierbar

Source Quality

Code-Hygiene-Signale: Inline Styles, veraltete Elemente, semantische Struktur und Asset-Hygiene. Indikatorwert – Tendenz, keine Messung.

  • Inline Styles

    Inline-CSS-Anteil erkannt – hoher Anteil erschwert Wartbarkeit

  • Deprecated Elements

    Veraltete HTML-Elemente (<font>, <center> etc.) vorhanden

  • Semantic Structure

    Semantisch korrekte Elemente statt generischer Divs verwendet

  • Asset Hygiene

    Konsistenz und Ladequalität von JS-, CSS- und Bild-Assets

Dark Mode

Erkennt Dark-Mode-Unterstützung via prefers-color-scheme Media Queries und CSS Custom Properties. Indikatorwert – Tendenz, keine Messung.

  • prefers-color-scheme

    Media Query für Dark Mode in CSS vorhanden

  • CSS Custom Properties

    Token-basierte Farbdefinitionen ermöglichen Theme-Wechsel

  • Kontrast (Dark)

    Kontrastverhältnisse werden auch im Dark Mode geprüft

Tech Stack

Erkennt CMS und Frameworks über In-Page-Signale und führt stack-spezifische Security-Probes durch. Aktiviert mit --stack oder --full.

  • CMS-Erkennung

    WordPress, Drupal und andere CMS anhand typischer Signaturen erkannt

  • Framework-Erkennung

    Next.js, Astro, React, Vue und weitere Frameworks identifiziert

  • Stack-Security-Probes

    Stack-spezifische Sicherheitsprüfungen auf Basis erkannter Technologien

Bereit für den ersten Audit?

Lade das CLI herunter und starte sofort.

Zum Download