Raster im Web
Layout im Web
Raster strukturieren Inhalte im Hintergrund und sorgen dafür, dass Weblayouts auch auf unterschiedlichen Bildschirmgrößen verständlich bleiben. Für barrierefreies Webdesign ist entscheidend, dass Raster flexibel funktionieren und sich an verschiedene Geräte und Zoomstufen anpassen.
Mit wechselnden Breakpoints passt sich die Struktur an: Inhalte, die auf großen Bildschirmen in mehreren Spalten angeordnet sind, werden auf Tablets und Smartphones in ein- oder zweispaltige Layouts überführt. Das Raster bleibt dabei als Ordnungsprinzip erhalten, auch wenn sich seine Form verändert.
Für die Barrierefreiheit ist entscheidend, dass diese Umstellungen logisch und vorhersehbar bleiben. Inhalte sollten ihre Reihenfolge beibehalten und nicht unerwartet springen. Flexible Breiten und klare Inhaltsbereiche sorgen dafür, dass Texte auch bei Zoom oder auf kleinen Displays gut lesbar bleiben.
Ein einfaches, gut proportioniertes Raster ist robuster als ein komplexes System und unterstützt Orientierung über alle Geräte hinweg.
Ein gutes Web-Raster bleibt flexibel und hält Inhalte auch bei Veränderung in Form.
