Wer profitiert von einer barrierefreien Website?

Designer gestalten für den Durchschnitt, um eine größtmögliche Zielgruppe abzudecken. 2018 waren in Bayern etwa 15% der 13 Millionen Einwohner als behindert anerkannt. Dieser beachtliche Anteil wird oft vernachlässigt, sodass viele Onlineshops und andere Internetseiten für sie schlecht bis gar nicht nutzbar sind. Mitunter sind auch diejenigen benachteiligt, die temporär eingeschränkt sind, durch eine verletzte Hand oder weil sie ein Kind auf dem Arm haben. Aber auch weitestgehend gesunde Personen, wie unerfahrene oder ältere Nutzer, profitieren von einer möglichst barrierefreien Bedienung.

Eine ideale Website sollte ohnehin einfach und intuitiv sein. Besonders wichtig ist dies für Menschen mit geistiger Beeinträchtigung oder Lernbehinderung. Einfache Sprache und leicht verständliches Bedienen ohne viel Vorwissen haben zu müssen, erleichtert es auch älteren Kunden. Käufe sollten in wenigen Klicks zu tätigen sein, um niedrige Konzentrationslevel nicht auszureizen. Generell sollte Effizienz und Bequemlichkeit an oberster Stelle stehen. Die Möglichkeit des Kunden, in „Einbandstraßen“ zu landen, muss minimiert werden. Gleichzeitig muss darauf geachtet werden, dass eine hohe Fehlertoleranz besteht. Die Content Hierarchie muss klar dargestellt sein. Wichtige Informationen und Eingabefelder müssen visuell gekennzeichnet werden, um als solche wahrgenommen zu werden. Einfache Animationen können dem Nutzer visuell signalisieren, dass eine ausgeführte Aktion unter anderem erfolgreich war oder fehlgeschlagen ist.

Visuelle Behinderung bedeutet teilweise bis gänzliche Beeinträchtigung der Farb- oder Kontrastwahrnehmung. Dem muss entgegen gewirkt werden, indem laut dem Web Content Accessibility Guidelines auf einem Kontrastverhältinis von mindestens 4,5:1 zwischen Text und Hintergrund geachtet wird. Des Weiteren ist es auch aus Sicht der Suchmaschinen Optimierung äußerst sinnvoll, Bilder und anderem visuellen Content mit einen Alt-Text, also einer knappen Beschreibung zu versehen. Beim Coden der Seiten ist es extrem wichtig, die richtigen HTML Tags bei Überschriften, Text und weiteres zu nutzen. Dies resultiert nicht nur in einer sauberen Programmierung, sondern dadurch vereinfacht man Screenreader Software das verständliche Auslesen.

Bildschirm mit html Code
Listen sollten als Listen und nicht als Layout genutzt werden, um Screen Reader nicht zu verwirren. Das Einhalten von Headings-Rangen hilft dem Leser beim verstehen der Content Hierarchie.
Das Stark Plugin bei Adobe XD misst Kontrast und kann Farbblindheit simulieren.

Bei Gehörlosigkeit oder reduzierte Wahrnehmung von Geräuschen wird Videomaterial durch Untertitel verständlich gemacht. Youtube (YouTube-Kanal pushen) versieht Videos mit automatischem Text, welcher oft sehr genau ist.

Ausschnitt eines Youtube Videos mit Fokus auf den Untertitel.
Youtube ergänzt seine Videos mit Live-Untertiteln.

Motorische Beeinträchtigung wie die Schwierigkeit beim Bewegen von Körperteilen oder Schwierigkeiten bei feinmotorischen, präzisen Bewegungen erschweren das genaue Bedienen einer Maus oder Tastatur. Websites sollten deshalb leicht mit der Tab- oder den Navigationstasten auf der Tastatur zu handhaben sein. Das fokussierte Element sollte dabei klar als dieses zu erkennen sein. Angemessene Größe und Platz für den Gebrauch sorgen für Nutzbarkeit, egal welche Größe, Bewegungsfreiheit oder Haltung der User hat.

Websites sollten allein durch das betätigen der "Tab"-Taste zu navigieren sein.

Es wird geschätzt, das etwa 5% aller Menschen einmal in ihrem Leben einen epileptischen Anfall erleiden. Sie werden auch flackerndes Licht hervorgerufen. Darum ist es außerordentlich wichtig, verantwortungsvoll mit seiner Content-Wahl umzugehen. Elemente, die mehr als dreimal pro Sekunde „flackern“ begünstigen solche Anfälle. Wenn nicht anders möglich, sollte darauf geachtet werden, dass der Kontrast niedrig gehalten wird und ungesättigte Farben genutzt werden.

