{"id":24457,"date":"2022-03-15T10:43:39","date_gmt":"2022-03-15T09:43:39","guid":{"rendered":"https:\/\/www.neusta-ds.de\/blog\/?p=24457"},"modified":"2022-03-15T12:43:03","modified_gmt":"2022-03-15T11:43:03","slug":"barrierefreies-webdesign-gestaltung-ohne-huerden","status":"publish","type":"post","link":"https:\/\/www.destination.one\/blog\/barrierefreies-webdesign-gestaltung-ohne-huerden\/barrierefreiheit\/","title":{"rendered":"Barrierefreies Webdesign – Gestaltung ohne H\u00fcrden"},"content":{"rendered":"
<\/div><\/div><\/div>

In Teil drei unserer Reihe zum Thema „Barrierefreies Webdesign“<\/strong> geben wir einen \u00dcberblick \u00fcber die drei ersten der vier Prinzipien der WCAG aus Sicht der Gestaltung und \u00fcbertragen sie auf das Medium Website: gut wahrnehmbar, bedienbar und verst\u00e4ndlich, denn so m\u00fcssen barrierefreie Anwendungen laut Usability Richtlinien gestaltet sein.<\/p>\n

Wir kn\u00fcpfen mit diesem Artikel an die Betrachtung der Grundlagen der Barrierefreiheit im Web<\/a>\u00a0an. Allen Nutzer:innen das Konsumieren der Inhalte zu erleichtern und zug\u00e4nglich zu machen – das steht dabei grunds\u00e4tzlich im Vordergrund.<\/p>\n<\/div>

Prinzip 1: Webinhalte wahrnehmbar gestalten<\/strong><\/h6>\n<\/div>
Informationen und weitere Bestandteile m\u00fcssen den Benutzer:innen so pr\u00e4sentiert werden, dass sie diese einfach wahrnehmen k\u00f6nnen.<\/h6>\n

Die Inhalte einer Website werden so dargestellt, dass sie auf unterschiedlicher Art und Weise ausgegeben werden k\u00f6nnen. Die Anforderung ist erf\u00fcllt, wenn die Inhalte visuell, auditiv oder auch mit Hilfe anderer Assistenzger\u00e4te problemlos konsumiert werden k\u00f6nnen. Besonders relevant ist dahingehend der Einsatz von Textalternativen f\u00fcr alle Nicht-Text-Inhalte (z. B. Bilder) sowie die Nutzung von passenden Strukturelementen wie Abs\u00e4tze, \u00dcberschriften u. a., um eine alternative Ausgabe der Inhalte \u00fcberhaupt erst zu erm\u00f6glichen. Die Wahrnehmung von Farben, Formen, Positionen der Elemente oder T\u00f6ne darf dabei f\u00fcr das Verst\u00e4ndnis des Inhalts und die Bedienung nicht notwendig sein.<\/p>\n

Auch eine klare Trennung des Inhalts in Vorder- und Hintergrund ist hinsichtlich der Unterscheidbarkeit der relevanten Inhalte von dekorativen Elementen unerl\u00e4sslich. Textlinks werden beispielsweise nicht nur farblich hervorgehoben, sondern zudem stark gefettet oder unterstrichen. Zu vermeiden sind daher auch Schriftgrafiken, wenn sie keine wichtigen Inhalte enthalten und nur dekorative Zwecke erf\u00fcllen.<\/p>\n<\/div>

Gestaltungscheck:<\/strong><\/h6>\n<\/div>