Geschwindigkeit, mobile Darstellung und Barrierefreiheit

Die meisten Besucher öffnen die Website auf dem Smartphone, oft mit schwacher Verbindung. Die Vorlagen sind dafür gemacht; Sie müssen nichts technisch einstellen.

Was automatisch passiert

• Fotos werden auf die Bildschirmgröße verkleinert und im leichten WEBP-Format ausgeliefert; Fotos außerhalb des sichtbaren Bereichs werden erst beim Scrollen geladen.
• Schriften werden nur mit den benötigten Zeichen geladen; während die Schrift lädt, verrutscht die Seite nicht.
• Videos werden erst geladen, wenn Besucher sie abspielen; Messwerkzeuge werden nur mit Einwilligung geladen.
• Seiten werden auf dem Server zwischengespeichert; nach einer Änderung wird der Cache automatisch erneuert.
• Auf dem Smartphone gibt es oben den Knopf Menü und unten die Leiste Schnellkontakt.

Alle vier Vorlagen wurden auf Smartphone und Desktop auf Seitengeschwindigkeit (Google Lighthouse) und Barrierefreiheit (Kriterien der WCAG 2.2 AA) geprüft: Tastaturbedienung, Beschriftungen für Screenreader, ausreichender Farbkontrast, Link „Zum Inhalt springen“.

Was Sie tun können

• Beachten Sie bei der Farbwahl den Hinweis zur Lesbarkeit (Farben).
• Geben Sie Beispielarbeiten einen Titel: Er dient auch als Bildbeschreibung (Alternativtext), die Screenreader vorlesen.
• Geben Sie bei Kundenlogos den Firmennamen ein.
• Nutzen Sie in Beiträgen Zwischenüberschriften (##) und schreiben Sie aussagekräftige Linktexte („Preise für Leuchtreklame“ statt „hier klicken“).
• Sehr große Fotos (nahe 15 MB) vor dem Hochladen zu verkleinern, beschleunigt das Hochladen.