{"id":844,"date":"2020-01-29T10:15:27","date_gmt":"2020-01-29T09:15:27","guid":{"rendered":"https:\/\/www.webmen.de\/blog\/?p=844"},"modified":"2024-01-26T12:36:04","modified_gmt":"2024-01-26T11:36:04","slug":"10-tipps-fuer-eine-barrierefreie-website-checkliste","status":"publish","type":"post","link":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/","title":{"rendered":"10 Tipps f\u00fcr eine barrierefreie Website \u2013 Checkliste"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Was ist eine barrierefreie Website?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine barrierefreie Website \u00f6ffnet dein Online-Angebot f\u00fcr alle und machen es zug\u00e4nglich und leicht nutzbar. Barrierefreies Webdesign ber\u00fccksichtigt die Anforderungen, die durch dauerhafte, tempor\u00e4re und situative Behinderungen entstehen k\u00f6nnen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dies reicht vom Zugang mit einer Sprachausgabe durch blinde Menschen \u00fcber die Nutzung der Tastatur statt der Maus, zum Beispiel wegen einer verletzten Hand, bis zum starken Kontrast in einer hellen Umgebung.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Vorteile von Barrierefreiheit im Web<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>h\u00f6here Reichweite, weil mehr Menschen Ihr Angebot nutzen k\u00f6nnen<\/li>\n\n\n\n<li>positive User Experience f\u00fcr alle Nutzenden steigt<\/li>\n\n\n\n<li>h\u00f6here Kundenzufriedenheit<\/li>\n\n\n\n<li>Steigerung der Ums\u00e4tze<\/li>\n\n\n\n<li>unterst\u00fctzt die Suchmaschinenoptimierung (SEO)<\/li>\n\n\n\n<li>Rechtssicherheit durch Konformit\u00e4t mit aktuellen Regelungen (BITV, Barrierefreiheitsst\u00e4rkungsgesetz \u2013 BFSG, EN 302 459)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Was macht eine barrierefreie Website aus?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Online-Angebot mit Barrierefreiheit zeichnet sich durch eine besonders nutzerzentrierte, klare und einfache Gestaltung aus und kommt den unterschiedlichen Anforderungen von Menschen mit Behinderungen entgegen. Hier einige Beispiele:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Menschen mit Sehschw\u00e4che<\/strong> profitieren von einer angemessenen Schriftgr\u00f6\u00dfe. Ein starker Kontrast zwischen Vorder- und Hintergrund erleichtert zudem die Lesbarkeit.<\/li>\n\n\n\n<li><strong>Menschen mit motorischen Einschr\u00e4nkungen<\/strong> k\u00f6nnen die Website nur mit der Tastatur oder anderen Eingabeger\u00e4ten bedienen.<\/li>\n\n\n\n<li>Untertitel oder Beschreibungen erm\u00f6glichen es <strong>schwerh\u00f6rige Menschen<\/strong>, Videos und Audio-Dateien zu nutzen. Die Bereitstellung von Videos in Geb\u00e4rdensprache erm\u00f6glicht den <strong>Zugang f\u00fcr geh\u00f6rlose Menschen<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Barrierefreie Website: Checkliste<\/h2>\n\n\n\n<div class=\"schema-how-to wp-block-yoast-how-to-block\"><p class=\"schema-how-to-description\">Wir haben 10 besonders wichtige Kriterien f\u00fcr eine barrierefreie Website f\u00fcr dich zusammengestellt:<\/p> <ol class=\"schema-how-to-steps\"><li class=\"schema-how-to-step\" id=\"how-to-step-1705321544289\"><strong class=\"schema-how-to-step-name\"><strong>\u00dcbersichtliche und intuitive Struktur und Navigation<\/strong><\/strong> <p class=\"schema-how-to-step-text\">Eine \u00fcbersichtliche, konsistente und intuitive Struktur und Navigation der Website erm\u00f6glichen die einfache Bedienung f\u00fcr alle Nutzenden. Die aktuelle Position im Angebot ist immer klar erkennbar. Weitere Navigationselemente sind klar erkennbar und gut erreichbar.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1705321570448\"><strong class=\"schema-how-to-step-name\"><strong>Klare und verst\u00e4ndliche Sprache<\/strong><\/strong> <p class=\"schema-how-to-step-text\">Versetzen Sie sich in die Rolle ihrer Zielgruppe: Welche Informationen sind wirklich n\u00f6tig? Sind die \u00dcberschriften und Beschriftungen aussagekr\u00e4ftig und verst\u00e4ndlich? Formulieren Sie S\u00e4tze m\u00f6glichst kurz. Auf Fremdw\u00f6rter und Abk\u00fcrzungen sollten Sie m\u00f6glichst verzichten. Fachbegriffe m\u00fcssen erkl\u00e4rt werden.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1705321571716\"><strong class=\"schema-how-to-step-name\"><strong>Strukturierte Inhalte<\/strong><\/strong> <p class=\"schema-how-to-step-text\">Inhalte einer barrierefreien Website m\u00fcssen strukturiert angelegt sein, damit sie sowohl von Hilfsmitteln wie Sprachausgaben als auch von Suchmaschinen gut ausgewertet werden k\u00f6nnen. Dabei helfen \u00dcberschriften in verschiedenen Hierarchie-Ebenen.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1705321578148\"><strong class=\"schema-how-to-step-name\"><strong>Gute Lesbarkeit und Anpassbarkeit<\/strong><\/strong> <p class=\"schema-how-to-step-text\">Eine angemessene Schriftgr\u00f6\u00dfe und ausreichend Zeilenabstand unterst\u00fctzen die Lesbarkeit. Die barrierefreie Website muss dabei erm\u00f6glichen, eigene Anpassungen f\u00fcr Schriftgr\u00f6\u00dfe, Zeilen- oder Zeichenabst\u00e4nde vornehmen zu k\u00f6nnen.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1705321579764\"><strong class=\"schema-how-to-step-name\"><strong>Kontrast zwischen Vorder- und Hintergrund, ohne Farbe<\/strong><\/strong> <p class=\"schema-how-to-step-text\">Ihre Website wird besser wahrgenommen, wenn Ihre Texte gut gelesen werden k\u00f6nnen. Schaffen Sie einen ausreichenden Kontrast zwischen Vorder- und Hintergrund. Auf Farbsehschw\u00e4chen wie die Rot-Gr\u00fcn-Schw\u00e4che muss bei der Farbgebung im barrierefreien Webdesign geachtet werden. Navigationselemente und andere Informationen m\u00fcssen daher auch ohne den Einsatz von Farbe funktionieren.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1705321580531\"><strong class=\"schema-how-to-step-name\"><strong>Interaktive Elemente mit technischen Hilfsmitteln verwendbar und in ausreichender Gr\u00f6\u00dfe vorhanden<\/strong><\/strong> <p class=\"schema-how-to-step-text\">Die Website muss es erm\u00f6glichen, dass Navigationsmen\u00fcs und Buttons von technischen Hilfsmitteln wie Sprachausgaben oder anderen Eingabeger\u00e4ten ausgelesen werden k\u00f6nnen. F\u00fcr eine barrierefreie Website sind ausreichend gro\u00dfe Links und Buttons sehr wichtig, damit auch Menschen mit motorischen Schwierigkeiten sie nutzen k\u00f6nnen.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1705321581268\"><strong class=\"schema-how-to-step-name\"><strong><strong>Passende Alternativtexte bei Bildern hinterlegen<\/strong><\/strong><\/strong> <p class=\"schema-how-to-step-text\">Menschen mit Sehschw\u00e4che oder blinde Menschen k\u00f6nnen Ihre Website nicht oder nur eingeschr\u00e4nkt visuell wahrnehmen. Sie k\u00f6nnen sich die Seite jedoch vorlesen lassen. Bilder sind ein visuelles Element und ben\u00f6tigen daher einen sinnvollen Alternativtext, um die Bildaussage zu verstehen. Deshalb sollte bei jedem Bild der Alternativtext gepflegt sein. Damit kann der Bildinhalt erkl\u00e4rt werden. Das kommt \u00fcbrigens auch der Suchmaschinenoptimierung (SEO) zugute.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1705321582398\"><strong class=\"schema-how-to-step-name\"><strong>Barrierefreie Formulare<\/strong><\/strong> <p class=\"schema-how-to-step-text\">Bei Formularen m\u00fcssen die Felder f\u00fcr die Eingabe gro\u00df genug gew\u00e4hlt werden. Eine Eingabe mit der Tastatur muss m\u00f6glich sein. Beschriftungsfelder sollten die Funktion der Eingabefelder beschreiben. Pflichtfelder m\u00fcssen klar gekennzeichnet sein und Eingabefehler begleitet von verst\u00e4ndlichen Meldungen abgefangen werden.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1705321583300\"><strong class=\"schema-how-to-step-name\"><strong>Mit verschiedenen Ger\u00e4ten und Hilfsmitteln nutzbar<\/strong><\/strong> <p class=\"schema-how-to-step-text\">Die Ger\u00e4teunabh\u00e4ngigkeit ist von besonderer Bedeutung. Ihre Website sollte sowohl als Desktop-Version als auch mobil verf\u00fcgbar und mit einer Sprachausgabe verwendbar sein. Auch mit der Tastatur als Alternative zur Maus ist das barrierefreie Online-Angebot ohne Schwierigkeiten nutzbar.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1705321584201\"><strong class=\"schema-how-to-step-name\"><strong>Umgang mit multimedialen Inhalten<\/strong><\/strong> <p class=\"schema-how-to-step-text\">Videos m\u00fcssen untertiteln sein. Die Nutzenden m\u00fcssen sowohl Videos und Audio-Dateien als auch andere multimediale Inhalte pausieren, beenden oder ausblenden k\u00f6nnen.<\/p> <\/li><\/ol><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Barrierefreie Website mit Webmen aus Bremen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Als Full-Service-Digitalagentur unterst\u00fctzen wir euch beim Aufbau einer barrierefreien Website von Anfang an. Wir untersuchen das bestehende Angebot, konzipieren mit euch den Relaunch und f\u00fchren notwendige Konformit\u00e4tstests durch.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kontaktiert uns gerne, um euren kostenlosen und unverbindlichen Beratungstermin zu vereinbaren. Ihr erreicht uns per E-Mail an <a href=\"mailto:anfrage@webmen.de\">anfrage@webmen.de<\/a> oder telefonisch unter <a href=\"tel:00494212434940\">0421 \u2013 24 34 940<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Aktualisiert am 10. Januar 2024<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Was ist eine barrierefreie Website? Eine barrierefreie Website \u00f6ffnet dein Online-Angebot f\u00fcr alle und machen es zug\u00e4nglich und leicht nutzbar. Barrierefreies Webdesign ber\u00fccksichtigt die Anforderungen, die durch dauerhafte, tempor\u00e4re und situative Behinderungen entstehen k\u00f6nnen. Dies reicht vom Zugang mit einer&#8230;<\/p>\n","protected":false},"author":1,"featured_media":845,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[1,15,27,14],"tags":[],"class_list":["post-844","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allgemein","category-tipps-tricks","category-top-thema","category-webentwicklung"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Barrierefreie Website \u2013 Checkliste mit 10 Tipps<\/title>\n<meta name=\"description\" content=\"Website barrierefrei gestalten \u2713 einfache Tipps f\u00fcr mehr Barrierefreiheit im Web \u2728 Infos &amp; Checkliste \u25ba Jetzt informieren\" \/>\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.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Barrierefreie Website \u2013 Checkliste mit 10 Tipps\" \/>\n<meta property=\"og:description\" content=\"Website barrierefrei gestalten \u2713 einfache Tipps f\u00fcr mehr Barrierefreiheit im Web \u2728 Infos &amp; Checkliste \u25ba Jetzt informieren\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-29T09:15:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-26T11:36:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2020\/01\/WebMen_Barrierefreie-Website.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"830\" \/>\n\t<meta property=\"og:image:height\" content=\"553\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"webmen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"webmen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"4\u00a0Minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Barrierefreie Website \u2013 Checkliste mit 10 Tipps","description":"Website barrierefrei gestalten \u2713 einfache Tipps f\u00fcr mehr Barrierefreiheit im Web \u2728 Infos & Checkliste \u25ba Jetzt informieren","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.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/","og_locale":"de_DE","og_type":"article","og_title":"Barrierefreie Website \u2013 Checkliste mit 10 Tipps","og_description":"Website barrierefrei gestalten \u2713 einfache Tipps f\u00fcr mehr Barrierefreiheit im Web \u2728 Infos & Checkliste \u25ba Jetzt informieren","og_url":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/","article_published_time":"2020-01-29T09:15:27+00:00","article_modified_time":"2024-01-26T11:36:04+00:00","og_image":[{"width":830,"height":553,"url":"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2020\/01\/WebMen_Barrierefreie-Website.jpg","type":"image\/jpeg"}],"author":"webmen","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"webmen","Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#article","isPartOf":{"@id":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/"},"author":{"name":"webmen","@id":"https:\/\/www.webmen.de\/blog\/#\/schema\/person\/30971e27f22eb6a451c7502035fabed7"},"headline":"10 Tipps f\u00fcr eine barrierefreie Website \u2013 Checkliste","datePublished":"2020-01-29T09:15:27+00:00","dateModified":"2024-01-26T11:36:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/"},"wordCount":789,"commentCount":2,"publisher":{"@id":"https:\/\/www.webmen.de\/blog\/#organization"},"image":{"@id":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2020\/01\/WebMen_Barrierefreie-Website.jpg","articleSection":{"1":"Tipps &amp; Tricks","2":"Top Thema","3":"Webentwicklung"},"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/","url":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/","name":"Barrierefreie Website \u2013 Checkliste mit 10 Tipps","isPartOf":{"@id":"https:\/\/www.webmen.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#primaryimage"},"image":{"@id":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2020\/01\/WebMen_Barrierefreie-Website.jpg","datePublished":"2020-01-29T09:15:27+00:00","dateModified":"2024-01-26T11:36:04+00:00","description":"Website barrierefrei gestalten \u2713 einfache Tipps f\u00fcr mehr Barrierefreiheit im Web \u2728 Infos & Checkliste \u25ba Jetzt informieren","breadcrumb":{"@id":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#primaryimage","url":"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2020\/01\/WebMen_Barrierefreie-Website.jpg","contentUrl":"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2020\/01\/WebMen_Barrierefreie-Website.jpg","width":830,"height":553,"caption":"Barrierefreie Website"},{"@type":"BreadcrumbList","@id":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.webmen.de\/blog\/"},{"@type":"ListItem","position":2,"name":"10 Tipps f\u00fcr eine barrierefreie Website \u2013 Checkliste"}]},{"@type":"WebSite","@id":"https:\/\/www.webmen.de\/blog\/#website","url":"https:\/\/www.webmen.de\/blog\/","name":"Conversionzauber","description":"","publisher":{"@id":"https:\/\/www.webmen.de\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webmen.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.webmen.de\/blog\/#organization","name":"Webmen Internet GmbH","url":"https:\/\/www.webmen.de\/blog\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.webmen.de\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2019\/12\/WebMen_Logorgb.png","contentUrl":"https:\/\/www.webmen.de\/blog\/wp-content\/uploads\/2019\/12\/WebMen_Logorgb.png","width":252,"height":55,"caption":"Webmen Internet GmbH"},"image":{"@id":"https:\/\/www.webmen.de\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webmen.de\/blog\/#\/schema\/person\/30971e27f22eb6a451c7502035fabed7","name":"webmen","url":"https:\/\/www.webmen.de\/blog\/author\/webmen\/"},{"@type":"HowTo","@id":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#howto-1","name":"10 Tipps f\u00fcr eine barrierefreie Website \u2013 Checkliste","mainEntityOfPage":{"@id":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#article"},"description":"Wir haben 10 besonders wichtige Kriterien f\u00fcr eine barrierefreie Website f\u00fcr dich zusammengestellt:","step":[{"@type":"HowToStep","url":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#how-to-step-1705321544289","name":"\u00dcbersichtliche und intuitive Struktur und Navigation","itemListElement":[{"@type":"HowToDirection","text":"Eine \u00fcbersichtliche, konsistente und intuitive Struktur und Navigation der Website erm\u00f6glichen die einfache Bedienung f\u00fcr alle Nutzenden. Die aktuelle Position im Angebot ist immer klar erkennbar. Weitere Navigationselemente sind klar erkennbar und gut erreichbar."}]},{"@type":"HowToStep","url":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#how-to-step-1705321570448","name":"Klare und verst\u00e4ndliche Sprache","itemListElement":[{"@type":"HowToDirection","text":"Versetzen Sie sich in die Rolle ihrer Zielgruppe: Welche Informationen sind wirklich n\u00f6tig? Sind die \u00dcberschriften und Beschriftungen aussagekr\u00e4ftig und verst\u00e4ndlich? Formulieren Sie S\u00e4tze m\u00f6glichst kurz. Auf Fremdw\u00f6rter und Abk\u00fcrzungen sollten Sie m\u00f6glichst verzichten. Fachbegriffe m\u00fcssen erkl\u00e4rt werden."}]},{"@type":"HowToStep","url":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#how-to-step-1705321571716","name":"Strukturierte Inhalte","itemListElement":[{"@type":"HowToDirection","text":"Inhalte einer barrierefreien Website m\u00fcssen strukturiert angelegt sein, damit sie sowohl von Hilfsmitteln wie Sprachausgaben als auch von Suchmaschinen gut ausgewertet werden k\u00f6nnen. Dabei helfen \u00dcberschriften in verschiedenen Hierarchie-Ebenen."}]},{"@type":"HowToStep","url":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#how-to-step-1705321578148","name":"Gute Lesbarkeit und Anpassbarkeit","itemListElement":[{"@type":"HowToDirection","text":"Eine angemessene Schriftgr\u00f6\u00dfe und ausreichend Zeilenabstand unterst\u00fctzen die Lesbarkeit. Die barrierefreie Website muss dabei erm\u00f6glichen, eigene Anpassungen f\u00fcr Schriftgr\u00f6\u00dfe, Zeilen- oder Zeichenabst\u00e4nde vornehmen zu k\u00f6nnen."}]},{"@type":"HowToStep","url":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#how-to-step-1705321579764","name":"Kontrast zwischen Vorder- und Hintergrund, ohne Farbe","itemListElement":[{"@type":"HowToDirection","text":"Ihre Website wird besser wahrgenommen, wenn Ihre Texte gut gelesen werden k\u00f6nnen. Schaffen Sie einen ausreichenden Kontrast zwischen Vorder- und Hintergrund. Auf Farbsehschw\u00e4chen wie die Rot-Gr\u00fcn-Schw\u00e4che muss bei der Farbgebung im barrierefreien Webdesign geachtet werden. Navigationselemente und andere Informationen m\u00fcssen daher auch ohne den Einsatz von Farbe funktionieren."}]},{"@type":"HowToStep","url":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#how-to-step-1705321580531","name":"Interaktive Elemente mit technischen Hilfsmitteln verwendbar und in ausreichender Gr\u00f6\u00dfe vorhanden","itemListElement":[{"@type":"HowToDirection","text":"Die Website muss es erm\u00f6glichen, dass Navigationsmen\u00fcs und Buttons von technischen Hilfsmitteln wie Sprachausgaben oder anderen Eingabeger\u00e4ten ausgelesen werden k\u00f6nnen. F\u00fcr eine barrierefreie Website sind ausreichend gro\u00dfe Links und Buttons sehr wichtig, damit auch Menschen mit motorischen Schwierigkeiten sie nutzen k\u00f6nnen."}]},{"@type":"HowToStep","url":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#how-to-step-1705321581268","name":"Passende Alternativtexte bei Bildern hinterlegen","itemListElement":[{"@type":"HowToDirection","text":"Menschen mit Sehschw\u00e4che oder blinde Menschen k\u00f6nnen Ihre Website nicht oder nur eingeschr\u00e4nkt visuell wahrnehmen. Sie k\u00f6nnen sich die Seite jedoch vorlesen lassen. Bilder sind ein visuelles Element und ben\u00f6tigen daher einen sinnvollen Alternativtext, um die Bildaussage zu verstehen. Deshalb sollte bei jedem Bild der Alternativtext gepflegt sein. Damit kann der Bildinhalt erkl\u00e4rt werden. Das kommt \u00fcbrigens auch der Suchmaschinenoptimierung (SEO) zugute."}]},{"@type":"HowToStep","url":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#how-to-step-1705321582398","name":"Barrierefreie Formulare","itemListElement":[{"@type":"HowToDirection","text":"Bei Formularen m\u00fcssen die Felder f\u00fcr die Eingabe gro\u00df genug gew\u00e4hlt werden. Eine Eingabe mit der Tastatur muss m\u00f6glich sein. Beschriftungsfelder sollten die Funktion der Eingabefelder beschreiben. Pflichtfelder m\u00fcssen klar gekennzeichnet sein und Eingabefehler begleitet von verst\u00e4ndlichen Meldungen abgefangen werden."}]},{"@type":"HowToStep","url":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#how-to-step-1705321583300","name":"Mit verschiedenen Ger\u00e4ten und Hilfsmitteln nutzbar","itemListElement":[{"@type":"HowToDirection","text":"Die Ger\u00e4teunabh\u00e4ngigkeit ist von besonderer Bedeutung. Ihre Website sollte sowohl als Desktop-Version als auch mobil verf\u00fcgbar und mit einer Sprachausgabe verwendbar sein. Auch mit der Tastatur als Alternative zur Maus ist das barrierefreie Online-Angebot ohne Schwierigkeiten nutzbar."}]},{"@type":"HowToStep","url":"https:\/\/www.webmen.de\/blog\/2020\/01\/29\/10-tipps-fuer-eine-barrierefreie-website-checkliste\/#how-to-step-1705321584201","name":"Umgang mit multimedialen Inhalten","itemListElement":[{"@type":"HowToDirection","text":"Videos m\u00fcssen untertiteln sein. Die Nutzenden m\u00fcssen sowohl Videos und Audio-Dateien als auch andere multimediale Inhalte pausieren, beenden oder ausblenden k\u00f6nnen."}]}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/posts\/844","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/comments?post=844"}],"version-history":[{"count":10,"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/posts\/844\/revisions"}],"predecessor-version":[{"id":2596,"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/posts\/844\/revisions\/2596"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/media\/845"}],"wp:attachment":[{"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/media?parent=844"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/categories?post=844"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webmen.de\/blog\/wp-json\/wp\/v2\/tags?post=844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}