Barrierefreie Website Grundlagen

Basiswissen für verständlichere, zugänglichere statische Websites.

Das Problem

Viele Barrieren entstehen durch fehlende Struktur, schlechte Linktexte oder Bilder ohne Beschreibung.

Einfache Erklärung

Eine statische Website besteht meist aus HTML, CSS, JavaScript und Bildern. Die index.html ist häufig die Startseite. Wenn Pfade, Bilder oder Stylesheets fehlen, sieht die Vorschau unvollständig aus, obwohl einzelne Inhalte noch lesbar sind.

Schritt für Schritt

1. Heading-Struktur prüfen.
2. Bilder mit alt-Texten versehen.
3. Formulare labeln.
4. Tastaturbedienung testen.

Typische Fehler

• Nur Farbe als Hinweis verwenden.
• Buttons ohne Namen.
• Mehrere H1 ohne Struktur.

Checkliste

• eine H1
• sinnvolle H2/H3
• alt-Texte
• sichtbare Fokuszustände

FAQ

Was ist eine index.html?

Sie ist meistens die Startdatei einer statischen Website und wird von Browsern oder Webservern zuerst geöffnet.

Warum laden Bilder lokal nicht?

Häufig fehlen Bilddateien im Ordner oder der Pfad in der HTML-Datei zeigt an eine andere Stelle.

Wann braucht man kein Backend?

Für reine Info-Websites, Landingpages, einfache Restaurantseiten oder statische Exporte reicht oft eine statische Website.