{"id":3395,"date":"2019-04-25T10:02:42","date_gmt":"2019-04-25T10:02:42","guid":{"rendered":"https:\/\/prettylinks.com\/?p=3395"},"modified":"2019-04-25T17:03:31","modified_gmt":"2019-04-25T17:03:31","slug":"improve-website-accessibility","status":"publish","type":"post","link":"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/","title":{"rendered":"3 Wege zur Verbesserung der Barrierefreiheit Ihrer Website"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69f5f2386775e\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Umschalten auf<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #000000;color:#000000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #000000;color:#000000\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69f5f2386775e\"  aria-label=\"Umschalten auf\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/#Why_Accessibility_Is_Essential_for_Any_Website\" >Warum Barrierefreiheit f\u00fcr jede Website wichtig ist<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/#3_Ways_to_Improve_Your_Websites_Accessibility\" >3 Wege zur Verbesserung der Barrierefreiheit Ihrer Website<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/#1_Add_%E2%80%98Alt_Text_to_Your_Sites_Images\" >1. F\u00fcgen Sie 'Alt-Text' zu den Bildern Ihrer Website hinzu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/#2_Ensure_That_You_Always_Use_Semantic_HTML\" >2. Stellen Sie sicher, dass Sie immer semantisches HTML verwenden<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/#3_Choose_the_Colors_Youll_Use_Carefully\" >3. W\u00e4hlen Sie die zu verwendenden Farben sorgf\u00e4ltig aus<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/#Conclusion\" >Schlussfolgerung<\/a><\/li><\/ul><\/nav><\/div>\n\n<p>Heute, <a rel=\"noreferrer noopener\" aria-label=\" (\u00f6ffnet in einer neuen Registerkarte)\" href=\"http:\/\/www.who.int\/disabilities\/en\/\" target=\"_blank\">mehr als eine Milliarde Menschen<\/a> eine Art von Behinderung haben. Dies kann die Navigation auf bestimmten Websites erschweren, insbesondere wenn sie dynamische Funktionen enthalten. Aus diesem Grund ist es wichtig, dass wir alle <a href=\"https:\/\/prettylinks.com\/go\/strive\/\" title=\"Strive Affiliate Link\" class=\"pretty-link-keyword\"rel=\"nofollow \" target=\"_blank\">anstreben.<\/a> um Websites zu erstellen, die vollst\u00e4ndig zug\u00e4nglich sind. <br><\/p>\n\n\n\n<p>Bei der Barrierefreiheit im Internet geht es darum, sicherzustellen, dass es keine Barrieren gibt, die die Interaktion mit oder den Zugang zu Ihrer Website verhindern k\u00f6nnten. Das kann so einfach sein wie das Hinzuf\u00fcgen von \"Alt-Text\" zu allen Bildern, die Sie hochladen, oder das Sicherstellen, dass Sie immer \"semantisches HTML\" verwenden (wir werden diese beiden Begriffe sp\u00e4ter erkl\u00e4ren).<br><\/p>\n\n\n\n<p>In diesem Beitrag gehen wir n\u00e4her darauf ein, warum Barrierefreiheit so wichtig ist. Dann werden wir einige M\u00f6glichkeiten erkunden, wie Sie die Zug\u00e4nglichkeit Ihrer Website f\u00fcr alle Besucher verbessern k\u00f6nnen. Legen wir los!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Why_Accessibility_Is_Essential_for_Any_Website\"><\/span><strong>Warum Barrierefreiheit f\u00fcr jede Website wichtig ist<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Von Anfang an war das Internet daf\u00fcr gedacht, von allen Menschen genutzt zu werden - unabh\u00e4ngig von ihrer Software, ihrem Standort, ihrer Sprache oder ihren F\u00e4higkeiten. Tim Berners-Lee, der Mann, dem die Erschaffung des Internets zugeschrieben wird, <a href=\"https:\/\/www.w3.org\/Press\/IPO-announce\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"sagte, dass (\u00f6ffnet in einem neuen Tab)\">sagte, dass<\/a>: \"<em>Die St\u00e4rke des Internets liegt in seiner Universalit\u00e4t - der Zugang f\u00fcr alle, unabh\u00e4ngig von einer Behinderung, ist ein wesentlicher Aspekt.<\/em>\"<br><\/p>\n\n\n\n<p>Obwohl sich das Internet seither stark ver\u00e4ndert hat, ist das urspr\u00fcngliche Ziel von Berners-Lee immer noch aktuell. Es ist wichtig, dass jede von Ihnen erstellte Website <a rel=\"noreferrer noopener\" aria-label=\" (\u00f6ffnet in einer neuen Registerkarte)\" href=\"https:\/\/www.w3.org\/WAI\/fundamentals\/accessibility-intro\/\" target=\"_blank\">vollst\u00e4ndig zug\u00e4nglich<\/a> zu <em>alle<\/em> Besucher, unabh\u00e4ngig von ihren F\u00e4higkeiten.<\/p>\n\n\n\n<p>Wenn eine Webseite dieses Ziel erf\u00fcllt, werden die Auswirkungen von Behinderungen auf das Erlebnis des Besuchers gemildert. Dies ist von entscheidender Bedeutung, da das Internet Barrieren f\u00fcr die Kommunikation und Interaktion beseitigt, mit denen viele Menschen in der physischen Welt oft konfrontiert sind. Wenn Sie dieses Ziel ignorieren, laufen Sie Gefahr, neue Barrieren zu schaffen, die bestimmte Menschen von Ihrer Website ausschlie\u00dfen.<br><\/p>\n\n\n\n<p>Au\u00dferdem hilft eine barrierefreie Website nicht nur Menschen mit Behinderungen. Es gibt auch andere Arten von Besuchern, die davon profitieren k\u00f6nnen, wie zum Beispiel:<br><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Personen mit k\u00f6rperlichen Verletzungen, z. B. mit einem gebrochenen Arm oder einer gebrochenen Hand.<\/li><li>\u00c4ltere Menschen, die altersbedingt ver\u00e4nderte F\u00e4higkeiten haben.<\/li><li>Menschen mit \"situationsbedingten Einschr\u00e4nkungen\" - z. B. wenn sie sich in einer Umgebung befinden, in der sie keinen Ton h\u00f6ren k\u00f6nnen.<\/li><\/ul>\n\n\n\n<p>Die individuellen Bed\u00fcrfnisse jedes Einzelnen im Auge zu behalten, w\u00fcrde die Erstellung einer Website unglaublich schwierig machen. Gl\u00fccklicherweise gibt es eine Reihe von Ressourcen, die dabei helfen k\u00f6nnen. Die Web Accessibility Initiative (WAI) zum Beispiel bietet eine praktische Liste von <a rel=\"noreferrer noopener\" aria-label=\" (\u00f6ffnet in einer neuen Registerkarte)\" href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" target=\"_blank\">Leitlinien f\u00fcr die Barrierefreiheit im Internet<\/a> die eine gute Ausgangsbasis darstellen. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Ways_to_Improve_Your_Websites_Accessibility\"><\/span>3 Wege zur Verbesserung der Barrierefreiheit Ihrer Website <span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Trotzdem wissen Sie vielleicht nicht, wie Sie bestimmte Elemente Ihrer Website anpassen und umgestalten k\u00f6nnen, um sie f\u00fcr alle zug\u00e4nglich zu machen. Um Ihnen den Einstieg zu erleichtern, wollen wir drei der einfachsten (aber effektivsten) \u00c4nderungen, die Sie vornehmen k\u00f6nnen, n\u00e4her betrachten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Add_%E2%80%98Alt_Text_to_Your_Sites_Images\"><\/span><strong>1. F\u00fcgen Sie 'Alt-Text' zu den Bildern Ihrer Website hinzu<\/strong><br><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Wenn Sie Bilder auf Ihre Website hochladen, werden Sie wahrscheinlich auf die Option gesto\u00dfen sein, einen \"Alternativtext\" oder \"Alt-Text\" hinzuzuf\u00fcgen. Dies ist ein Text, der angezeigt wird, wenn das Bild nicht geladen werden kann. Dar\u00fcber hinaus wird dieser Text auch verwendet, wenn ein Besucher durch Ihre Website navigiert <a href=\"https:\/\/webaccess.berkeley.edu\/ask-pecan\/what-is-a-screen-reader\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Verwendung eines Bildschirmleseger\u00e4ts (\u00f6ffnet in einem neuen Tab)\">Verwendung eines Bildschirmleseger\u00e4ts<\/a>oder ein \u00e4hnliches Hilfsmittel. <br><\/p>\n\n\n\n<p>Aus diesen Gr\u00fcnden sollten Sie es nicht vers\u00e4umen, Ihren Bildern einen Alt-Text hinzuzuf\u00fcgen. Beschreiben Sie dazu das Bild so detailliert wie m\u00f6glich - einschlie\u00dflich unterscheidbarer Elemente und der Namen von Orten. So k\u00f6nnen auch diejenigen, die das Bild nicht sehen k\u00f6nnen, seine Bedeutung verstehen:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"514\" height=\"240\" src=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/03\/Screenshot-2019-03-26-at-14.58.35.png\" alt=\"Ein Beispiel f\u00fcr einen aussagekr\u00e4ftigen Alternativtext. Eine kurze Beschreibung einer New Yorker Szene ist im Alt-Text-Feld enthalten. \" class=\"wp-image-3398\" srcset=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/03\/Screenshot-2019-03-26-at-14.58.35.png 514w, https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/03\/Screenshot-2019-03-26-at-14.58.35-300x140.png 300w\" sizes=\"auto, (max-width: 514px) 100vw, 514px\" \/><\/figure><\/div>\n\n\n\n<p>Es gibt eine <a href=\"https:\/\/webaim.org\/techniques\/alttext\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (\u00f6ffnet in einer neuen Registerkarte)\">eine Reihe von anderen Leitlinien<\/a> f\u00fcr die Erstellung des perfekten Alt-Textes, obwohl es ein guter Anfang ist, ihn unter 125 Zeichen zu halten. Alles, was l\u00e4nger ist, k\u00f6nnte von Hilfsger\u00e4ten abgeschnitten werden, was das Lesen erschwert.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Ensure_That_You_Always_Use_Semantic_HTML\"><\/span><strong>2. Stellen Sie sicher, dass Sie immer semantisches HTML verwenden<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Man k\u00f6nnte meinen, dass der HTML-Code Ihrer Website wenig mit der Barrierefreiheit zu tun hat. In Wirklichkeit spielt es eine gro\u00dfe Rolle dabei, wie leicht Ihre Seiten zu lesen sind.<\/p>\n\n\n\n<p>Semantisches HTML\" bezieht sich auf eine saubere Kodierung, die jeden Abschnitt Ihrer Website in chronologischer Reihenfolge klar definiert:<br><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/03\/Screenshot-2019-03-26-at-14.56.46-1024x88.png\" alt=\"Ein Beispiel f\u00fcr klare und semantische HTML-Kodierung.\" class=\"wp-image-3397\" width=\"800\" srcset=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/03\/Screenshot-2019-03-26-at-14.56.46-1024x88.png 1024w, https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/03\/Screenshot-2019-03-26-at-14.56.46-300x26.png 300w, https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/03\/Screenshot-2019-03-26-at-14.56.46-768x66.png 768w, https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/03\/Screenshot-2019-03-26-at-14.56.46.png 1142w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>Wie wir bereits erw\u00e4hnt haben, sind viele behinderte Nutzer auf Bildschirmleseger\u00e4te angewiesen, um auf Websites zu navigieren. Wenn diese Art von Hilfsger\u00e4t eine Webseite scannt, sammelt es Informationen auf der Grundlage der HTML-Struktur der Seite. Unklarer oder unordentlicher HTML-Code mit unn\u00f6tigen Zus\u00e4tzen ist f\u00fcr den Screenreader schwieriger zu verstehen. <\/p>\n\n\n\n<p>Wenn Sie Ihre semantischen Kodierkenntnisse verbessern m\u00f6chten, finden Sie im Internet zahlreiche Lernressourcen. <a rel=\"noreferrer noopener\" aria-label=\" (\u00f6ffnet in einer neuen Registerkarte)\" href=\"https:\/\/www.w3schools.com\/\" target=\"_blank\">W3 Schulen<\/a> ist ein hervorragendes Beispiel. Auf dieser kostenlosen Website lernen Sie so ziemlich alles, was Sie wissen m\u00fcssen - und es gibt sogar eine Lektion, die sich speziell mit <a rel=\"noreferrer noopener\" aria-label=\" (\u00f6ffnet in einer neuen Registerkarte)\" href=\"https:\/\/www.w3schools.com\/html\/html_accessibility.asp\" target=\"_blank\">Verbesserung der Zug\u00e4nglichkeit durch HTML<\/a>. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Choose_the_Colors_Youll_Use_Carefully\"><\/span><strong>3. W\u00e4hlen Sie die zu verwendenden Farben sorgf\u00e4ltig aus <\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Der Begriff<a rel=\"noreferrer noopener\" aria-label=\" (\u00f6ffnet in einer neuen Registerkarte)\" href=\"https:\/\/www.allaboutvision.com\/conditions\/colordeficiency.htm\" target=\"_blank\">Farbenblindheit<\/a>' wird oft unbedacht verwendet. Farbbedingte Sehschw\u00e4chen k\u00f6nnen jedoch ein ernsthaftes Problem darstellen - insbesondere f\u00fcr diejenigen, die versuchen, auf bestimmten Websites zu navigieren.<\/p>\n\n\n\n<p>Deshalb sollten Sie darauf achten, dass die Farben, die Sie f\u00fcr Ihre Website ausw\u00e4hlen, gut kontrastieren. Das geht am einfachsten, indem Sie daf\u00fcr sorgen, dass sich der gesamte Text vom gew\u00e4hlten Hintergrund abhebt. Vermeiden Sie also widerspr\u00fcchliche Farben oder \u00e4hnliche Schattierungen.<\/p>\n\n\n\n<p>Die ideale Kombination ist dunkle Schrift auf hellem Hintergrund, da diese am besten lesbar ist:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/03\/Screenshot-2019-03-26-at-14.52.56-1024x476.png\" alt=\"Ein Beispiel f\u00fcr einen gut lesbaren Farbkontrast auf einer Webseite. Schwarzer Text steht vor einem wei\u00dfen Hintergrund.\" class=\"wp-image-3396\" width=\"800\" srcset=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/03\/Screenshot-2019-03-26-at-14.52.56-1024x476.png 1024w, https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/03\/Screenshot-2019-03-26-at-14.52.56-300x139.png 300w, https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/03\/Screenshot-2019-03-26-at-14.52.56-768x357.png 768w, https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/03\/Screenshot-2019-03-26-at-14.52.56-1536x713.png 1536w, https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/03\/Screenshot-2019-03-26-at-14.52.56.png 1830w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>Wenn Sie sich nicht sicher sind, welche Farben Sie verwenden sollen, gibt es zahlreiche Online-Tools, mit denen Sie geeignete Kombinationen testen k\u00f6nnen. <a rel=\"noreferrer noopener\" aria-label=\" (\u00f6ffnet in einer neuen Registerkarte)\" href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\">WebAIM<\/a> ist eine einfach zu handhabende Option, w\u00e4hrend <a rel=\"noreferrer noopener\" aria-label=\" (\u00f6ffnet in einer neuen Registerkarte)\" href=\"https:\/\/contrastchecker.com\/\" target=\"_blank\">Kontrast-Pr\u00fcfer<\/a> bietet den zus\u00e4tzlichen Vorteil einer Echtzeit-Bewertung der Erreichbarkeit. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span><strong>Schlussfolgerung<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ohne Barrierefreiheit wird das Internet niemals seinen urspr\u00fcnglichen Zweck erf\u00fcllen. Es ist wichtig, dass Ihre Website vollst\u00e4ndig navigiert werden kann von <em>alle<\/em> Nutzer, unabh\u00e4ngig von ihren F\u00e4higkeiten. Wenn Sie Ihre Seiten nicht unter dem Aspekt der Barrierefreiheit gestalten, werden Sie potenzielle Nutzer nur verprellen.<br><\/p>\n\n\n\n<p>In diesem Beitrag haben wir drei M\u00f6glichkeiten aufgezeigt, wie Sie den Grad der Barrierefreiheit auf Ihrer Website leicht verbessern k\u00f6nnen:<br><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Achten Sie darauf, dass Sie Bildern und anderen Medien immer einen Alt-Text hinzuf\u00fcgen.<\/li><li>Verwenden Sie semantisches HTML f\u00fcr den Code Ihrer Website.<\/li><li>Achten Sie darauf, dass die von Ihnen verwendeten Farben gut lesbar sind. <\/li><\/ol>\n\n\n\n<p>Haben Sie weitere Fragen zur Barrierefreiheit im Internet? Lassen Sie es uns im Kommentarbereich unten wissen!<\/p>","protected":false},"excerpt":{"rendered":"<p>Heute sind mehr als eine Milliarde Menschen in irgendeiner Form behindert. Das kann die Navigation auf bestimmten Websites erschweren, insbesondere wenn sie dynamische Funktionen enthalten. Daher ist es wichtig, dass wir alle danach streben, Websites zu erstellen, die vollst\u00e4ndig zug\u00e4nglich sind. Bei der Barrierefreiheit im Internet geht es darum, sicherzustellen, dass es keine Barrieren gibt, die die...<\/p>","protected":false},"author":11450,"featured_media":3426,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_strive_checklists":"\"\"","_strive_active_checklist":"","_strive_post_notes":"","footnotes":""},"categories":[47],"tags":[],"class_list":["post-3395","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-tos"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 4.9.5.2 - aioseo.com -->\n\t<meta name=\"description\" content=\"For a website to be successful, it will need to be fully accessible. In this post, we&#039;ll highlight some of the best ways to improve accessibility on your site!\" \/>\n\t<meta name=\"robots\" content=\"max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n\t<meta name=\"author\" content=\"John Hughes\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.5.2\" \/>\n\t\t<meta property=\"og:locale\" content=\"de_DE\" \/>\n\t\t<meta property=\"og:site_name\" content=\"PrettyLinks\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"3 Ways to Improve Your Website\u2019s Accessibility\" \/>\n\t\t<meta property=\"og:description\" content=\"For a website to be successful, it will need to be fully accessible. In this post, we&#039;ll highlight some of the best ways to improve accessibility on your site!\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/04\/Improve-Accessibility@2x.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/04\/Improve-Accessibility@2x.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1480\" \/>\n\t\t<meta property=\"og:image:height\" content=\"987\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-04-25T10:02:42+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-04-25T17:03:31+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"3 Ways to Improve Your Website\u2019s Accessibility\" \/>\n\t\t<meta name=\"twitter:description\" content=\"For a website to be successful, it will need to be fully accessible. In this post, we&#039;ll highlight some of the best ways to improve accessibility on your site!\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/04\/Improve-Accessibility@2x.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/improve-website-accessibility\\\/#blogposting\",\"name\":\"3 Ways to Improve Your Website\\u2019s Accessibility\",\"headline\":\"3 Ways to Improve Your Website\\u2019s Accessibility\",\"author\":{\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/author\\\/johnwordcandy-co\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/prettylinks.com\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/Improve-Accessibility@2x.png\",\"width\":1480,\"height\":987},\"datePublished\":\"2019-04-25T10:02:42-06:00\",\"dateModified\":\"2019-04-25T17:03:31-06:00\",\"inLanguage\":\"de-DE\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/improve-website-accessibility\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/improve-website-accessibility\\\/#webpage\"},\"articleSection\":\"How Tos\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/improve-website-accessibility\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/prettylinks.com\\\/de\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/category\\\/how-tos\\\/#listItem\",\"name\":\"How Tos\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/category\\\/how-tos\\\/#listItem\",\"position\":2,\"name\":\"How Tos\",\"item\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/category\\\/how-tos\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/improve-website-accessibility\\\/#listItem\",\"name\":\"3 Ways to Improve Your Website\\u2019s Accessibility\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/improve-website-accessibility\\\/#listItem\",\"position\":3,\"name\":\"3 Ways to Improve Your Website\\u2019s Accessibility\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/category\\\/how-tos\\\/#listItem\",\"name\":\"How Tos\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/#organization\",\"name\":\"PrettyLinks\",\"description\":\"Top Affiliate Link & URL Shortener for WordPress\",\"url\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/author\\\/johnwordcandy-co\\\/#author\",\"url\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/author\\\/johnwordcandy-co\\\/\",\"name\":\"John Hughes\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/improve-website-accessibility\\\/#authorImage\",\"url\":\"https:\\\/\\\/prettylinks.com\\\/wp-content\\\/litespeed\\\/avatar\\\/d2268e9193bd9486ff7dc3b65d739486.jpg?ver=1777661854\",\"width\":96,\"height\":96,\"caption\":\"John Hughes\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/improve-website-accessibility\\\/#webpage\",\"url\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/improve-website-accessibility\\\/\",\"name\":\"3 Ways to Improve Your Website\\u2019s Accessibility\",\"description\":\"For a website to be successful, it will need to be fully accessible. In this post, we'll highlight some of the best ways to improve accessibility on your site!\",\"inLanguage\":\"de-DE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/improve-website-accessibility\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/author\\\/johnwordcandy-co\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/author\\\/johnwordcandy-co\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/prettylinks.com\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/Improve-Accessibility@2x.png\",\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/improve-website-accessibility\\\/#mainImage\",\"width\":1480,\"height\":987},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/blog\\\/improve-website-accessibility\\\/#mainImage\"},\"datePublished\":\"2019-04-25T10:02:42-06:00\",\"dateModified\":\"2019-04-25T17:03:31-06:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/\",\"name\":\"PrettyLinks\",\"description\":\"Top Affiliate Link & URL Shortener for WordPress\",\"inLanguage\":\"de-DE\",\"publisher\":{\"@id\":\"https:\\\/\\\/prettylinks.com\\\/de\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>3 Ways to Improve Your Website\u2019s Accessibility<\/title>\n\n","aioseo_head_json":{"title":"3 Wege zur Verbesserung der Barrierefreiheit Ihrer Website","description":"Damit eine Website erfolgreich sein kann, muss sie vollst\u00e4ndig zug\u00e4nglich sein. In diesem Beitrag werden wir einige der besten M\u00f6glichkeiten zur Verbesserung der Barrierefreiheit auf Ihrer Website vorstellen!","canonical_url":"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/","robots":"max-snippet:-1, max-image-preview:large, max-video-preview:-1","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/#blogposting","name":"3 Ways to Improve Your Website\u2019s Accessibility","headline":"3 Ways to Improve Your Website\u2019s Accessibility","author":{"@id":"https:\/\/prettylinks.com\/de\/blog\/author\/johnwordcandy-co\/#author"},"publisher":{"@id":"https:\/\/prettylinks.com\/de\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/04\/Improve-Accessibility@2x.png","width":1480,"height":987},"datePublished":"2019-04-25T10:02:42-06:00","dateModified":"2019-04-25T17:03:31-06:00","inLanguage":"de-DE","mainEntityOfPage":{"@id":"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/#webpage"},"isPartOf":{"@id":"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/#webpage"},"articleSection":"How Tos"},{"@type":"BreadcrumbList","@id":"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/prettylinks.com\/de#listItem","position":1,"name":"Home","item":"https:\/\/prettylinks.com\/de","nextItem":{"@type":"ListItem","@id":"https:\/\/prettylinks.com\/de\/blog\/category\/how-tos\/#listItem","name":"How Tos"}},{"@type":"ListItem","@id":"https:\/\/prettylinks.com\/de\/blog\/category\/how-tos\/#listItem","position":2,"name":"How Tos","item":"https:\/\/prettylinks.com\/de\/blog\/category\/how-tos\/","nextItem":{"@type":"ListItem","@id":"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/#listItem","name":"3 Ways to Improve Your Website\u2019s Accessibility"},"previousItem":{"@type":"ListItem","@id":"https:\/\/prettylinks.com\/de#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/#listItem","position":3,"name":"3 Ways to Improve Your Website\u2019s Accessibility","previousItem":{"@type":"ListItem","@id":"https:\/\/prettylinks.com\/de\/blog\/category\/how-tos\/#listItem","name":"How Tos"}}]},{"@type":"Organization","@id":"https:\/\/prettylinks.com\/de\/#organization","name":"PrettyLinks","description":"Top Affiliate Link & URL Shortener for WordPress","url":"https:\/\/prettylinks.com\/de\/"},{"@type":"Person","@id":"https:\/\/prettylinks.com\/de\/blog\/author\/johnwordcandy-co\/#author","url":"https:\/\/prettylinks.com\/de\/blog\/author\/johnwordcandy-co\/","name":"John Hughes","image":{"@type":"ImageObject","@id":"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/#authorImage","url":"https:\/\/prettylinks.com\/wp-content\/litespeed\/avatar\/d2268e9193bd9486ff7dc3b65d739486.jpg?ver=1777661854","width":96,"height":96,"caption":"John Hughes"}},{"@type":"WebPage","@id":"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/#webpage","url":"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/","name":"3 Ways to Improve Your Website\u2019s Accessibility","description":"For a website to be successful, it will need to be fully accessible. In this post, we'll highlight some of the best ways to improve accessibility on your site!","inLanguage":"de-DE","isPartOf":{"@id":"https:\/\/prettylinks.com\/de\/#website"},"breadcrumb":{"@id":"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/#breadcrumblist"},"author":{"@id":"https:\/\/prettylinks.com\/de\/blog\/author\/johnwordcandy-co\/#author"},"creator":{"@id":"https:\/\/prettylinks.com\/de\/blog\/author\/johnwordcandy-co\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/04\/Improve-Accessibility@2x.png","@id":"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/#mainImage","width":1480,"height":987},"primaryImageOfPage":{"@id":"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/#mainImage"},"datePublished":"2019-04-25T10:02:42-06:00","dateModified":"2019-04-25T17:03:31-06:00"},{"@type":"WebSite","@id":"https:\/\/prettylinks.com\/de\/#website","url":"https:\/\/prettylinks.com\/de\/","name":"PrettyLinks","description":"Top Affiliate Link & URL Shortener for WordPress","inLanguage":"de-DE","publisher":{"@id":"https:\/\/prettylinks.com\/de\/#organization"}}]},"og:locale":"de_DE","og:site_name":"PrettyLinks","og:type":"article","og:title":"3 Ways to Improve Your Website\u2019s Accessibility","og:description":"For a website to be successful, it will need to be fully accessible. In this post, we'll highlight some of the best ways to improve accessibility on your site!","og:url":"https:\/\/prettylinks.com\/de\/blog\/improve-website-accessibility\/","og:image":"https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/04\/Improve-Accessibility@2x.png","og:image:secure_url":"https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/04\/Improve-Accessibility@2x.png","og:image:width":1480,"og:image:height":987,"article:published_time":"2019-04-25T10:02:42+00:00","article:modified_time":"2019-04-25T17:03:31+00:00","twitter:card":"summary_large_image","twitter:title":"3 Ways to Improve Your Website\u2019s Accessibility","twitter:description":"For a website to be successful, it will need to be fully accessible. In this post, we'll highlight some of the best ways to improve accessibility on your site!","twitter:image":"https:\/\/prettylinks.com\/wp-content\/uploads\/2019\/04\/Improve-Accessibility@2x.png"},"aioseo_meta_data":{"post_id":"3395","title":"3 Wege zur Verbesserung der Barrierefreiheit Ihrer Website","description":"Damit eine Website erfolgreich sein kann, muss sie vollst\u00e4ndig zug\u00e4nglich sein. In diesem Beitrag werden wir einige der besten M\u00f6glichkeiten zur Verbesserung der Barrierefreiheit auf Ihrer Website vorstellen!","keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2025-10-09 22:23:49","breadcrumb_settings":null,"limit_modified_date":false,"open_ai":null,"ai":null,"created":"2020-12-21 17:50:41","updated":"2025-10-15 16:01:25"},"_links":{"self":[{"href":"https:\/\/prettylinks.com\/de\/wp-json\/wp\/v2\/posts\/3395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prettylinks.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prettylinks.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prettylinks.com\/de\/wp-json\/wp\/v2\/users\/11450"}],"replies":[{"embeddable":true,"href":"https:\/\/prettylinks.com\/de\/wp-json\/wp\/v2\/comments?post=3395"}],"version-history":[{"count":0,"href":"https:\/\/prettylinks.com\/de\/wp-json\/wp\/v2\/posts\/3395\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prettylinks.com\/de\/wp-json\/wp\/v2\/media\/3426"}],"wp:attachment":[{"href":"https:\/\/prettylinks.com\/de\/wp-json\/wp\/v2\/media?parent=3395"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prettylinks.com\/de\/wp-json\/wp\/v2\/categories?post=3395"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prettylinks.com\/de\/wp-json\/wp\/v2\/tags?post=3395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}