Ladezeit & Technik

Responsive Design.

Responsive Design bezeichnet eine Gestaltung, die auf unterschiedliche Bildschirmgrößen und Darstellungsbedingungen reagiert. Spalten, Schriftgrößen, Bilder und Navigation werden angepasst. Eine Desktopseite lediglich kleiner darzustellen reicht dafür nicht aus.

Warum ist das wichtig?

Ein Formular kann am großen Bildschirm bequem wirken und auf einem Smartphone kaum bedienbar sein. Die gleiche Information muss auch bei wenig Platz verständlich und erreichbar bleiben.

Ein Beispiel

Drei Leistungsspalten stehen auf dem Desktop nebeneinander. Auf dem Smartphone folgen sie untereinander, der Anfragebutton bleibt gut erreichbar und Formularfelder nutzen die verfügbare Breite. Eine breite Vergleichstabelle kann einen eigenen, erkennbaren Scrollbereich erhalten.

Worauf kommt es an?

Prüfen Sie echte Inhalte an mehreren Breiten sowie bei vergrößerter Schrift. Entscheidend sind nicht bestimmte Gerätemodelle, sondern sinnvolle Umbrüche und bedienbare Elemente. Responsive Gestaltung ist ein Teil guter Zugänglichkeit, ersetzt aber keine vollständige Barrierefreiheitsprüfung.

Typische Fehler

  • Wichtige Inhalte auf kleinen Bildschirmen einfach ausblenden.
  • Nur eine Smartphonebreite testen und Zwischenbreiten übersehen.

Weiterlesen

Passende Leistung: WordPress-Entwicklung & Performance

Quelle: MDN: Responsive Webdesign