Zum Hauptinhalt springen

Web-Dev: Relaunch, Barrierefreiheit und sauberer Code für Deine Website

Hi und willkommen in der Kategorie Web-Dev!

Erinnerst Du Dich noch daran, wie stolz Du beim Launch Deiner Website warst? Ein paar Jahre später lädt sie langsam, und das Design wirkt altbacken.

Und dann steht die große Frage im Raum: Flicken oder neu bauen?

Genau hier setzt diese Kategorie an. Ich schreibe über das, was unter der Haube Deiner Website passiert.

info

Hier bekommst Du Checklisten, Entscheidungshilfen und Schritt-für-Schritt-Anleitungen, mit denen Du Deine Website planst, prüfst und technisch sauber umsetzt. Egal, ob Du selbst entwickelst oder eine Agentur beauftragst.

Warum ich über Web-Entwicklung schreibe​

Ich entwickle und optimiere Websites. Und eine Sache wird dabei immer klar: Ein schickes Design rettet keine Website, deren Probleme im Code stecken.

Warum?

Weil die entscheidenden Fehler oft unter der Oberfläche liegen: eine langsame Ladezeit, veraltetes HTML ohne saubere Semantik oder Barrieren, die tief im Code verankert sind. Mit einem neuen Farbschema bekommst Du so etwas nicht in den Griff.

Deshalb empfehle ich, nach den aktuellen Standards zu entwickeln: dem WHATWG HTML-Standard, den W3C-Richtlinien und den WCAG. In meinen eigenen Projekten entwickle ich zum Beispiel mit Svelte und binde WordPress zur Content-Verwaltung an.

In dieser Kategorie beantworte ich Fragen wie:

  • Soll ich meine bestehende Website modernisieren oder komplett neu entwickeln?
  • Welche Schritte gehören in einen Relaunch, damit am Ende nichts fehlt?
  • Wie funktioniert Barrierefreiheit technisch, und wie prüfe ich meine Website darauf?
  • Was gehört eigentlich in ein alt-Attribut?
  • Gelten die IP-Adressen meiner Besucher als personenbezogene Daten?

Was Dich in diesem Bereich erwartet​

Relaunch: modernisieren oder neu entwickeln?​

Barrierefreiheit im Code​

Datenschutz auf dem Server​

  • IP-Adresse als personenbezogene Daten: Was sagen die DSGVO und der BGH dazu?: Jeder Seitenaufruf schickt die IP-Adresse des Besuchers an Deinen Server, und oft landet sie in Log-Dateien. Lies den Artikel, wenn Du wissen willst, was DSGVO, BGH und EuGH dazu sagen und warum IP-Adressen für die meisten Unternehmen, die kein Internetdienstanbieter sind, laut meiner Schlussfolgerung nicht als personenbezogen gelten. Eine Rechtsberatung ersetzt er nicht.

Code zum Nachbauen​

  • Sanftes Scrollen für Anker-Links in Svelte mit TypeScript: Für alle, die selbst coden. In zehn Schritten baust Du eine smoothScrollTo-Funktion, die die Höhe Deines Menüs berücksichtigt, am Seitenende nicht abrupt stoppt und dank kubischer Ease-in-out-Kurve und requestAnimationFrame butterweich scrollt.
tipp

Du stehst vor einem Relaunch? Starte mit der Entscheidungsvorlage und arbeite danach die Relaunch-Checkliste ab. Geht es Dir vor allem um Barrierefreiheit, lies zuerst die Grundlagen und nimm Dir dann die 25-Schritte-Checkliste vor.

Für tieferes Wissen zu sauberem Markup schau in die Kategorie HTML-Semantik, für die Suchmaschinen-Seite Deines Relaunchs in meinen Leitfaden zur technischen SEO.

Für wen diese Kategorie besonders wichtig ist​

  • Geschäftsführer und Marketing-Verantwortliche, deren Website in die Jahre gekommen ist und die zwischen Modernisierung und Neuentwicklung abwägen
  • Projektverantwortliche, die einen Relaunch planen und mit ihrer Agentur auf Augenhöhe sprechen wollen
  • Unternehmen, die unter das BFSG fallen und wissen müssen, was Barrierefreiheit im Code konkret bedeutet
  • Web-Entwickler, die Barrierefreiheit, Datenschutz und saubere Animationen direkt in ihre Projekte einbauen wollen

Egal ob Du Code schreibst oder das Budget verantwortest: Hier findest Du Dein technisches Rüstzeug.

Was Du als Nächstes tun solltest​

Bevor Du Budget verplanst, mach eine ehrliche Bestandsaufnahme:

  1. Website bewerten: Geh die Entscheidungsvorlage Punkt für Punkt durch und notiere, wo Deine Website schwächelt.
  2. Barrierefreiheit prüfen: Ob das BFSG für Dich gilt, verrät Dir der BFSG-Relevanzcheck von Barrierenlos℠. Für den technischen Selbst-Check nimm Dir die 25-Schritte-Checkliste oder die BFSG-Checkliste als PDF von Barrierenlos℠ vor.
  3. Relaunch planen: Nimm die Relaunch-Checkliste als Projektplan. Ob sich die Investition lohnt, rechnest Du mit meiner ROI-Berechnung nach.

Soll ein Profi Deine Website auf Barrierefreiheit prüfen? Dann schau Dir das Audit von Barrierenlos℠ an.

Und falls Du beim Abwägen hängen bleibst, buche Dir gerne eine kostenlose 1:1-Beratung bei mir oder einen Termin direkt in meinem Kalender.

Danach weißt Du, ob Deine Website ein Update oder einen Neuanfang braucht und worauf es technisch ankommt, damit sie für alle funktioniert.

Weitere Themen: Alle Artikel · Barrierefreiheit · Design · Fallstudien · HTML-Semantik · IT-Compliance · SEO & SEA · Strategie · WordPress

Porträtfoto von Dmitry Dugarev

Beste Grüße

Dmitry Dugarev

Ich führe Barrierenlos℠, eine Beratung für barrierefreie WordPress-Websites, und arbeite an Semanticality™, FunnelCAD und DolmiDesk™. Hier schreibe ich über Barrierefreiheit, Web-Entwicklung und SEO.

Auf dieser Seite

Deine Privatsphäre

Wir nutzen notwendige Cookies, damit diese Website funktioniert. Mit Deiner Einwilligung messen wir zusätzlich, wie sie genutzt wird und ob unsere Kampagnen funktionieren. Details findest Du in unserer Datenschutzerklärung.