Onlineshops und andere Websites für eine so große Gruppe besser zugänglich zu machen bedeutet zwar einen leicht erhöhten Aufwand bei der Erstellung, bringt aber immense Vorteile mit sich.
Die Gesellschaft wird älter, so auch viele Kunden von Unternehmen. Sie also durch einen verbessertes Design und User Experience zu unterstützen resultiert in ein größeres Publikum und bessere Usability für alle.
Und um all das bestmöglich umzusetzen, unterstützt sie ihr Team von seowerk. Wir sorgen dafür, dass Ihre Seite für wirklich jeden zugänglich ist.

Quellen

https://www.rehadat-statistik.de/statistiken/behinderung/regionale-statistiken/bayern-strukturstatistik-sgb-ix/

https://www.epilepsie-vereinigung.de/krankheitsbild/

https://www.w3.org/Translations/WCAG20-de/

https://www.medium.com

https://www.epilepsie-vereinigung.de/epilepsie/krankheitsbild/haufigkeit/


  |    |  
KI-Modelle nutzen Query Fan-Outs für komplexe Suchen. Die Analyse von 365.920 Queries zeigt: Google, OpenAI und Amazon verfolgen unterschiedliche Strategien. Content-Optimierung muss diese spezifischen Muster nun gezielt berücksichtigen.
Weiterlesen
  |    |  
KI-Modelle nutzen Query Fan-Outs für komplexe Suchen. Die Analyse von 365.920 Queries zeigt: Google, OpenAI und Amazon verfolgen unterschiedliche Strategien. Content-Optimierung muss diese spezifischen Muster nun gezielt berücksichtigen.
Weiterlesen
  |    |  
In einer neuen Case Study zeigt seowerk, wie die eigene SEO-Agentur seit über zwölf Jahren nachhaltige Suchmaschinenoptimierung betreibt und diesen Ansatz seit 2023 gezielt um Generative Engine Optimization (GEO), KI-Optimierung und SEO für ChatGPT erweitert hat.
Weiterlesen
Die Suche nach AGI führt KI Forschung an ihre Grenzen, verbindet technische Ambitionen mit ethischen Risiken und stellt Gesellschaften vor die Frage, wie universelle Maschinenintelligenz kontrolliert, ausgerichtet und sinnvoll in soziale und wirtschaftliche Strukturen eingebettet werden kann.
Weiterlesen
Mit der Transformer Architektur beginnt eine neue Ära, in der KI nicht nur versteht, sondern schöpft und dank Attention Mechanismen Texte, Bilder und Ideen generiert und so den Weg für moderne LLMs und kreative Anwendungen bereitet.
Weiterlesen
Der Deep-Learning-Boom entsteht aus Datenflut, GPU-Power und neuen Netzarchitekturen und entfesselt eine KI-Revolution, die Forschung und Industrie grundlegend verändert und den Übergang von symbolischer Logik zu selbstlernenden Systemen beschleunigt.
Weiterlesen
Nach Jahren des Stillstands erlebten neuronale Netze in den 1980ern mit Backpropagation eine Wiedergeburt. Mehrschichtige Netze lernten komplexe Muster automatisch, übertrafen Expertensysteme und legten den Grundstein für das spätere Deep Learning.
Weiterlesen
In den 1980er Jahren feierten Expertensysteme die KI kurzzeitig als wirtschaftlichen Erfolg. Hohe Wartungskosten, begrenzte Domänen und teure Hardware führten jedoch zum Scheitern und lösten den Zweiten KI Winter aus.
Weiterlesen
Ab etwa 1974 erlebt die symbolische KI eine Phase tiefer Ernüchterung. Die kombinatorische Explosion und gescheiterte Generalisierung aus Spielzeugwelten führen zu massiven Kürzungen der Fördergelder, ersten Rückzügen der Forschung und zum Ersten KI Winter.
Weiterlesen
Teil 15 – In den 1960er Jahren dominiert die symbolische KI das Feld und erhebt die regelbasierte Manipulation von Symbolen zum Kern der Intelligenz. Programme wie Logic Theorist und GPS befeuern den Glauben, menschliches Denken vollständig in formale Strukturen übersetzen zu können.
Weiterlesen
Teil 14: Der Dartmouth Workshop von 1956 definiert erstmals ein eigenes Forschungsfeld und gibt der Disziplin ihren Namen. Die Vision einer programmierbaren Intelligenz vereint führende Köpfe und markiert den Beginn einer Ära, geprägt von Ehrgeiz, Optimismus und bahnbrechenden Ideen.
Weiterlesen
Teil 13 – In den frühen Nachkriegsjahren verschmelzen biologische Modelle, kybernetische Ideen und elektronische Architektur zu einem neuen Verständnis von Intelligenz. McCulloch, Pitts, Wiener und von Neumann schaffen die Grundlagen, auf denen moderne KI Systeme technisch und theoretisch aufbauen.
Weiterlesen
Kontakt
Leichte Sprache
crossmenu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram