{"id":57012,"date":"2024-05-20T01:00:00","date_gmt":"2024-05-20T08:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=57012"},"modified":"2025-01-16T17:35:45","modified_gmt":"2025-01-17T01:35:45","slug":"grossartige-beispiele-fur-web-barrierefreiheit","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/de\/grossartige-beispiele-fur-web-barrierefreiheit\/","title":{"rendered":"12 Herausragende zug\u00e4ngliche Website-Beispiele, die die Messlatte h\u00f6her legen"},"content":{"rendered":"\n<p>Hier bei DreamHost glauben wir, dass jeder jede Website im Internet nutzen k\u00f6nnen sollte, unabh\u00e4ngig von Beeintr\u00e4chtigungen oder Behinderungen. Obwohl wir uns um die <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/de\/legal\/accessibility\/\" rel=\"noopener\">Webzug\u00e4nglichkeit<\/a> k\u00fcmmern, verstehen wir auch, dass das Design einer Website, die sowohl zug\u00e4nglich als auch visuell ansprechend ist, eine Herausforderung sein kann.<\/p>\n\n\n\n<p>Die gute Nachricht ist, dass Sie barrierefreie Websites gestalten k\u00f6nnen, ohne auf visuelle Wirkung verzichten zu m\u00fcssen. Tats\u00e4chlich sind einige der beeindruckendsten Websites extra so gestaltet, dass sie f\u00fcr Menschen mit Behinderungen zug\u00e4nglicher sind \u2014 und wir k\u00f6nnten alle ein oder zwei Dinge von ihnen lernen.<\/p>\n\n\n\n<p>\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Zug\u00e4nglichkeit<\/h3>\n    <p>Zug\u00e4nglichkeit ist die Praxis, eine Webseite f\u00fcr so viele Benutzer wie m\u00f6glich zug\u00e4nglich zu machen. Zug\u00e4ngliche Webseiten k\u00f6nnen von jedem auf jedem Ger\u00e4t angesehen werden.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/accessibility\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Mehr lesen                    <\/a>\n\n<\/div>\n\n<\/p>\n\n\n\n<p>In diesem Beitrag beginnen wir damit, Ihnen zu zeigen, wie starke Web-Zug\u00e4nglichkeit aussieht, und behandeln einige Web-Zug\u00e4nglichkeitsstandards, die dazu dienen, den Zugang zu Websites zu demokratisieren. Anschlie\u00dfend zeigen wir Ihnen 12 der besten Beispiele f\u00fcr Web-Zug\u00e4nglichkeit im Internet, einschlie\u00dflich einiger beliebter Websites, die sich f\u00fcr Zug\u00e4nglichkeit engagiert haben, und sehen, was wir von ihnen lernen k\u00f6nnen.<\/p>\n\n\n\n<p>Lassen Sie uns anfangen!<\/p>\n\n\n\n<h2 id=\"looks\" class=\"wp-block-heading\">Wie gro\u00dfartige Web-Zug\u00e4nglichkeit aussieht<\/h2>\n\n\n\n<p>Laut der <a target=\"_blank\" href=\"https:\/\/www.worldbank.org\/en\/topic\/disability\" rel=\"noopener\">Weltbank<\/a> haben etwa eine Milliarde Menschen oder 15% der Weltbev\u00f6lkerung eine Art von Behinderung. Diese k\u00f6nnen umfassen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Sehbehinderungen<\/strong>: Einige Nutzer haben eine Sehbehinderung, die ihre F\u00e4higkeit, klar zu sehen oder Farbkontraste wahrzunehmen, einschr\u00e4nkt. Zu dieser Gruppe k\u00f6nnen blinde Nutzer oder Farbenblinde geh\u00f6ren. F\u00fcr Nutzer mit Sehbehinderungen k\u00f6nnten Sie Audiobeschreibungen oder zug\u00e4ngliche Farbkombinationen verwenden (zum Beispiel sollten Sie dunklen Text auf dunklen Hintergrundfarben vermeiden).<\/li>\n\n\n\n<li><strong>H\u00f6rbehinderungen<\/strong>: Zu den Nutzern mit H\u00f6rbehinderungen k\u00f6nnen geh\u00f6rlose Personen und solche mit teilweisem H\u00f6rverlust (schwerh\u00f6rig\/HoH) geh\u00f6ren. Untertitel f\u00fcr Audioinhalte k\u00f6nnen diesen Nutzern eine zug\u00e4nglichere Erfahrung bieten.<\/li>\n\n\n\n<li><strong>K\u00f6rperliche Behinderungen<\/strong>: Einige Menschen haben Mobilit\u00e4tseinschr\u00e4nkungen, die ihre Geschicklichkeit und F\u00e4higkeit, pr\u00e4zise Bewegungen auszuf\u00fchren, beeintr\u00e4chtigen k\u00f6nnen, was die Verwendung einer Maus erschweren kann. Menschen mit k\u00f6rperlichen Behinderungen k\u00f6nnten Technologien zur Unterst\u00fctzung verwenden. Stellen Sie sicher, dass Ihre Website korrekt f\u00fcr assistive Ger\u00e4te programmiert ist, um zug\u00e4ngliche Inhalte f\u00fcr Nutzer mit k\u00f6rperlichen Behinderungen bereitzustellen.<\/li>\n\n\n\n<li><strong>Kognitive Behinderungen<\/strong>: Einige Nutzer k\u00f6nnen kognitive Beeintr\u00e4chtigungen wie Dyslexie, Demenz oder eine auditive Verarbeitungsst\u00f6rung haben. Sie k\u00f6nnten eine spezielle Schriftart wie <a target=\"_blank\" href=\"https:\/\/dyslexiefont.com\/en\/\" rel=\"noopener\">Dyslexie<\/a> verwenden. Sie sollten auch sicherstellen, dass f\u00fcr alle Audioinhalte ein Transkript verf\u00fcgbar ist, um Menschen mit auditiven Verarbeitungsbeeintr\u00e4chtigungen zu unterst\u00fctzen.<\/li>\n\n\n\n\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"900\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like.webp\" alt=\"15% der weltweiten Bev\u00f6lkerung haben eine Art von Behinderung\" class=\"wp-image-45651 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-300x169.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-1024x576.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-768x432.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-1536x864.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-600x338.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-1200x675.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-730x411.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-1460x821.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-784x441.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-1568x882.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/00_what_great_web_accessibility_looks_like-877x493.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/900;\" \/><\/figure>\n\n\n\n<p>Es ist wichtig, all diese verschiedenen F\u00e4higkeiten zu ber\u00fccksichtigen, wenn Sie Ihre Website erstellen, um sicherzustellen, dass es keine Barrieren f\u00fcr behinderte Benutzer gibt. Um Webdesignern dabei zu helfen, hat das W3C einen Satz von <a target=\"_blank\" href=\"https:\/\/www.w3.org\/TR\/WCAG20\/\" rel=\"noopener\">Web Content Accessibility Guidelines (WCAG)<\/a> entwickelt.<\/p>\n\n\n\n<p>Eine solide Webzug\u00e4nglichkeit bedeutet, sich an diese Richtlinien zu halten und die vier Leitprinzipien des <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/machen-sie-ihre-website-barrierefrei\/\" rel=\"noopener\">zug\u00e4nglichen Designs<\/a> sorgf\u00e4ltig zu befolgen. Diese Leitprinzipien besagen, dass alle Websites sein sollten:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Wahrnehmbar<\/strong><\/li>\n\n\n\n<li><strong>Bedienbar<\/strong><\/li>\n\n\n\n<li><strong>Verst\u00e4ndlich<\/strong><\/li>\n\n\n\n<li><strong>Robust<\/strong><\/li>\n\n\n\n\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1700\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1.webp\" alt=\"Vier Screenshots zur Veranschaulichung von wahrnehmbar, bedienbar, verst\u00e4ndlich und robust in einem Raster.\" class=\"wp-image-45653 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-282x300.webp 282w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-964x1024.webp 964w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-768x816.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-1446x1536.webp 1446w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-600x638.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-1200x1275.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-730x776.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-1460x1551.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-784x833.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-1568x1666.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/01_wcag_standards_for_website_accessibility_1-877x932.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1700;\" \/><\/figure>\n\n\n\n<p>Sicherstellen, dass Ihre Website \u201ebedienbar\u201c ist, k\u00f6nnte bedeuten, eine tastaturfreundliche Navigation f\u00fcr Menschen zu implementieren, die keine Maus verwenden k\u00f6nnen. \u201eWahrnehmbar\u201c k\u00f6nnte bedeuten, hochkontrastreiche Farben f\u00fcr Menschen mit Sehbehinderungen zu verwenden.<\/p>\n\n\n\n<p>Bereit zu sehen, wie diese Prinzipien in der Praxis aussehen? Unten haben wir 12 Beispiele von Websites, die barrierefreies Design richtig umsetzen.<\/p>\n\n\n\n<h2 id=\"examples\" class=\"wp-block-heading\">12 gro\u00dfartige Beispiele f\u00fcr Webzug\u00e4nglichkeit, die Sie inspirieren<\/h2>\n\n\n\n<p>Hier finden Sie einige unserer Lieblingsbeispiele f\u00fcr Webzug\u00e4nglichkeit. Diese 12 Websites sind Beispiele f\u00fcr barrierefreies Webdesign vom Feinsten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-scope\">1. <a target=\"_blank\" href=\"https:\/\/www.scope.org.uk\/\" rel=\"noopener\">Scope<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1238\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope.webp\" alt=\"Screenshot der Landingpage von Scope mit kr\u00e4ftigen Farben, kontrastreichem Text und einem \u00fcbersichtlichen Navigationsmen\u00fc oben.\" class=\"wp-image-45654 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-300x232.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-1024x792.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-768x594.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-1536x1188.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-600x464.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-1200x929.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-730x565.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-1460x1130.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-784x607.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-1568x1213.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/02_scope-877x679.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1238;\" \/><\/figure>\n\n\n\n<p>Scope ist eine Wohlt\u00e4tigkeitsorganisation f\u00fcr Gleichstellung bei Behinderungen mit Sitz in England und Wales, die sich der Schaffung einer gerechteren, gleicheren Gesellschaft widmet. Als Verfechter der Gleichstellung von Menschen mit Behinderungen w\u00fcrden Sie erwarten, dass die Website dieser Organisation so zug\u00e4nglich wie m\u00f6glich ist \u2014 und das ist sie auch.<\/p>\n\n\n\n<p>Nicht nur entspricht es vollst\u00e4ndig den WCAG 2.0- und WCAG 2.1-Richtlinien, sondern die Seite ist auch f\u00fcr einzelne Benutzer anpassbar. Zum Beispiel k\u00f6nnen Benutzer die Farben der Seite \u00e4ndern, die Textgr\u00f6\u00dfe erh\u00f6hen oder sogar die Texterz\u00e4hlung aktivieren, um sich den Inhalt vorlesen zu lassen.<\/p>\n\n\n\n<p>Wenn Sie in den oberen linken Bereich der Startseite schauen, sehen Sie einen <strong>Zug\u00e4nglichkeit<\/strong>-Reiter. Klicken Sie darauf und die Seite f\u00fchrt Sie zu ihrer Zug\u00e4nglichkeitsseite, die Anweisungen enth\u00e4lt, wie Sie das Erlebnis an Ihre Bed\u00fcrfnisse anpassen k\u00f6nnen, Links zu <a target=\"_blank\" href=\"https:\/\/www.atia.org\/home\/at-resources\/what-is-at\/\" rel=\"noopener\">assistiven Technologien<\/a> und eine Liste bekannter Zug\u00e4nglichkeitsprobleme, an denen gearbeitet wird.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1289\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement.webp\" alt=\"Scope's Erkl\u00e4rung zur Barrierefreiheit, die seine Verpflichtungen darlegt und das Erlebnis an die Bed\u00fcrfnisse der Benutzer anpasst.\" class=\"wp-image-45655 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-300x242.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-1024x825.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-768x619.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-1536x1237.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-600x483.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-1200x967.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-730x588.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-1460x1176.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-784x632.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-1568x1263.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/03_scope_web_accessibility_statement-877x707.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1289;\" \/><\/figure>\n\n\n\n<p>Scope verwendet kurze S\u00e4tze und <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/websichere-schriften\/\" rel=\"noopener\">gro\u00dfe, saubere Schriftarten<\/a> auf der gesamten Website f\u00fcr maximale Lesbarkeit. Au\u00dferdem ist die Website vollst\u00e4ndig mit Screenreader-Software kompatibel.<\/p>\n\n\n\n<p>Trotz bereits ein fantastisches Beispiel f\u00fcr die Zug\u00e4nglichkeit von Websites zu sein, setzt das Team von Scope seine Verbesserungen fort. Alle vier Monate testen sie die Website auf Zug\u00e4nglichkeit und nehmen bei Bedarf Aktualisierungen vor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. <a target=\"_blank\" href=\"https:\/\/www.harvard.edu\/\" rel=\"noopener\">Harvard Universit\u00e4t<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1005\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university.webp\" alt=\"Harvard University Landingpage mit der \u00dcberschrift Climate Solutions vor einem Foto von Windm\u00fchlen auf einem Feld.\" class=\"wp-image-45656 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-300x188.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-1024x643.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-768x482.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-1536x965.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-600x377.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-1200x754.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-730x459.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-1460x917.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-784x492.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-1568x985.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/04_harvard_university-877x551.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1005;\" \/><\/figure>\n\n\n\n<p>Harvards Bildung ist nicht seine einzige St\u00e4rke. Auch die weltbekannte Universit\u00e4tswebsite zeichnet sich durch ihre Zug\u00e4nglichkeit aus und bietet eine Vielzahl von Lesewerkzeugen, mehrsprachigen Video-Untertiteln und sorgf\u00e4ltig ausgew\u00e4hlten <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/farbpaletten-fur-websites\/\" rel=\"noopener\">Farbschemata<\/a>, die den Bed\u00fcrfnissen farbenblinder Besucher entsprechen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1021\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation.webp\" alt=\"Hauptnavigationsmen\u00fc der Harvard Universit\u00e4t mit Tabs f\u00fcr \u00dcber uns und Akademisches in gro\u00dfer, wei\u00dfer Schrift vor einem schwarzen Hintergrund, \" class=\"wp-image-45657 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-300x191.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-1024x653.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-768x490.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-1536x980.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-600x383.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-1200x766.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-730x466.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-1460x932.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-784x500.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-1568x1001.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/05_harvard_university_website_navigation-877x560.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1021;\" \/><\/figure>\n\n\n\n<p>Das Navigationsmen\u00fc von Harvard erh\u00e4lt ebenfalls Punkte f\u00fcr Zug\u00e4nglichkeit. Es ist einfach, aber effektiv, mit gro\u00dfem, leicht lesbarem Text in einer kontrastreichen Farbe. Es ist auch klar und leicht zu finden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-paralympic-org\">3. <a target=\"_blank\" href=\"https:\/\/www.paralympic.org\/\" rel=\"noopener\">Paralympic.org<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1414\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org.webp\" alt=\"IPC's Startseite mit einem Video im Hero-Bereich, Kopfzeile und sozialen Buttons in der oberen rechten Ecke.\" class=\"wp-image-45658 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-300x265.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-1024x905.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-768x679.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-1536x1357.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-600x530.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-1200x1061.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-730x645.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-1460x1290.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-784x693.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-1568x1386.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/06_paralympic_org-877x775.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1414;\" \/><\/figure>\n\n\n\n<p>Paralympic.org ist die offizielle Website des Internationalen Paralympischen Komitees (IPC). Das IPC ist ein starker Bef\u00fcrworter der sozialen Inklusion, und seine Website ist ein Zeugnis daf\u00fcr.<\/p>\n\n\n\n<p>Es verf\u00fcgt \u00fcber eine tastaturfreundliche Tab-Navigation und einen sofortigen \u201eNach-oben-scrollen\u201c-Pfeilknopf, um die Bewegung auf der Seite zu erleichtern. Bilder und Videos sind gro\u00df und deutlich sichtbar, und es gibt viel Wei\u00dfraum, um <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/elemente-des-webdesigns\/\" rel=\"noopener\">visuelle Elemente<\/a> hervorzuheben.<\/p>\n\n\n\n<p>Wenn Sie die Startseite besuchen, werden Sie einen Textgr\u00f6\u00dfenanpasser in der oberen rechten Ecke des Bildschirms bemerken. Dieser ist leicht erkennbar und erm\u00f6glicht es Benutzern mit Sehbehinderungen, die Gr\u00f6\u00dfe des Textes schnell an ihre Bed\u00fcrfnisse anzupassen.<\/p>\n\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n\n \/wp:shortcode &#8211;>\n\n\n<h3 class=\"wp-block-heading\">4. <a target=\"_blank\" href=\"https:\/\/www.walmart.com\/\" rel=\"noopener\">Walmart<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"696\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-1024x696.webp\" alt=\"Screenshot der Walmart-Startseite\" class=\"wp-image-45659 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-1024x696.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-300x204.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-768x522.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-1536x1044.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-600x408.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-1200x816.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-730x496.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-1460x993.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-784x533.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-1568x1066.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart-877x596.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/07_walmart.webp 1600w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/696;\" \/><\/figure>\n\n\n\n<p>Eine der Anforderungen der WCAG f\u00fcr barrierefreie Websites ist, dass sie &#8220;fokus sichtbar&#8221; sein m\u00fcssen, was bedeutet, dass der Teil der Website, der benutzt wird, hervorgehoben ist. Die Website von Walmart ist ein gro\u00dfartiges Beispiel daf\u00fcr. Sie verf\u00fcgt \u00fcber eine Vielzahl interaktiver Elemente wie <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/die-perfekte-kontaktieren-sie-uns-seite\/\" rel=\"noopener\">Schaltfl\u00e4chen, Links und Formularfelder<\/a> \u2014 aber die Besucher k\u00f6nnen sich jeweils nur auf eines konzentrieren, und das, mit dem sie interagieren, wird deutlich hervorgehoben, um maximale Sichtbarkeit zu gew\u00e4hrleisten.<\/p>\n\n\n\n<p>Es ist auch einfach, zwischen verschiedenen interaktiven Elementen zu navigieren, vom <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/navigationsmenu-design\/\" rel=\"noopener\">Navigationsmen\u00fc<\/a> zu verschiedenen Schaltfl\u00e4chen, der Suchleiste, Links zu Ihrer Kontoseite und Einkaufswagen und mehr, egal ob Sie Maus- oder Tastaturnavigation verwenden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. <a target=\"_blank\" href=\"https:\/\/www.kidzwishfoundation.org.au\/\" rel=\"noopener\">KidsWish<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"968\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish.webp\" alt=\"Screenshot der KidsWish-Startseite mit hellen, kr\u00e4ftigen Farben und leicht lesbarem gro\u00dfen Text und ihrem Slogan zentral im Vordergrund.\" class=\"wp-image-45660 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-300x182.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-1024x620.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-768x465.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-1536x929.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-600x363.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-1200x726.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-730x442.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-1460x883.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-784x474.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-1568x949.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/08_kidswish-877x531.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/968;\" \/><\/figure>\n\n\n\n<p>KidsWish ist eine Organisation, die Therapie, Unterst\u00fctzungsdienste und eine j\u00e4hrliche Weihnachtsfeier f\u00fcr Kinder bietet, die benachteiligt sind oder eine Behinderung haben. Sie richtet sich an viele Menschen mit unterschiedlichen Behinderungen, daher haben ihre Entwickler nat\u00fcrlich eine m\u00f6glichst barrierefreie Website erstellt.<\/p>\n\n\n\n<p>Und raten Sie mal? Sie haben es perfekt gemacht. Die KidsWish-Website ist wunderbar gestaltet, mit einer logischen Struktur, tastaturfreundlicher Navigation, <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/steigerung-der-website-konversionsrate\/\" rel=\"noopener\">hohen Kontrastfarben<\/a> und gro\u00dfem Text. Au\u00dferdem ist sie leicht zu durchsuchen mit auff\u00e4lligen, klickbaren Elementen.<\/p>\n\n\n\n<p>Das Design ist auch sehr kinderfreundlich. Es besticht durch ein helles, kr\u00e4ftiges Farbschema und jede Menge lustiger Grafiken.<\/p>\n\n\n\n\n\n<h3 class=\"wp-block-heading\">6. <a target=\"_blank\" href=\"https:\/\/www.nomensa.com\/\" rel=\"noopener\">Nomensa<\/a><\/h3>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1096\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa.webp\" alt=\"Nomensas Landeseite mit der \u00dcberschrift \u201eStrategisches Benutzererlebnisdesign\u201c \u00fcber einem Foto von Menschen im B\u00fcro.\" class=\"wp-image-45661 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-300x206.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-1024x701.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-768x526.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-1536x1052.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-600x411.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-1200x822.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-730x500.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-1460x1000.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-784x537.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-1568x1074.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/09_nomensa-877x601.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1096;\" \/><\/figure>\n\n\n\n<p>Nomensa ist eine strategische User Experience (UX) Design-Agentur mit Sitz in London. Sie legen so gro\u00dfen Wert auf barrierefreies Design, dass sie einen Web-Zug\u00e4nglichkeitstest anbieten, den ihre aktuellen und potenziellen Kunden durchf\u00fchren k\u00f6nnen, um zu sehen, wie ihre Websites im Vergleich zu internationalen Standards abschneiden.<\/p>\n\n\n\n<p>Die Agentur bietet dann <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/de\/professionelle-dienste\/design\/\" rel=\"noopener\">Design-Dienstleistungen<\/a> an, um Kunden dabei zu helfen, alle durch das Barrierefreiheitstest-Tool entdeckten Probleme zu beheben.<\/p>\n\n\n\n<p>Beachten Sie dies: Der Mitbegr\u00fcnder der Firma ist Co-Vorsitzender des World Wide Web Consortiums (W3C) und half dabei, die WCAG-Richtlinien zu schreiben, die die besten Praktiken f\u00fcr Webzug\u00e4nglichkeit vorgeben. Kein Wunder, dass Nomensa die L\u00f6sungen f\u00fcr Zug\u00e4nglichkeit so ernst nimmt!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">7. <a target=\"_blank\" href=\"https:\/\/www.ovoenergy.com\/\" rel=\"noopener\">Ovo Energy<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1357\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy.webp\" alt=\"Screenshot der Website von Ovo Energy mit gro\u00dfem Text, viel Freiraum, Fotos in Rahmen und deutlichen gr\u00fcnen Kn\u00f6pfen.\" class=\"wp-image-45662 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-300x254.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-1024x868.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-768x651.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-1536x1303.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-600x509.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-1200x1018.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-730x619.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-1460x1238.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-784x665.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-1568x1330.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/10_ovo_energy-877x744.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1357;\" \/><\/figure>\n\n\n\n<p>Ovo Energy ist ein in Gro\u00dfbritannien ans\u00e4ssiges Energieunternehmen. Seine Website bietet Informationen \u00fcber Tarife und Pakete und umfasst ein Haupt-Login-Portal f\u00fcr Kunden zur Verwaltung ihrer Konten.<\/p>\n\n\n\n<p>Das Unternehmen hat hervorragende Arbeit geleistet, indem es die Seite durch gro\u00dfen lesbaren Text und eine klare Schnittstelle f\u00fcr alle zug\u00e4nglich gemacht hat. Es wurde auch eine Tastaturnavigation integriert, um die Navigation auf der Webseite zu erleichtern.<\/p>\n\n\n\n<p>Die Designer haben sich besonders bem\u00fcht, die Website f\u00fcr seh- und h\u00f6rbehinderte Benutzer zug\u00e4nglich zu machen. Es gibt <a target=\"_blank\" href=\"https:\/\/signvideo.co.uk\/\" rel=\"noopener\">SignVideo-Dienste<\/a> f\u00fcr Benutzer der britischen Geb\u00e4rdensprache, und der Farbkontrast entspricht den WCAG-Richtlinien.<\/p>\n\n\n\n<p>Kunden k\u00f6nnen auch Rechnungen in Brailleschrift und in gr\u00f6\u00dferen Formaten anfordern. Zus\u00e4tzlich dazu ist die Website mit assistiver Technologie kompatibel.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">8. <a target=\"_blank\" href=\"https:\/\/bleacherreport.com\/\" rel=\"noopener\">Bleacher Report<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1102\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report.webp\" alt=\"Homepage der Website von Bleacher Report mit einem Hauptartikel, vier Videos unterhalb des Hero-Bereichs und wei\u00dfem Text auf schwarzem Hintergrund.\" class=\"wp-image-45663 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-300x207.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-1024x705.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-768x529.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-1536x1058.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-600x413.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-1200x827.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-730x503.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-1460x1006.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-784x540.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-1568x1080.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/11_bleacher_report-877x604.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1102;\" \/><\/figure>\n\n\n\n<p>Die Sportnachrichten-Website Bleacher Report macht etwas Besonderes, das sehr hilfreich f\u00fcr Benutzer ist, die ihre Website mit Bildschirmlesern oder Tastatursteuerungen nutzen. Die ersten Fokuspunkte sind die Benachrichtigung \u00fcber Cookies, die Datenschutzrichtlinie und die Nutzungsbedingungen, und wenn Sie auf den externen Link daf\u00fcr klicken, \u00f6ffnen sie sich in einem neuen Fenster.<\/p>\n\n\n\n<p>F\u00fcr Nutzer ohne Behinderungen mag dies nicht wichtig erscheinen, aber es erm\u00f6glicht <em>allen<\/em> Besuchern der Website von Bleacher Report Zugang zu wichtigen rechtlichen Informationen. Auf den meisten Seiten befinden sich die Rechts- und Cookie-Hinweise am Ende der Seite, was bedeutet, dass Besucher, die Tastatursteuerungen oder Bildschirmleser verwenden, diese erst am Ende ihres Besuchs erreichen, nachdem sie den Rest der Seite durchst\u00f6bert haben. Dies ist eine kleine \u00c4nderung mit gro\u00dfer Wirkung f\u00fcr Menschen mit Behinderungen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">9. <a target=\"_blank\" href=\"https:\/\/www.bbc.co.uk\/iplayer\/\" rel=\"noopener\">BBC iPlayer<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1215\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer.webp\" alt=\"Startseite von BBC iPlayer mit einer hervorgehobenen Show im Hero-Bereich und \u201eNeue &amp; Trendige\u201c Shows darunter. \" class=\"wp-image-45664 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-300x228.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-1024x778.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-768x583.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-1536x1166.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-600x456.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-1200x911.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-730x554.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-1460x1109.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-784x595.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-1568x1191.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/12_bbc_iplayer-877x666.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1215;\" \/><\/figure>\n\n\n\n<p>BBC iPlayer ist der Online-Streaming-Dienst der BBC. Benutzer schauen sich Programme online auf seiner Website an. Es ist auch ein weiteres fantastisches Beispiel f\u00fcr Webzug\u00e4nglichkeit, von dem wir alle lernen k\u00f6nnen.<\/p>\n\n\n\n<p>Zun\u00e4chst ist die Website sowohl sehr leicht zu navigieren als auch kompatibel mit assistiver Technologie. Sie k\u00f6nnen sich auf der Seite bewegen, indem Sie auf die <strong>Tab<\/strong>-Taste klicken. Wenn Sie \u00fcber das iPlayer-Logo navigieren, erscheint eine Option f\u00fcr <strong>Barrierefreiheit<\/strong> Hilfe, die zu einer Ressourcenseite mit vielen n\u00fctzlichen Informationen f\u00fcr Benutzer mit Behinderungen verlinkt.<\/p>\n\n\n\n<p>Der Inhalt ist logisch angeordnet, und alle Schaltfl\u00e4chen verwenden ein klares visuelles Design mit hohen Kontrastfarben. Es gibt auch Tastatur- und Maus-zug\u00e4ngliche Tooltips, die zus\u00e4tzliche Informationen f\u00fcr Benutzer bereitstellen und <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/erstellen-eines-wordpress-featured-images\/\" rel=\"noopener\">beschreibenden Alternativtext<\/a> f\u00fcr alle Bilder.<\/p>\n\n\n\n<p>Der Videoinhalt ist ebenfalls zug\u00e4nglich. Alle Shows auf BBC iPlayer bieten Untertitel. Es gibt auch Kategorien mit Audio-Beschreibung und Geb\u00e4rdensprache.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">10. <a target=\"_blank\" href=\"https:\/\/new.mta.info\/\" rel=\"noopener\">Metropolitan Transportation Authority<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1100\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority.webp\" alt=\"MTA-Website mit Dropdown-Men\u00fcs f\u00fcr \u201eReise planen\u201c und \u201eDienststatus\u201c, die Verz\u00f6gerungen und geplante Fahrten in verschiedenen Farben anzeigen.\" class=\"wp-image-45665 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-300x206.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-1024x704.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-768x528.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-1536x1056.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-600x413.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-1200x825.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-730x502.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-1460x1004.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-784x539.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-1568x1078.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/13_metropolitan_transportation_authority-877x603.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1100;\" \/><\/figure>\n\n\n\n<p>Zus\u00e4tzlich dazu, dass sie eine reaktionsf\u00e4hige Website besitzt, die auf Ger\u00e4ten aller Bildschirmgr\u00f6\u00dfen leicht zu bedienen ist, verf\u00fcgt die Metropolitan Transportation Authority von New York City auch \u00fcber eine integrierte Sucherfahrung, die den Benutzern hilft, die gesuchten Informationen schneller und einfacher zu finden. Wie? Die Suchfunktion liefert weiterhin Ergebnisse, auch wenn Benutzer W\u00f6rter falsch schreiben oder Eingaben in falschen Formaten vornehmen.<\/p>\n\n\n\n<p>Zum Beispiel, wenn ein Benutzer eine Adresse oder ein Viertel mit einem Tippfehler in den Reiseplaner der MTA eingibt, wird die Suchleiste dennoch Adressen vorschlagen, basierend auf der besten Vermutung, wonach der Benutzer gesucht hat.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">11. <a target=\"_blank\" href=\"https:\/\/www.nsw.gov.au\/\" rel=\"noopener\">NSW-Regierung<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1345\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government.webp\" alt=\"Website der Regierung von NSW mit einer Suchleiste im Vordergrund und einem Abschnitt \u201eWas suchen Sie?\u201c darunter mit Links.\" class=\"wp-image-45666 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-300x252.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-1024x861.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-768x646.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-1536x1291.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-600x504.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-1200x1009.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-730x614.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-1460x1227.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-784x659.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-1568x1318.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/14_nsw_government-877x737.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1345;\" \/><\/figure>\n\n\n\n<p>Die Website der Regierung von New South Wales ist das Regierungszentrum f\u00fcr das Gebiet New South Wales in Australien. Die Website ist so gestaltet, dass sie benutzerfreundlich f\u00fcr Bewohner aus allen Schichten und mit allen F\u00e4higkeiten ist.<\/p>\n\n\n\n<p>Die Website verf\u00fcgt \u00fcber eine Tab-Navigation, was die Navigation auf den Seiten mit einer Tastatur oder einem Bildschirmleser vereinfacht. Dank <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/beste-google-schriften\/\" rel=\"noopener\">gro\u00dfer Schriftarten<\/a> und kontrastreicher Farben ist sie auch extrem gut lesbar und punktet mit Kompatibilit\u00e4t zu assistiven Technologien.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">12. <a target=\"_blank\" href=\"https:\/\/www.gov.uk\/\" rel=\"noopener\">GOV.UK<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1228\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk.webp\" alt=\"GOV.UK-Webseite in einem blau-wei\u00dfen Farbschema mit einer Suchleiste und darunter Links zu &quot;Beliebt auf GOV.UK&quot; f\u00fcr eine bessere Navigation.\" class=\"wp-image-45667 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-300x230.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-1024x786.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-768x589.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-1536x1179.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-600x461.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-1200x921.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-730x560.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-1460x1121.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-784x602.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-1568x1203.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/15_gov_uk-877x673.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1228;\" \/><\/figure>\n\n\n\n<p>GOV.UK ist das zentrale Drehkreuz f\u00fcr alle Webseiten der britischen Regierung. Die Seite bietet Informationen \u00fcber alles, von Unterst\u00fctzung und Leistungen bei Behinderungen bis hin zu Visa- und Einwanderungshilfe.<\/p>\n\n\n\n<p>Die britische Regierung hat hervorragende Arbeit geleistet, um ihre Website f\u00fcr jeden zug\u00e4nglich zu machen, der sie ben\u00f6tigt. Die Website bietet Tastaturnavigation und ARIA-Attribute, sodass Sie Seiten leicht finden k\u00f6nnen. Dar\u00fcber hinaus ist sie so gestaltet, dass sie eine 300%ige Vergr\u00f6\u00dferung f\u00fcr sehbehinderte Leser unterst\u00fctzt.<\/p>\n\n\n\n<h2 id=\"statement\" class=\"wp-block-heading\">Erstellen Sie eine Barrierefreiheitserkl\u00e4rung<\/h2>\n\n\n\n<p>Sicherzustellen, dass Ihre Website so zug\u00e4nglich wie m\u00f6glich ist, ist sowohl eine moralische als auch eine berufliche Verpflichtung. Es mag wie eine Herausforderung erscheinen, aber wir versprechen Ihnen \u2014 es lohnt sich. Die obigen Beispiele werden Sie bei der Erstellung einer inklusiven Website leiten, die f\u00fcr alle Benutzer zug\u00e4nglich sein wird.<\/p>\n\n\n\n<p>Bereit, Ihre barrierefreie Website zu erstellen? Lassen Sie uns die technische Seite f\u00fcr Sie \u00fcbernehmen, damit Sie mehr Zeit und Energie auf das Wesentliche verwenden k\u00f6nnen: das Design. Melden Sie sich f\u00fcr unseren <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/de\/hosting\/\" rel=\"noopener\">Shared Unlimited Hosting Plan<\/a> an und erhalten Sie unbegrenztes, sicheres Hosting f\u00fcr all Ihre Websites.<\/p>\n\n\n\n<p>Hinweis: Wir f\u00fchren umfangreiche Recherchen zur <a target=\"_blank\" href=\"https:\/\/www.ungeneva.org\/sites\/default\/files\/2021-01\/Disability-Inclusive-Language-Guidelines.pdf\" rel=\"noopener\">barrierefreien Sprache<\/a> f\u00fcr unsere Artikel durch. Denken Sie daran, Ihre Ressourcen zu nutzen, wenn Sie barrierefreien Inhalt erstellen, und im Zweifelsfall fragen Sie immer nach.&nbsp;<\/p>\n\n\n\n<p>\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Sie tr\u00e4umen es, wir programmieren es\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Nutzen Sie mehr als 20 Jahre Programmiererfahrung, wenn Sie sich f\u00fcr unseren Webentwicklungsdienst entscheiden. Lassen Sie uns einfach wissen, was Sie f\u00fcr Ihre Website w\u00fcnschen \u2014 wir k\u00fcmmern uns um den Rest.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/de\/professionelle-dienste\/entwicklung\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Mehr erfahren                    <\/a>\n\n  <\/div>\n<\/div>\n<\/p>\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>M\u00f6chten Sie, dass Ihre Website zug\u00e4nglich und gleichzeitig sch\u00f6n gestaltet ist? Lernen Sie die besten Praktiken und entfachen Sie Ihre Kreativit\u00e4t mit diesen 12 Beispielen f\u00fcr barrierefreie Websites.<\/p>\n","protected":false},"author":1058,"featured_media":45646,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"","toc_headlines":"[[\"looks\",\"Wie gro\u00dfartige Web-Zug\u00e4nglichkeit aussieht\"],[\"examples\",\"12 gro\u00dfartige Beispiele f\u00fcr Webzug\u00e4nglichkeit, die Sie inspirieren\"],[\"statement\",\"Erstellen Sie eine Barrierefreiheitserkl\u00e4rung\"]]","hide_toc":false,"footnotes":""},"categories":[14509],"tags":[],"class_list":["post-57012","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign-de"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>12 Herausragende zug\u00e4ngliche Website-Beispiele, die die Messlatte h\u00f6her legen - DreamHost Blog<\/title>\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-dev.dreamhost.com\/blog\/de\/grossartige-beispiele-fur-web-barrierefreiheit\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"12 Herausragende zug\u00e4ngliche Website-Beispiele, die die Messlatte h\u00f6her legen\" \/>\n<meta property=\"og:description\" content=\"M\u00f6chten Sie, dass Ihre Website zug\u00e4nglich und gleichzeitig sch\u00f6n gestaltet ist? Lernen Sie die besten Praktiken und entfachen Sie Ihre Kreativit\u00e4t mit diesen 12 Beispielen f\u00fcr barrierefreie Websites.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/de\/grossartige-beispiele-fur-web-barrierefreiheit\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-20T08:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-17T01:35:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_12_outstanding_accessible_website_examples_that_raise_the_bar.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"1095\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Ian Hernandez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ian Hernandez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"12 Herausragende zug\u00e4ngliche Website-Beispiele, die die Messlatte h\u00f6her legen - DreamHost Blog","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-dev.dreamhost.com\/blog\/de\/grossartige-beispiele-fur-web-barrierefreiheit\/","og_locale":"en_US","og_type":"article","og_title":"12 Herausragende zug\u00e4ngliche Website-Beispiele, die die Messlatte h\u00f6her legen","og_description":"M\u00f6chten Sie, dass Ihre Website zug\u00e4nglich und gleichzeitig sch\u00f6n gestaltet ist? Lernen Sie die besten Praktiken und entfachen Sie Ihre Kreativit\u00e4t mit diesen 12 Beispielen f\u00fcr barrierefreie Websites.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/grossartige-beispiele-fur-web-barrierefreiheit\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2024-05-20T08:00:00+00:00","article_modified_time":"2025-01-17T01:35:45+00:00","og_image":[{"width":1460,"height":1095,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_12_outstanding_accessible_website_examples_that_raise_the_bar.webp","type":"image\/webp"}],"author":"Ian Hernandez","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Ian Hernandez","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/grossartige-beispiele-fur-web-barrierefreiheit\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/grossartige-beispiele-fur-web-barrierefreiheit\/"},"author":{"name":"Ian Hernandez","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/220faf2464d5ae08e41cf5f3b28fdc96"},"headline":"12 Herausragende zug\u00e4ngliche Website-Beispiele, die die Messlatte h\u00f6her legen","datePublished":"2024-05-20T08:00:00+00:00","dateModified":"2025-01-17T01:35:45+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/grossartige-beispiele-fur-web-barrierefreiheit\/"},"wordCount":2174,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/grossartige-beispiele-fur-web-barrierefreiheit\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_12_outstanding_accessible_website_examples_that_raise_the_bar.webp","articleSection":["Webdesign"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/grossartige-beispiele-fur-web-barrierefreiheit\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/grossartige-beispiele-fur-web-barrierefreiheit\/","name":"12 Herausragende zug\u00e4ngliche Website-Beispiele, die die Messlatte h\u00f6her legen - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/grossartige-beispiele-fur-web-barrierefreiheit\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/grossartige-beispiele-fur-web-barrierefreiheit\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_12_outstanding_accessible_website_examples_that_raise_the_bar.webp","datePublished":"2024-05-20T08:00:00+00:00","dateModified":"2025-01-17T01:35:45+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/grossartige-beispiele-fur-web-barrierefreiheit\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/de\/grossartige-beispiele-fur-web-barrierefreiheit\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/grossartige-beispiele-fur-web-barrierefreiheit\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_12_outstanding_accessible_website_examples_that_raise_the_bar.webp","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/05\/1460x1095_blog_hero_12_outstanding_accessible_website_examples_that_raise_the_bar.webp","width":1460,"height":1095,"caption":"12 Outstanding Accessible Website Examples That Raise The Bar"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/grossartige-beispiele-fur-web-barrierefreiheit\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"12 Herausragende zug\u00e4ngliche Website-Beispiele, die die Messlatte h\u00f6her legen"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/220faf2464d5ae08e41cf5f3b28fdc96","name":"Ian Hernandez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","caption":"Ian Hernandez"},"description":"Ian is a Product Designer based in Los Angeles, California. He is responsible for driving brand and product design at DreamHost, developing and maintaining our internal design system, and writing frontend code when he can. In his free time, he enjoys walking his dog, learning history, and discovering new music online and irl. Connect with him on LinkedIn: https:\/\/www.linkedin.com\/in\/ianhernandez23\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/ianh\/"}]}},"lang":"de","translations":{"de":57012,"en":45645,"pl":57015,"es":57008,"pt":57018,"uk":57024,"ru":57039,"it":68611,"fr":70800,"nl":70830},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/57012","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1058"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=57012"}],"version-history":[{"count":5,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/57012\/revisions"}],"predecessor-version":[{"id":63872,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/57012\/revisions\/63872"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/45646"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=57012"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=57012"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=57012"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}