Direkt zum Inhalt
Menu
WEB for ALL
  • Wissen
    • Vorteile für Nutzer
    • Vorteile für Anbieter
    • Umsetzung
      • Tipps für Grafiker
      • Tipps für Programmierer
      • Tipps für Redakteure
    • Barrierefreiheit testen
    • PDF und Barrierefreiheit
    • WEB for ALL – Infomaterialien
    • Gesetze und Verordnungen
      • BITV 2.0
      • W3C – WCAG
      • Private Anbieter
  • Links
    • Literatur
    • Know-how/Praxis
    • Prüf-Tools
  • Über mich
  • Impressum
  • Datenschutz
    • Cookie-Richtlinie
WEB for ALL

Responsive Webdesign kommt Barrierefreiheit entgegen – Responsive Design Viewer simuliert Darstellung auf Endgeräten

Veröffentlicht am 5. November 2013

Ein Begriff ist in aller Munde: Responsive Webdesign. Die grafische Aufbau von Websites ändert sich dabei abhängig vom verwendeten Endgerät dynamisch, so dass eine optimale Darstellung gewährleistet ist. Das betrifft z.B. die Anordnung von Elementen oder den Textfluss. Technische Basis sind Web-Standards wie HTML5, CSS3 oder Javascript.
Der Ansatz des Reponsive Webdesign, das nicht zuletzt durch die zunehmende Verbreitung von Smartphones und Tablet-Computern Auftrieb erfahren hat, kommt auch den Anforderungen der Barrierefreiheit entgegen. Beispielsweise arbeiten NutzerInnen mit Sehschwierigkeiten mit Zoomfunktionen oder stellen eine niedrige Bildschirmauflösung ein, um einen Vergrößerungseffekt zu erreichen. Wichtig ist dabei, dass sich Elemente nicht überlagern und Texte vernünftig umbrechen. Bei Websites mit statischem Design müssen die NutzerInnen mühsam horizontal scrollen, was das Lesen erheblich erschwert.
Mit dem Responsive Design Viewer lässt sich die Darstellung von Websites auf verschiedenen Endgeräten simulieren.
Responsive Design Viewer
Grundlagen zum Thema Responsive Design mit HTML5 und CSS3

Schreibe einen Kommentar Antworten abbrechen

Du musst angemeldet sein, um einen Kommentar abzugeben.

Seite durchsuchen

Soziale Netzwerke

  • Xing-Profil
  • Linkedin-Profil
Logo WEB for ALL
Logo Mitglied bei German UPA

axes4 BIK BITV Dokument EU EU-Richtlinie Inklusion Leichte Sprache Mobile Anwendungen PDF PDF-Days PDF/UA PDF Association Schulung Schweiz Teilhabe Test W3C WCAG ZHAW

kontakt@web-4-all.de

©2024 WEB for ALL | WordPress Theme by Superb Themes
Wir verwenden Cookies auf dieser Website. Durch Klick auf “Akzeptieren” stimmen Sie der Nutzung aller Cookies zu.
Cookie Einstellungen AKZEPTIEREN
Datenschutz-Einstellungen

Datenschutzübersicht

Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern, während Sie durch die Website navigieren. Von diesen werden die Cookies, die nach Bedarf kategorisiert werden, in Ihrem Browser gespeichert, da sie für das Funktionieren der grundlegenden Funktionen der Website wesentlich sind. Wir verwenden auch Cookies von Drittanbietern, mit denen wir analysieren und verstehen können, wie Sie diese Website nutzen. Diese Cookies werden nur mit Ihrer Zustimmung in Ihrem Browser gespeichert. Sie haben auch die Möglichkeit, diese Cookies zu deaktivieren. Das Deaktivieren einiger dieser Cookies kann sich jedoch auf Ihre Browser-Erfahrung auswirken.
Erforderlich
Immer aktiviert
Notwendige Cookies sind unbedingt erforderlich, damit die Website ordnungsgemäß funktioniert. Diese Kategorie enthält nur Cookies, die grundlegende Funktionen und Sicherheitsmerkmale der Website gewährleisten. Diese Cookies speichern keine persönlichen Informationen.
Nicht erforderlich
Alle Cookies, die für die Funktion der Website möglicherweise nicht besonders erforderlich sind und speziell zur Erfassung personenbezogener Daten des Benutzers über Analysen, Anzeigen und andere eingebettete Inhalte verwendet werden, werden als nicht erforderliche Cookies bezeichnet. Es ist obligatorisch, die Zustimmung des Benutzers einzuholen, bevor diese Cookies auf Ihrer Website ausgeführt werden.
Speichern und akzeptieren