{"id":54057,"date":"2021-07-09T07:00:00","date_gmt":"2021-07-09T14:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=54057"},"modified":"2025-01-16T11:37:17","modified_gmt":"2025-01-16T19:37:17","slug":"leitfaden-zur-web-zuganglichkeit-fur-designer","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/de\/leitfaden-zur-web-zuganglichkeit-fur-designer\/","title":{"rendered":"Web-Zug\u00e4nglichkeitsleitfaden f\u00fcr Designer (6 wichtige Tipps)"},"content":{"rendered":"\n

Als Webseitendesigner spielen Sie eine bedeutende Rolle bei der Zug\u00e4nglichkeit einer Webseite<\/a><\/span> und deren Inklusivit\u00e4t.  Viele Desigenelemente, von der Typografie bis zu Medien, k\u00f6nnen Barrieren f\u00fcr Menschen mit Behinderungen schaffen. Bei so vielen zu ber\u00fccksichtigenden Punkten kann es sich wie eine unm\u00f6gliche Aufgabe anf\u00fchlen.<\/p>\n\n\n\n

Zum Gl\u00fcck gibt es viele Anleitungen f\u00fcr das Design einer Webseite<\/a><\/span>, die f\u00fcr alle zug\u00e4nglich ist. Wenn Sie einigen wichtigen Bereichen besondere Aufmerksamkeit schenken, sollten Sie in der Lage sein, Barrierefreiheit in Ihren Designprozess einzubeziehen<\/a>, ohne ins Stocken zu geraten.<\/p>\n\n\n\n

In diesem Leitfaden stellen wir Ihnen das Konzept der Webzug\u00e4nglichkeit und deren Bedeutung vor. Anschlie\u00dfend behandeln wir sechs wichtige Bereiche, die Sie beim Entwerfen einer zug\u00e4nglichen Website beachten sollten. Lassen Sie uns anfangen!<\/p>\n\n\n\n

Eine Einf\u00fchrung in die Web-Zug\u00e4nglichkeit<\/span><\/h2>\n\n\n\n

Webzug\u00e4nglichkeit<\/a><\/span> bedeutet, dass alle Aspekte einer Webseite von Menschen mit Behinderungen genutzt werden k\u00f6nnen. Ohne sie w\u00e4re ein gro\u00dfer Teil der Informationen im Internet f\u00fcr einen gro\u00dfen Prozentsatz der Bev\u00f6lkerung unzug\u00e4nglich. F\u00fcr Online-Gesch\u00e4ftsinhaber w\u00fcrde dies auch bedeuten, potenzielle Verk\u00e4ufe zu verlieren.<\/p>\n\n\n\n

Seit 2019 leben fast 60%<\/a><\/span> der US-Bev\u00f6lkerung mit Behinderungen in einem Haushalt mit Internetzugang. Das bedeutet, dass viele Menschen auf barrierefreies Design angewiesen sind, um das Web vollst\u00e4ndig nutzen zu k\u00f6nnen. Menschen mit Behinderungen neigen auch dazu, Technologie seltener zu nutzen<\/a><\/span>, was bedeutet, dass sie m\u00f6glicherweise keine Wahl haben, welches Ger\u00e4t sie beim Zugriff auf eine Webseite verwenden.<\/p>\n\n\n\n

Das World Wide Web Consortium (W3C)<\/a><\/span> entwickelte die Web Content Accessibility Guidelines (WCAG), um Entwicklern, Designern und anderen, die f\u00fcr die Erstellung und Wartung von Inhalten im Web verantwortlich sind, einen Satz von Standards zu bieten.<\/p>\n\n\n\n

Die Zug\u00e4nglichkeitsrichtlinien sind in vier Prinzipien gegliedert, die manchmal mit dem Akronym POUR bezeichnet werden:<\/p>\n\n\n\n

    \n
  1. Wahrnehmbar:<\/span>\u00a0Website-Komponenten m\u00fcssen so pr\u00e4sentiert werden, dass Benutzer sie wahrnehmen k\u00f6nnen, unabh\u00e4ngig von einer Behinderung.<\/li>\n\n\n\n
  2. Bedienbar:<\/span>\u00a0Navigation und Bedienung d\u00fcrfen keine Eingabeaktionen erfordern, die ein Benutzer nicht ausf\u00fchren kann.<\/li>\n\n\n\n
  3. Verst\u00e4ndlich:<\/span>\u00a0Benutzer m\u00fcssen verstehen k\u00f6nnen, wie sie eine Website und deren Inhalte nutzen und navigieren k\u00f6nnen.<\/li>\n\n\n\n
  4. Robust:<\/span>\u00a0Inhalte m\u00fcssen mit gegenw\u00e4rtiger und zuk\u00fcnftiger Unterst\u00fctzungstechnologie kompatibel sein.<\/li>\n\n\n<\/ol>\n\n\n\n

    Diese Prinzipien k\u00f6nnen \u00fcberw\u00e4ltigend und sogar etwas vage erscheinen. Es gibt jedoch konkrete Schritte, die Sie unternehmen k\u00f6nnen, um sicherzustellen, dass Ihre Website f\u00fcr jeden zug\u00e4nglich ist.<\/p>\n\n\n\n\n\n

    \"Ad<\/div>\n\n\n\n\n
    \n \n Erhalten Sie ein inklusives Design, auf das Sie stolz sein k\u00f6nnen\n <\/h2>\n \n Unsere Designer werden eine wundersch\u00f6ne Website f\u00fcr Ihre Marke erstellen, unter Ber\u00fccksichtigung von Benutzerfreundlichkeitsrichtlinien und ADA-Konformit\u00e4t. Keine Zug\u00e4nglichkeitsprobleme hier!\n <\/p>\n\n \n Erfahren Sie mehr <\/a>\n\n <\/div>\n<\/div>\n\n\n

    Web-Zug\u00e4nglichkeitsleitfaden f\u00fcr Designer (6 wichtige Tipps)<\/span><\/h2>\n\n\n\n

    Nachdem wir darauf eingegangen sind, wie wichtig die Webzug\u00e4nglichkeit ist, betrachten wir sechs Bereiche, die bei der Gestaltung einer barrierefreien Website zu ber\u00fccksichtigen sind.<\/p>\n\n\n\n

    1. Visuelle Designelemente lesbar machen<\/span><\/h3>\n\n\n\n

    Typografie ist ein unterhaltsamer Bereich, um Ihr kreatives Flair zu zeigen, aber der Hauptzweck des Textes Ihrer Website besteht darin, Informationen zu vermitteln. Es gibt einige Richtlinien, die Sie beim Arbeiten mit Typografie beachten sollten.<\/p>\n\n\n\n

    Zuerst sollten Sie \u00fcber den Kontrast zwischen dem Text und dem Hintergrund nachdenken. Kontrast wird als Verh\u00e4ltnis ausgedr\u00fcckt, und gem\u00e4\u00df den WCAG-Richtlinien betr\u00e4gt der minimale Kontrast 4,5:1 f\u00fcr normalen Text und 3:1 f\u00fcr gro\u00dfen Text.<\/p>\n\n\n\n

    Es gibt mehrere Werkzeuge, die Sie verwenden k\u00f6nnen, um Farbkombinationen zu testen. WebAIMs Kontrastpr\u00fcfer<\/a><\/span> ist eines davon.<\/p>\n\n\n

    \n
    \"WebAIMs<\/figure><\/div>\n\n\n

    Zeilenh\u00f6he und Buchstabenabstand spielen ebenfalls eine Rolle, wenn es um Zug\u00e4nglichkeit geht. Um den Text lesbar zu halten, gibt die W3C folgende Anleitung<\/a><\/span>:<\/p>\n\n\n\n