Die Website einer Musikschule war nicht für Mobilgeräte ausgelegt: Das Handy zeigte die Desktop-Ansicht in Miniatur. Der Code gab die Sprache nicht an, sodass ein Screenreader den Text mit falscher Aussprache vorlesen konnte. 19 von 72 Bildern hatten keinen Alternativtext, und die Startseite hatte keine Hauptüberschrift. Wer über https kam, landete auf der unverschlüsselten Adresse. Und zwei Links führten auf eine Fehlerseite, einer davon zum Anmeldeformular.
Was wir gebaut haben
- 41 Seiten ohne Inhaltsverlust übernommen: Ein Skript vergleicht den Wortschatz des Originals mit dem extrahierten Text und bricht ab, wenn eine Seite mehr als 2 % verliert. Alle Fotos und PDFs bleiben erhalten.
- Drei Fassungen: Deutsch vollständig; Englisch für Start, Angebot (Kurse, Instrumente und Ensembles), Anmeldung, Lehrende und Kontakt; Einfache Sprache für Start, Angebot, Anmeldung und Kontakt. Ohne Übersetzungs-Plugin.
- Barrierefreiheit im Code statt in einer übergelegten Leiste: Sprache auf jeder Seite angegeben, Link „Zum Inhalt springen“, vollständige Tastaturbedienung mit sichtbarem Fokus, Kontrast nach AA, Tabellen mit Kopfzeilen, keine Slider. Geprüft mit axe-core (WCAG 2.1 AA) auf 14 Seiten in zwei Breiten: 0 Fehler.
- Alternativtext für jedes Foto, von Hand geschrieben, wo er fehlte.
- 95 vorbereitete 301-Weiterleitungen, damit die alten Pfade unter /cms/, die PDFs und die Fotos zur neuen Adresse führen.
- Tote Links und Links mit der nackten URL als Text behoben, dazu eine Prüfung der internen Links bei jeder Veröffentlichung.
Die ganze Seite
Genau so, wie ein Besucher sie sieht, von oben bis unten.
Weitere Projekte
Möchten Sie so ein Projekt?
Erzählen Sie uns Ihre Idee und wir entwerfen eine Website nach Maß für Ihren Betrieb.