Das Netz verbindet Menschen auf der ganzen Welt und macht es m\u00f6glich, sich an Informationen zu gelangen, auf dem Laufenden zu sein, Dateien zu speichern, Reisen zu planen und sogar sich um die Gesundheit zu k\u00fcmmern. Allerdings wird ein barrierefreier Zugang nicht immer gew\u00e4hrleistet.<\/span><\/p>\n Es wird gesagt, dass das Web alles toleriert und jeder ins Internet gehen kann, um etwas zu lernen. Das h\u00f6rt sich gut an, aber entspricht nicht der Wirklichkeit. Es gibt viele Websites, die f\u00fcr Menschen mit Beeintr\u00e4chtigungen nicht zug\u00e4nglich sind. Diesmal m\u00f6chten wir uns mit der Barrierefreiheit auseinandersetzen, warum sie so essentiell ist und wie du deine Website vollst\u00e4ndig barrierefrei zug\u00e4nglich machen kannst.<\/span><\/p>\n Etwa 15% der Menschen auf der Erde haben <\/span>Beeintr\u00e4chtigungen des Geh\u00f6rs, Sehens, der Bewegungen sowie <\/span>kognitiver F\u00e4higkeiten. Der freie Zugang zu Informationen f\u00fcr diese Personen ist in den Menschenrechten verankert, trotzdem bleiben einige Websites immer noch unzug\u00e4nglich.<\/span> Um einen gewissen Grad an Zug\u00e4nglichkeit gew\u00e4hrleisten zu k\u00f6nnen, muss die Website richtig gestaltet und codiert sein.<\/span><\/p>\n Farbkontrast <\/b><\/p>\n Subtile Farb\u00fcberg\u00e4nge wirken sch\u00f6n und raffiniert, aber es gibt Menschen, die nicht gut genug sehen oder Schwierigkeiten mit der Farbwahrnehmung haben. Stark kontrastierende Farben (wie Schwarz-Wei\u00df, Gelb-Schwarz, Rot-Wei\u00df) k\u00f6nnen gro\u00dfartig aussehen und auch f\u00fcr diese Menschen gut geeignet sein.<\/span><\/p>\n Spracherkennung<\/b><\/p>\n Seit dem Erscheinen von <\/span>Siri<\/span><\/a>, <\/span>Alexa<\/span><\/a> und <\/span>Cortana<\/span><\/a> erfreut sich die Sprachsteuerung immer gr\u00f6\u00dferer Beliebtheit. Au\u00dferdem gibt es auch Menschen, die aus irgendeinem Grund nicht ihre H\u00e4nde einsetzen k\u00f6nnen. Allerdings sind sie alle in der Lage, eine Website per Sprache zu bedienen, falls sie f\u00fcr solche Manipulationen angepasst ist.<\/span><\/p>\n Texte zur Umwandlung<\/b><\/p>\n Menschen, die sehbehindert oder blind sind, verwenden eine spezielle Software, die Texte in die Sprache umwandelt. Diese Software kann jedoch nicht erkennen, was auf diesem Bild dargestellt ist, wenn du auch einen Text als eine Alt-Beschreibung einf\u00fcgst. <\/span><\/p>\n Layout und Design<\/b><\/p>\n Kompliziertes und originelles Website-Design kann Besucher nicht nur beeindrucken, sondern auch auf sie verwirrend wirken. Wenn deine Besucher nicht verstehen, was sie auf deiner Website weiter tun sollen - dann hast du sicherlich etwas falsch gemacht. In diesem Fall gilt es: Je einfacher deine Navigation und Layouts sind, desto besser ist es f\u00fcr die Nutzerfreundlichkeit.<\/span><\/p>\n Benachrichtigungen<\/b><\/p>\n Einige Website-Besitzer halten es nicht f\u00fcr n\u00f6tig, Benutzer \u00fcber die von ihnen ausgef\u00fchrten Aktionen zu informieren. Aber wenn man ein Formular ausf\u00fcllt und es dann ohne<\/span> Best\u00e4tigung \u00fcbers Absenden<\/span> verschwindet, k\u00f6nnte das eine eher unangenehme \u00dcberraschung sein. Das Gleiche gilt f\u00fcr Fehlermeldungen. Ich pers\u00f6nlich mag nicht \"Ung\u00fcltige Daten\". Eine deutlichere Fehlermeldung mit Hinweisen auf konkrete Fehler und mit Behebungsvorschl\u00e4gen w\u00fcrde hier viel Zeit sparen.<\/span><\/p>\n Gro\u00dfe Bedienelemente<\/b><\/p>\n Kleine Buttons sind nur dann angemessen, wenn du m\u00f6chtest, dass sie nie angeklickt werden. W\u00e4hrend PC-Nutzer mit normaler Bewegungsf\u00e4higkeit auf sie dr\u00fccken k\u00f6nnen, werden Tablet- und Smartphone-Nutzer sowie \u00e4ltere Menschen damit Schwierigkeiten haben. <\/span>Stelle sicher, dass die wichtigsten Schaltfl\u00e4chen auf deiner Website (z.B. \u201cJetzt kaufen\u201d) gro\u00df genug sind.<\/span><\/p>\n <\/span>Anpassbare Inhalte<\/b><\/p>\n Menschen haben unterschiedliche Bed\u00fcrfnisse. Die Einen ziehen es vor, den Text und Bilder zu verkleinern, die Anderen k\u00f6nnen hingegen den Text nicht lesen, wenn Buchstaben zu klein sind. Wenn du einem Benutzer einige Anpassungsoptionen zur Hand gibst, wird das die <\/span>UX<\/b> definitiv verbessern. <\/span><\/p>\n Tastatursteuerung<\/b><\/p>\n Nicht jeder kann eine Maus benutzen. Man k\u00f6nnte meinen, die Steuerung sei eine kinderleichte Aufgabe, aber es gibt Leute, die Probleme mit der Koordination haben oder nur die Tasten auf der Tastatur benutzen k\u00f6nnen. Die Bedienung deiner Website per Tastatur w\u00fcrde diesen Benutzern das Leben sicherlich leichter machen.<\/span><\/p>\n Video-Untertitel<\/b><\/p>\n Taube und Menschen mit schlechtem Geh\u00f6r m\u00f6chten sich auch Videos ansehen, aber das ist durchaus unm\u00f6glich, wenn es keine Untertitel gibt. Texte zu Videos hinzuzuf\u00fcgen ist nicht so kompliziert, wie es erscheinen mag. Deshalb solltest du dar\u00fcber nachdenken. <\/span><\/p>\n Es w\u00e4re besser, sich einmal anzusehen als tausendmal zu lesen. Hier ist ein Video der W3C Web Accessibility Initiative, wo all diese Features im Detail beschrieben werden:<\/span><\/p>\n![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2019\/01\/neo.jpg\")
<\/p>\nWas wird unter barrierefreiem Webdesign verstanden?<\/h2>\n
![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2019\/01\/problems.png\")
<\/p>\nFeatures f\u00fcr eine barrierefreie Website<\/h3>\n
![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2019\/01\/color-contrast.jpg\")
<\/p>\n![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2019\/01\/layout-and-design.jpg\")
<\/p>\n![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2019\/01\/notifications.png\")
<\/p>\n![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2019\/01\/big-control-elements.jpg\")
<\/p>\n