{"id":8698,"date":"2019-06-11T11:44:12","date_gmt":"2019-06-11T11:44:12","guid":{"rendered":"https:\/\/pluspol-website-live.pluspol-networks.de\/?p=8698"},"modified":"2023-12-08T11:58:17","modified_gmt":"2023-12-08T11:58:17","slug":"zielgruppen-erweitern-mit-barrierefreiem-webdesign","status":"publish","type":"post","link":"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/","title":{"rendered":"Zielgruppen erweitern mit barrierefreiem Webdesign"},"content":{"rendered":"[vc_row type=“in_container“ full_screen_row_position=“middle“ column_margin=“default“ column_direction=“default“ column_direction_tablet=“default“ column_direction_phone=“default“ scene_position=“center“ text_color=“dark“ text_align=“left“ row_border_radius=“none“ row_border_radius_applies=“bg“ overflow=“visible“ overlay_strength=“0.3″ gradient_direction=“left_to_right“ shape_divider_position=“bottom“ bg_image_animation=“none“][vc_column column_padding=“no-extra-padding“ column_padding_tablet=“inherit“ column_padding_phone=“inherit“ column_padding_position=“all“ column_element_direction_desktop=“default“ column_element_spacing=“default“ desktop_text_alignment=“default“ tablet_text_alignment=“default“ phone_text_alignment=“default“ background_color_opacity=“1″ background_hover_color_opacity=“1″ column_backdrop_filter=“none“ column_shadow=“none“ column_border_radius=“none“ column_link_target=“_self“ column_position=“default“ gradient_direction=“left_to_right“ overlay_strength=“0.3″ width=“1\/1″ tablet_width_inherit=“default“ animation_type=“default“ bg_image_animation=“none“ border_type=“simple“ column_border_width=“none“ column_border_style=“solid“][vc_column_text]Wer das Wort Barrierefreiheit h\u00f6rt, stellt sich wahrscheinlich zuerst einen erleichterten Zugang f\u00fcr Rollstuhlfahrer zu Geb\u00e4uden oder \u00f6ffentlichen Verkehrsmitteln vor. Doch was hat Barrierefreiheit mit Webdesign zu tun?<\/p>\n
\n

\u00c4hnlich wie ein Rollstuhlfahrer das Geb\u00e4ude erreichen m\u00f6chte, erwarten auch eingeschr\u00e4nkte Nutzer Zugang zum Inhalt Ihrer Webseite. Dazu z\u00e4hlen sowohl Menschen, die h\u00f6r- oder sehgesch\u00e4digt, motorisch oder kognitiv beeintr\u00e4chtigt sind, als auch unterschiedliche Altersklassen. Gerade Personengruppen mit Behinderung verbringen wesentlich mehr Zeit im Netz als Personen ohne Behinderung, wie eine Studie der Aktion Mensch<\/a> ermittelt hat.<\/p>\n

Aber auch technische Dinge, wie z.B. das verwendete Endger\u00e4t, sollten die Nutzung der Webseite nicht nachteilig beeinflussen. Nicht zuletzt ist ein barrierefreier Zugang auch f\u00fcr das Ranking der Website auf Suchmaschinen von Vorteil, da Robots und Webcrawler beim Indizieren die Seiten besser bewerten.<\/p>\n

Inhaltliche und technische Barrierefreiheit<\/h2>\n

Es gibt verschiedene Arten von Barrieren, die Usern den Zugang zu Ihrem Angebot erschweren k\u00f6nnen. Mit dem Entfernen dieser H\u00fcrden erreichen Sie nicht nur eine gr\u00f6\u00dfere, sondern auch eine zufriedenere Zielgruppe.<\/p>\n

\u200dInhaltliche Barrierefreiheit<\/strong><\/h3>\n

Alle Inhalte einer Seite sind \u00fcbersichtlich und in leicht verst\u00e4ndlicher Sprache zug\u00e4nglich, um alle Bev\u00f6lkerungsschichten zu erreichen, losgel\u00f6st von Alter, Herkunft oder Bildungsschicht.<\/p>\n

Technische Barrierefreiheit<\/strong><\/h3>\n

\u200d<\/strong>Ihre Inhalte sind uneingeschr\u00e4nkt erreichbar, unabh\u00e4ngig von Endger\u00e4t und Benutzeroberfl\u00e4che.<\/p>\n

Diese wichtigen Aspekte der Barrierefreiheit sollten in der Konzeption, insbesondere aber auch in der Umsetzung eines Webauftritts beachtet werden.<\/p>\n

Wege in die Barrierefreiheit<\/h2>\n

Wir zeigen Ihnen, welche Punkte Sie beachten m\u00fcssen, um Ihre Webseite wirklich barrierefrei zu gestalten.<\/p>\n

\u200dGrundlegender Aufbau<\/strong><\/h3>\n

Ihre Webseite sollte f\u00fcr den Nutzer eine generelle Ordnung bereitstellen. Eine klare Gliederung und Struktur der Inhalte sind dabei die wichtigsten Aspekte. Dies kann \u00fcber gute Titel, \u00dcberschriften und HTML5 <\/em>Elemente, wie beispielsweise dem nav Element (als Navigation), erreicht werden. \u00dcbergeordnet sollte dazu ein Konzept f\u00fcr die Darstellung Ihrer Daten erstellt werden.<\/p>\n

Inhalt<\/strong><\/h4>\n

Gut strukturierter Text ist nicht nur leichter verst\u00e4ndlich, sondern wird auch von Screenreadern erkannt, die diesen f\u00fcr Menschen mit Sehbehinderung in Brailleschrift \u00fcbersetzen. Die Wahlm\u00f6glichkeit, Inhalte auch in \u201eLeichter Sprache\u201c zu bekommen, anstatt in komplexen S\u00e4tzen oder mit Fremdw\u00f6rtern, erreicht sowohl Menschen mit kognitiven Behinderungen als auch Nicht-Muttersprachler.<\/p>\n

Design<\/strong><\/h4>\n

Zwischen den Farben sollte ein guter Kontrast herrschen. Eine Kombination von verschiedenen Indikatoren wie Farbe, Breite und Position eines Elements erm\u00f6glichen hier eine gro\u00dfe Zufriedenheit beim Nutzer. Zudem sollte es jedem m\u00f6glich sein, die Gr\u00f6\u00dfe der Schrift selbst anzupassen.<\/p>\n

Steuerung der Webseite<\/strong><\/h4>\n

Um die Webseite gut bedienen zu k\u00f6nnen, sollte es dem Nutzer immer erm\u00f6glicht werden auf verschiedene Art und Weise durch sie zu navigieren. Neben der Bedienung \u00fcber die Maus spielt auch die Nutzung der Tabulator-Taste eine wichtige Rolle. Besonders Personen mit motorischen St\u00f6rungen klicken sich damit durch die Seite. Jedes Element sollte daher in der Steuerung gut zu erkennen sein.<\/p>\n

\u200dMedien<\/strong><\/h4>\n

Zu jedem Medium sollte eine Alternative geboten werden. So k\u00f6nnen Bilder mit einem Alternativ–<\/em>Text (\u201ealt-Text\u201c), Audiodateien mit einem Zugang zu einer Transkription oder Videos mit Untertiteln versehen werden, um m\u00f6glichst viele Nutzergruppen anzusprechen. Auch hier sollte nat\u00fcrlich auf die Darstellung der Medien geachtet werden. So sollten insbesondere Navigationselemente wie z.B. Play-Buttons in angemessener Gr\u00f6\u00dfe zur Verf\u00fcgung gestellt werden.<\/p>\n

Vorteile eines barrierefreien Webauftritts<\/h3>\n

Breitere Nutzergruppen<\/strong><\/h4>\n

\u200d<\/strong>Alle Nutzer, unabh\u00e4ngig von Alter, Bev\u00f6lkerungsschicht, Herkunft oder Behinderung, profitieren von Ihren Inhalten.\u200d<\/strong>\u200d<\/p>\n

\u200dKundenzufriedenheit<\/strong><\/h4>\n

Ihre Zielgruppe erh\u00e4lt problemlos Zugang zu allen Inhalten Ihrer Seite.<\/p>\n

\u200dInklusion<\/strong><\/h4>\n

Neue Nutzergruppen erreichen Ihren Webauftritt.<\/p>\n

\u200dH\u00f6heres Ranking<\/strong><\/h4>\n

\u200d<\/strong>Die SEO-Optimierung barrierefreier Webseiten erm\u00f6glicht eine bessere Auffindbarkeit im Netz.<\/strong><\/p>\n

\u200dImagepflege<\/strong><\/h4>\n

\u200d<\/strong>Vorreiter sein, denn barrierefreie Webseiten gewinnen immer mehr an Bedeutung.<\/strong><\/p>\n

Barrierefreiheit mit PLUSPOL interactive<\/h3>\n

Wie kann Ihnen PLUSPOL interactive dabei zur Seite stehen? Durch unsere langj\u00e4hrige Erfahrung k\u00f6nnen wir Sie von Beginn an in der Konzeptionsphase unterst\u00fctzen. Hier helfen wir Ihnen, Ihren gesamten Webauftritt f\u00fcr alle Nutzergruppen gut und leicht erreichbar zu entwerfen. Unser geschultes Auge kann f\u00fcr Sie alle Unw\u00e4gbarkeiten der barrierefreien Gestaltung von vornherein aus dem Weg r\u00e4umen.<\/p>\n

Danach realisieren unsere Mitarbeiter gerne eine konkrete Umsetzung nach barrierefreien Standards des BITV und WCAG f\u00fcr Sie, selbstverst\u00e4ndlich auf der Basis von HTML5.<\/p>\n

Gemeinsam schaffen wir f\u00fcr alle Ihre Nutzer einen ansprechenden, benutzerfreundlichen und barrierefreien Auftritt. Sprechen Sie uns einfach an.<\/a><\/p>\n<\/div>\n[\/vc_column_text][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"

[vc_row type=“in_container“ full_screen_row_position=“middle“ column_margin=“default“ column_direction=“default“ column_direction_tablet=“default“ column_direction_phone=“default“ scene_position=“center“ text_color=“dark“ text_align=“left“ row_border_radius=“none“ row_border_radius_applies=“bg“ overflow=“visible“ overlay_strength=“0.3″ gradient_direction=“left_to_right“ shape_divider_position=“bottom“ bg_image_animation=“none“][vc_column column_padding=“no-extra-padding“ column_padding_tablet=“inherit“ column_padding_phone=“inherit“ column_padding_position=“all“ column_element_direction_desktop=“default“ column_element_spacing=“default“ desktop_text_alignment=“default“ tablet_text_alignment=“default“ phone_text_alignment=“default“ background_color_opacity=“1″ background_hover_color_opacity=“1″ column_backdrop_filter=“none“ column_shadow=“none“…<\/p>\n","protected":false},"author":6,"featured_media":8699,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[4],"tags":[],"class_list":{"0":"post-8698","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wissen"},"acf":[],"yoast_head":"\nZielgruppen erweitern mit barrierefreiem Webdesign - PLUSPOL interactive<\/title>\n<meta name=\"description\" content=\"Vorteile barrierefreier Webseiten und was dabei zu beachten ist\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zielgruppen erweitern mit barrierefreiem Webdesign - PLUSPOL interactive\" \/>\n<meta property=\"og:description\" content=\"Vorteile barrierefreier Webseiten und was dabei zu beachten ist\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/\" \/>\n<meta property=\"og:site_name\" content=\"PLUSPOL interactive\" \/>\n<meta property=\"article:published_time\" content=\"2019-06-11T11:44:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-08T11:58:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pluspol-interactive.de\/wp-content\/uploads\/2023\/12\/Header_Zielgruppen_erweitern_mit_Barrierefreiheit.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1100\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"scholz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"scholz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/\",\"url\":\"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/\",\"name\":\"Zielgruppen erweitern mit barrierefreiem Webdesign - PLUSPOL interactive\",\"isPartOf\":{\"@id\":\"https:\/\/www.pluspol-interactive.de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.pluspol-interactive.de\/wp\/wp-content\/uploads\/2023\/12\/Header_Zielgruppen_erweitern_mit_Barrierefreiheit.png\",\"datePublished\":\"2019-06-11T11:44:12+00:00\",\"dateModified\":\"2023-12-08T11:58:17+00:00\",\"author\":{\"@id\":\"https:\/\/www.pluspol-interactive.de\/#\/schema\/person\/7257022f4441a698e6ef20e7d21761a1\"},\"description\":\"Vorteile barrierefreier Webseiten und was dabei zu beachten ist\",\"breadcrumb\":{\"@id\":\"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/#primaryimage\",\"url\":\"https:\/\/www.pluspol-interactive.de\/wp\/wp-content\/uploads\/2023\/12\/Header_Zielgruppen_erweitern_mit_Barrierefreiheit.png\",\"contentUrl\":\"https:\/\/www.pluspol-interactive.de\/wp\/wp-content\/uploads\/2023\/12\/Header_Zielgruppen_erweitern_mit_Barrierefreiheit.png\",\"width\":1100,\"height\":600,\"caption\":\"Zielgruppen erweitern mit barrierefreiem Webdesign\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/www.pluspol-interactive.de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Zielgruppen erweitern mit barrierefreiem Webdesign\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pluspol-interactive.de\/#website\",\"url\":\"https:\/\/www.pluspol-interactive.de\/\",\"name\":\"PLUSPOL interactive\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pluspol-interactive.de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pluspol-interactive.de\/#\/schema\/person\/7257022f4441a698e6ef20e7d21761a1\",\"name\":\"scholz\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Zielgruppen erweitern mit barrierefreiem Webdesign - PLUSPOL interactive","description":"Vorteile barrierefreier Webseiten und was dabei zu beachten ist","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/","og_locale":"de_DE","og_type":"article","og_title":"Zielgruppen erweitern mit barrierefreiem Webdesign - PLUSPOL interactive","og_description":"Vorteile barrierefreier Webseiten und was dabei zu beachten ist","og_url":"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/","og_site_name":"PLUSPOL interactive","article_published_time":"2019-06-11T11:44:12+00:00","article_modified_time":"2023-12-08T11:58:17+00:00","og_image":[{"width":1100,"height":600,"url":"https:\/\/www.pluspol-interactive.de\/wp-content\/uploads\/2023\/12\/Header_Zielgruppen_erweitern_mit_Barrierefreiheit.png","type":"image\/png"}],"author":"scholz","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"scholz","Gesch\u00e4tzte Lesezeit":"5 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/","url":"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/","name":"Zielgruppen erweitern mit barrierefreiem Webdesign - PLUSPOL interactive","isPartOf":{"@id":"https:\/\/www.pluspol-interactive.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/#primaryimage"},"image":{"@id":"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/#primaryimage"},"thumbnailUrl":"https:\/\/www.pluspol-interactive.de\/wp\/wp-content\/uploads\/2023\/12\/Header_Zielgruppen_erweitern_mit_Barrierefreiheit.png","datePublished":"2019-06-11T11:44:12+00:00","dateModified":"2023-12-08T11:58:17+00:00","author":{"@id":"https:\/\/www.pluspol-interactive.de\/#\/schema\/person\/7257022f4441a698e6ef20e7d21761a1"},"description":"Vorteile barrierefreier Webseiten und was dabei zu beachten ist","breadcrumb":{"@id":"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/#primaryimage","url":"https:\/\/www.pluspol-interactive.de\/wp\/wp-content\/uploads\/2023\/12\/Header_Zielgruppen_erweitern_mit_Barrierefreiheit.png","contentUrl":"https:\/\/www.pluspol-interactive.de\/wp\/wp-content\/uploads\/2023\/12\/Header_Zielgruppen_erweitern_mit_Barrierefreiheit.png","width":1100,"height":600,"caption":"Zielgruppen erweitern mit barrierefreiem Webdesign"},{"@type":"BreadcrumbList","@id":"https:\/\/www.pluspol-interactive.de\/artikel\/zielgruppen-erweitern-mit-barrierefreiem-webdesign\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.pluspol-interactive.de\/"},{"@type":"ListItem","position":2,"name":"Zielgruppen erweitern mit barrierefreiem Webdesign"}]},{"@type":"WebSite","@id":"https:\/\/www.pluspol-interactive.de\/#website","url":"https:\/\/www.pluspol-interactive.de\/","name":"PLUSPOL interactive","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pluspol-interactive.de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/www.pluspol-interactive.de\/#\/schema\/person\/7257022f4441a698e6ef20e7d21761a1","name":"scholz"}]}},"_links":{"self":[{"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/posts\/8698"}],"collection":[{"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/comments?post=8698"}],"version-history":[{"count":3,"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/posts\/8698\/revisions"}],"predecessor-version":[{"id":8702,"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/posts\/8698\/revisions\/8702"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/media\/8699"}],"wp:attachment":[{"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/media?parent=8698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/categories?post=8698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pluspol-interactive.de\/wp-json\/wp\/v2\/tags?post=8698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}