071 - Digitale Barrierefreiheit mit Tobias Roppelt

00:00:00: Heute zu Gast im Nördcafé Podcast ist Tobias Roppelt. Mit Tobias habe ich gesprochen über

00:00:06: digitale Barrierefreiheit. Ich habe ihn ausgefragt, welche Tippse hat damit du deine eigene Website

00:00:11: Barriereärme gestalten kannst. Wir haben darüber gesprochen, was die WCAG-Richtlinien sind,

00:00:17: warum die wichtig sind. Wir haben gesprochen über das Barrierefreiheit-Stärkungsgesetz,

00:00:22: das ja demnächst schon in Kraft tritt. Und wir haben darüber gesprochen, wie eigene digitale

00:00:28: Inhalte barriereärme umgesetzt werden können und warum das wirklich wichtig ist und allen Menschen

00:00:34: hilft. Ich wünsche dir ganz viel Spaß mit der Podcast-Episode.

00:00:38: Moin aus Hamburg und herzlich willkommen im Nördcafé Podcast, dem Podcast rund um WordPress,

00:00:50: Hosting, CMS und Web. Dein Host Johannes Meierhofer ist Experte und Trainer für WordPress. Mit diesem

00:00:57: Podcast möchte Johannes dir dabei helfen, WordPress besser zu verstehen und anzuwenden. Aber auch

00:01:04: bei allen anderen Themen, die dich interessieren, wenn du mit einem eigenen Webseiten-Projekt

00:01:08: starten möchtest. Und jetzt wünsche ich dir ganz viel Spaß mit der Podcast-Episode.

00:01:13: Heute habe ich mir wieder einen Experten eingeladen und zwar diesmal zu Gast ist Tobias Roppelt.

00:01:19: Tobias ist gemeinsam mit Nina Jameson, Gründer und Ehnhaber der Gehirngerecht Digital GmbH

00:01:25: und die beiden machen durch Trainings und konkrete Umsetzung das Internet barriereärme. Wir haben

00:01:30: uns kennengelernt durch den Rheinberg-Verlag und durch LinkedIn. Bei LinkedIn seid ihr, sind die

00:01:36: beiden, also Tobias und Nina, nämlich sehr aktiv und geben auch dort regelmäßig guten Content und

00:01:41: viele Tipps weiter Anleitungen und Hinweise, wie ihr das Internet und eure Social-Media-Inhalte

00:01:49: barriereärme gestalten könnt. Wird gehirngerecht, haben sie das Nerdcafe Live auch im Themenmonat

00:01:56: Digitale Barrierefreiheit unterstützt und jetzt freut es mich besonders, dass Tobias hier im

00:02:02: Nerdcafe Podcast zu Gast ist. Und wenn du die letzte Folge noch nicht gehört hast, würde ich dir jetzt

00:02:08: empfehlen, da noch mal reinzuhören, denn Tobias und Nina unterstützen den Nerdcafe Podcast in

00:02:13: diesem Jahr tatsächlich das ganze Jahr über und was sie uns dabei ausgedacht haben und warum

00:02:18: die beiden das tun, habe ich in der letzten Episode erzählt. Tobias, jetzt geht es schon los, habe ich

00:02:25: irgendwas vergessen von euch, von dir. Hey Johannes, ja, freut mich erstmal hier zu sein. Vielen

00:02:32: lieben Dank für die Einladung und spontan würde ich sagen, nee, du hast nichts vergessen. Vielen

00:02:36: Dank für diese schöne Einführung und ich freue mich mit dir heute über Digitale Barrierefreiheit

00:02:43: reden zu können und ein bisschen die Leute vielleicht noch mehr darüber aufzuklären,

00:02:48: warum dieses Thema wichtig ist und warum es jetzt besonders der richtige Zeitpunkt ist, sich auch

00:02:53: drum zu kümmern, ihre Webseiten barrierefrei zu machen. Ja, finde ich auch ein tolles Thema.

00:02:58: Bevor wir in das Barrierefreiheitsthema reingehen, noch eine ganz andere Frage,

00:03:04: denn der Nerdcafe Podcast soll ja wachsen und ich habe da ganz konkrete Ziele, weiß nicht,

00:03:11: ob dir fest ein Flauschig versagt, es ist ein kleiner, mittelgroßer Podcast. Dort gibt es zwei

00:03:18: Hosts, die haben so einen Trick angewandt und zwar haben die eine Playlist, wo sie immer Lieder

00:03:23: reinlegen und ich glaube, dass das ein guter Hebel ist, um einfach auch den Nerdcafe Podcast sehr,

00:03:28: sehr groß werden zu lassen und dachte mir, das mache ich auch und habe deswegen auch eine

00:03:33: Playlist organisiert, die heißt Nerds and Coffee Playlist und jeder Experte, jede Expertin,

00:03:38: die hier es darf, da ein Lied reinlegen und ich selber mache das auch. Deswegen ist es so eine

00:03:43: blockere Einstiegsfrage an dich. Hast du ein Lied, das dich in den letzten Jahren oder Wochen oder

00:03:50: Monaten begleitet hat, ein Lieblingslied vielleicht oder ein Lied, was dich beschäftigt,

00:03:56: irgendein Lied, was du hier reinlegen möchtest? Ja, ganz, ganz schlimme Frage nach Liedern. Ich

00:04:03: höre sehr viele deutsche Musik tatsächlich und immer die Frage nach Liedern, da witz mir, da

00:04:10: quinte ich innerlich immer so ein bisschen, weil ich ganz viele Lieder höre, die ich nicht der

00:04:14: Öffentlichkeit präsentieren möchte. Aber tatsächlich habe ich eine Band, die ich in dem

00:04:19: letzten Jahr sehr, sehr, sehr viel und sehr oft gehört habe. Das ist eine Indie-Band aus Berlin.

00:04:26: Ich weiß gar nicht mehr tatsächlich, ob die noch aktiv sind. Ich glaube, die Lieder sind die letzten

00:04:30: von 2017/2018. Die heißen "Easter" und es war auch ein Vorschlag, der mir Spotify einfach gegeben hat.

00:04:37: Und das Lied, das sehr, sehr oft in "Repeat Leaf" hieß "A Kind of Fruit" bei mir. Und das einfach,

00:04:44: ich weiß auch nicht warum, aber das Lied hat mich irgendwie sehr geketzt und von der Art und Weise,

00:04:51: wie sie singt und ist mehr auch teilweise eher sprechgesang und auch viel von der, es ist ein

00:04:58: bisschen weird, aber es ist trotzdem, er hat mich auf jeden Fall sehr, sehr bewegt anscheinend und

00:05:05: ist sehr, sehr oft auf und abgelaufen in meiner Playlist dieses Jahr. Das klingt aber jetzt so gar

00:05:10: nicht nach Deutsch-Web, muss ich sagen. Ja, also tatsächlich muss ich da sagen, ich bin super

00:05:15: happy mit Spotify, weil die mir immer wieder irgendwelche anderen Lieder mal vorschlagen,

00:05:21: als ich höre sehr gerne in meinen mixten Woche und da werden mir immer wieder irgendwelche

00:05:25: anderen Bands mal reingedroppt, die ich dann mal reinhöre und ab und zu finde ich eine Perle,

00:05:30: die ich dann immer wieder, wo ich dann suchte, auch diese eine Band und dann ganz viel von

00:05:35: denen höre eine ganze Weile lang, das auch gar nichts mit meinem normalen Genre-Geschmack zu tun

00:05:40: hat. Deswegen finde ich es ganz, ganz cool, dass diese Vorschläge echt da sind und da mal ein

00:05:45: bisschen meinen Musikgeschmack zu erweitern. Es gibt da auch diese Mixtapes, eins bis sechs. Und das

00:05:51: mache ich auch manchmal, weil ich finde den, muss man echt mal sagen, der Spotify-Algorithmus. Der ist

00:05:56: so geil, wenn man so Musiker fiend ist. Ich habe so viele coole Bands da kennengelernt über das,

00:06:01: was du gesagt hast, aber auch diese Mixtapes. Da sind so oft neue Künstler*innen drin.

00:06:08: Ich finde ich wirklich richtig cool. Absolut, ja, definitiv kann ich auch nur so unterschreiben.

00:06:14: Herr Schau, weil du es jetzt nicht machst, leg ich ein deutscher Rap-Lied rein. Und zwar von Fiver MC,

00:06:21: die kenn ich noch aus München. Ich komme ja aus München ursprünglich. Bin hier in Hamburg

00:06:26: übergesiedelt während der Pandemie. Und der Song heißt "Die Stadt gehört wieder mir" und der passt

00:06:33: auch wunderbar dazu, weil der mit Stadtliebe zu tun hat und ich beide Städte wirklich sehr, sehr

00:06:38: gerne mag. Cool. Ja, kenn ich auch noch nicht. Wäre ich mir auf jeden Fall danach auch noch mal anhören.

00:06:44: Ja, macht es gerne. Cool, dann lass uns ins Thema einsteigen. Fangen wir an mit einer ganz

00:06:50: einfachen und gleichzeitig komplexen Frage. Was versteht man denn überhaupt unter digitaler

00:06:56: Barrierefreiheit? Was würdest du dazu sagen? Ja, um auch eine einfache Antwort darauf zu geben. Ich

00:07:02: würde ganz kurz gesagt, dass digitale Barrierefreiheit einfach dafür da, um jedem Menschen die

00:07:07: Möglichkeit zu geben, sich am digitalen Leben zu beteiligen, unabhängig seiner körperlichen

00:07:13: und auch geistigen Fähigkeiten. Das ist eben heutzutage nicht allen Menschen möglich. Von der

00:07:19: deutschen Bevölkerung sind 9,4 Prozent, glaube ich, wenn die Zahlen noch stimmt, sind schwer

00:07:26: behindert. Und von diesen Personen ist natürlich nicht jeder Person darauf angewiesen auf digitaler

00:07:31: Barrierefreiheit. Es gibt auch Leute in Rollstuhl, die digital sehr gut klarkommen. Aber nichts

00:07:36: zäste trotz, ist eine große Menge dieser Personen kann das Internet nicht so benutzen. Wie man es

00:07:43: benutzen kann, hätte man keine Einschränkung. Wenn man jetzt zum Beispiel blind ist oder darauf

00:07:49: angewiesen ist, auch so eine Webseite mit einer Tastatur zu bedienen, wer das noch nie probiert

00:07:54: hat, kann gern auf wahrscheinlich jede x-beliebige Webseite gehen und mal versuchen mit der

00:08:00: Tastatur so weit zu kommen, sich auf einem Online-Shop einen Schuh zu kaufen oder bei Amazon

00:08:05: geht es tatsächlich erstaunlicherweise gut schon. Aber wer das einfach mal ausprobieren möchte,

00:08:10: irgendwo hinzugehen und mit seiner Tastatur mal loszulegen, wird relativ schnell merken,

00:08:15: dass es so einige Barrieren gibt auf die die Person oder auf die man selber stößt, weil man

00:08:20: entweder Sachen gar nicht rausfindet, wo man sich befindet, weil es einen sogenannten Fokuszustand

00:08:25: Elemente nicht gibt. Man gar nicht weiß, ob man jetzt einen Link ausgewählt hat oder sich auf

00:08:30: einem Button befindet und auch, dass man ganze Funktionen einfach nicht mit der Tastatur ausführen

00:08:38: kann. Zum Beispiel in einem Drop-Down-Menü kann man das gar nicht öffnen, das kann man eben nur mit

00:08:43: Hover öffnen, wenn man eine Maus zur Verfügung hat und das sind eben alles Dinge, die den Menschen

00:08:48: jetzt als Barrieren im Weg stehen in der digitalen Welt. Ich glaube Amazon hat einfach gecheckt oder

00:08:56: anders gesagt, ich glaube nicht, dass Jeff Bezos jetzt so ein mega sozialer Typ wäre. Der sagt,

00:09:01: er möchte gerne für Menschen mit Behinderungen was machen, sondern der hat einfach gecheckt,

00:09:06: hey, das ist Geld, das sind Menschen, die würden, die kaufen meine Sachen und deswegen will ich die

00:09:12: erreichen. Profokante Aussage, aber definitiv ist auf jeden Fall ein Teil, wenn man davon, selbst

00:09:21: allein, wenn man nicht von 10 Prozent rechnet, also diese 10 Prozent von Menschen mit schwer

00:09:24: Behinderungen sind auch wirklich nur das Kernthema der Barrierefreiheit. Man behauptet ihr auch,

00:09:30: dass es 10 Prozent gibt, für die es notwendig ist, beziehungsweise für die es unerlässlich ist,

00:09:35: 30 Prozent für die es notwendig ist und 100 Prozent für die es hilfreich ist. Also man kann

00:09:40: definitiv mit Barrierefreiheit die komplette User Experience für alle Menschen besser machen,

00:09:45: habe ich gleich auch noch ein Beispiel, wenn es euch interessiert oder dich interessiert, Johannes.

00:09:49: Aber unabhängig, also ja, wenn man das schon sieht, selbst wenn man es runterrechnen würde,

00:09:56: selbst wenn man sagen würde, man hätte nur 3 Prozent der Leute oder 4 Prozent der Leute,

00:10:00: die man jetzt mehr erreicht durch Barrierefreiheit, Leute stecken wahnsinnig viel Geld, besonders

00:10:05: große Firmen stecken wahnsinnig viel Geld in den Reconversion Rate Optimierung und versuchen

00:10:09: auch nur 0,2 Prozent, 0,3 Prozent Uplift zu bekommen auf ihren Webseiten, dass die Leute da um

00:10:16: mehr kaufen und da versenken sie sehr, sehr viel Geld rein und mit Barrierefreiheit hat man,

00:10:21: meiner Meinung nach auch eine Chance, eine große Zielgruppe, wie gesagt, auch wenn man es nur 3

00:10:26: oder 5 Prozent nennt, aber von Menschen zu erreichen, die man auf einen Schlag erreichen kann,

00:10:31: einfach nur, wenn man sich darum kümmert, seine Webseite gut hart im L zu strukturieren und sie

00:10:38: mit teilweise auch recht einfachen Sachen barrierefrei zu kriegen, sodass sie genutzbar sind überhaupt

00:10:45: für Personengruppen, die es jetzt nicht tun können und dadurch einfach, man relativ schnell

00:10:50: eigentlich an neue Kunden rankommen kann, die jetzt schon kaufen würden, aber es einfach nicht

00:10:55: können, weil die Webseite es nicht zulässt. Ich habe da manchmal von meinen Kundinnen die Aussage

00:11:01: gehört, wieso soll ich das tun? Ich habe doch gar keine behinderten Kunden und da finde, also ich finde,

00:11:08: erstens ist es eine krasse Aussage und zweitens, ich habe drei Punkte dafür, zweitens wissen dies

00:11:16: ja wahrscheinlich gar nicht, weil wie kann man das dann rausfinden, ob die eigenen Kunden eine

00:11:21: Behinderung haben und wenn es so sein sollte, ist ja vielleicht genau das der Grund, dass sie

00:11:28: keine Kunden mit Behinderung haben, weil sie halt nicht barrierefrei sind. Genau wie wenn ich sage,

00:11:34: ich werde meine Webseite, würde nicht gefunden, ich brauche keinen Sego machen, weil es ja so ein

00:11:40: Widerspruch in sich. Ja, absolut, ich stimme mich dir voll zu, das genau, dass man kann eben gar nicht

00:11:47: sagen, es ist ein Hennen und Eye Problem, wo hättest du die, hättest du Kunden mit Behinderung,

00:11:53: wären sie überhaupt fähig, deine Webseite zu benutzen, ist auf jeden Fall die eine Sache,

00:11:58: die zweite Sache auch, die du gerade angesprochen hast, das ist natürlich auch super schwierig,

00:12:03: herauszufinden, ob jemand eine Behinderung hat, der deine Webseite benutzt, weil woher sollst

00:12:08: du das wissen? Also es ist so echt auch leider schwierig das zu tun, dass momentan du kannst

00:12:15: vielleicht herausfinden, ob jemand aufgrund von irgendwelchen Tracking, ob jemand mit einer

00:12:19: Tastatur deine Webseite benutzt, aber dann heißt es ja auch nicht unbedingt, dass er immer eine

00:12:23: Tastatur benutzt und darauf angewiesen ist, sondern das ist super, super schwierig, das überhaupt

00:12:27: rauszufinden, was leider in dem Sinne ein bisschen schwierig macht, dass man da halt auch keine schönen

00:12:32: Zahlen herkriegt. Also man kann natürlich jetzt versuchen und ich hoffe, dass machen immer mehr

00:12:37: Leute, dass sie sagen, ich habe meine Webseite jetzt barrierefrei gemacht, besonders die großen

00:12:41: Firmen und dadurch habe ich einen Uplift von X und Y in meiner Conversion Rate, damit man mehr

00:12:46: härtere Zahlen hat, um das auch beweisen zu können, was man hier immer erzählt, dass es hilft und

00:12:52: dass es positiven Effekt bringt. Gibt es leider noch zu wenig Zahlen dafür, aber unter anderem eben

00:12:58: auch, weil es auch sehr, sehr schwierig ist, um jetzt nachzuweisen, dass die Leute, wenn Leute

00:13:03: mehr auf deine Webseite kommen oder mehr kaufen, ob das jetzt unbedingt Menschen mit Behinderung

00:13:07: sind oder nicht. Deswegen ist das leider, ich wünschte mir manchmal, man könnte es besser

00:13:11: tracken, damit man das halt auch mit besseren Zahlen nachweisen kommt. Es gibt schon, sorry,

00:13:18: ich würde kurz einhaken, aber sag mal, ich den Satz zu Ende. Es gibt schon einen schönen,

00:13:25: jetzt habe ich einen Moment, es gibt für SEO, gibt es schon einen schönen Bericht von Accessibility

00:13:35: Checker und Sam Rush, glaube ich, zusammen. Die haben so eine Studie gemacht, warum Barrierefreiheit

00:13:42: auf jeden Fall ein Uplift auch in SEO bringt und haben da eben auch mehr oder weniger gute belegbare

00:13:47: Zahlen dafür gefunden. Somit sind ein paar Steps auch immer mal wieder, sieht man ein paar Zahlen,

00:13:53: die etwas beweisen wollen oder teilweise auch etwas beweisen können, aber so einen wirklichen

00:13:58: Conversion Rate, wir haben mehr Geld verdient dadurch, dass wir es barrierefrei gemacht haben,

00:14:02: gibt es leider noch nicht, aber da bin ich mir sicher, das wird auch hoffentlich im Laufe des

00:14:06: nächsten Jahres ein paar Sachen dazu kippen. Ich habe da auch noch mal was, weil man sagt ja

00:14:11: auch Google ist der blindeste User und wenn ich für Google meine Inhalte optimiere mit dem

00:14:15: zwei-Sende-Prinzip, da würde ich gleich als nächsten Themenblock drüber sprechen, ist ja auch klar,

00:14:20: dass man damit besser gefunden wird. Mein Ansatz aber ist nochmal zu dem Thema Behinderungen,

00:14:27: das Barrierefreiheitsthema da rauszuholen, weil da tatsächlich werden nur circa 3-5 Prozent der

00:14:35: Menschen, die eine Behinderung haben, auch damit geboren. Die restlichen passieren durch Unfälle,

00:14:41: durch das Leben einfach, durch das Alter ja auch, dass man immer schlechter sieht oder einfach

00:14:47: irgendwas passiert, wodurch man dann eine Behinderung erwirbt. Aber eigentlich ist das Thema doch viel

00:14:55: zu groß, um das nur in dieser Nischte zu lassen, weil man ja auch ohne, dass man jetzt einen

00:15:00: Behindertenstatus hat, von der digitalen Barrierefreiheit profitieren kann, wenn man sich Inhalte

00:15:06: vorlesen lassen kann zum Beispiel oder Bilder erklären lassen kann, weil man sie gerade nicht

00:15:13: sieht, weil das Internet gerade schlecht ist, zum Beispiel finde ich einfach, dass es auf dieser

00:15:17: Nischen Babel eigentlich unbedingt raus muss, unabhängig von dem Gesetz, sondern weil es ja allen

00:15:24: auch hilft. Ja das schönste Beispiel habe ich eben, wollte ich vorhin schon sagen, finde ich,

00:15:30: dass es super illustriert, dass das nicht unbedingt ein Feature ist, das gemacht wurde mit dem Gedanken

00:15:38: der Barrierefreiheit, glaube ich zumindest, aber dass das Prinzip der Barrierefreiheit unglaublich

00:15:42: gut widerspiegelt und unglaublich gut widerspiegelt, warum es für alle hilfreich ist, ist, dass es

00:15:48: mittlerweile Apple hat es mit ihrem letzten Update eingeführt auf einem iPhone, dass wenn

00:15:54: jemand eine Sprachnachricht schickt oder wenn mir jemand eine Voice Message hinterlässt auf

00:15:59: meinem Telefon, WhatsApp glaube ich, WhatsApp auch, aber bei denen ist das ein Einmessage und auch

00:16:07: wenn man mich anruft und dann auf den Anruft beantwortet spricht, dass die das automatisch als

00:16:14: Text transkriptieren und das liebe ich dieses Feature, weil ich mir dann nicht mehr die Sprachnachricht

00:16:19: anhören muss, sondern direkt in Textform sehe, was gesagt wurde, was super hilfreich ist, weil ich

00:16:26: eh nie dazu komme mir Sprachnachricht anzuhören und wenn ich dazu komme und die Sprachnachricht

00:16:31: fünf Minuten geht, dann habe ich in Minute vier schon wieder vergessen, weil es in Minute eins

00:16:35: gesagt wurde und wenn ich das dann als Text da habe, ist das einfach ein Traum, ist das einfach so

00:16:41: gutes Feature, das sie sich da überlegt haben, zumindest für mich und der Spiegeltheit, wie du

00:16:46: gerade schon gesagt hast, das Thema zwei Sinne Prinzip auch super gut wieder, weil genau das ist

00:16:51: ein Kernprinzip der Barrierefreiheit zu sagen, man sollte Inhalte auf mehr als einen Sinn

00:16:56: wahrnehmen können und wenn ich eben nicht dazu kommen kann, ob ich es jetzt nicht kann oder

00:17:01: ob ich einfach aus Umständen in meinem Umfeld nicht dazu komme, dass ich jetzt mir diese

00:17:07: Sprachnachricht anhören kann, dann kann ich sie mir durchlesen und das ist einfach schön zu sehen,

00:17:12: dass es A) für Menschen, die eine Behinderung haben, denen hilft es, die das nicht hören können,

00:17:17: diese Audio Datei, aber eben auch Menschen wie ich, die zwar hören können, aber aus anderen

00:17:23: Wegen nicht dazu kommen, denen hilft es auch ziemlich sehr, weil ich mir jetzt einfach die

00:17:28: ganze Sache in Textform durchlesen kann. Ja, wo gibt es da noch andere Beispiele für

00:17:33: das zwei Sinne Prinzip? Was fällt dir noch ein? Andere Beispiele für das zwei Sinne Prinzip,

00:17:39: lasst mich überlegen. Ich hätte noch Bildbeschreibungen. Ja, genau, also du hast allgemein, es ist ja auch,

00:17:46: das ist vielleicht auch so ein Mythos, den ich vielleicht mal aufklären möchte, dass so was

00:17:51: nicht machbar, dass man sowas aus seiner Website nicht machen muss, weil es andere Wege drum herum

00:17:58: gibt, also auf einer, man sieht ab und zu auf Webseiten, dass es Texte gibt und dann drüber ist

00:18:04: so ein Button, dass man sich diese Texte vorlesen lassen kann. Das ist mit Barrierefreiheit im

00:18:11: Hinterkopf gedacht und das ist ja auch ganz cool und da können sich eben Menschen das vorlesen,

00:18:16: aber Menschen, die eine Behinderung haben und darauf angewiesen sind, dass sie sich etwas vorlassen,

00:18:21: lesen müssen auf einer Webseite. Die haben halt selber ihre Assistiven Technologien, die sie dann

00:18:29: einschalten können und die die Inhalte der Webseite vorlesen. So, man, das gibt nicht,

00:18:33: deine Webseite muss nicht alles bereitstellen, wie das dann Content jetzt immer in jeglicher,

00:18:38: unterschiedlich für jegliche, unterschiedliche Sinne aufbereitet werden muss. Es muss nur so sein,

00:18:44: dass diese Inhalte auf andere Art und Weise ausgegeben werden können. So wie du jetzt zum

00:18:51: Beispiel sagst, das ist ein gutes Beispiel von den Bildern auch. Bilder sind eine visuelle Sache.

00:18:55: Ich kann natürlich eine blinde Person nicht sehen, deswegen muss man diese Bilder mit einem

00:19:00: Alternativtext versehen. Diese Alternativtext ist ja aber auch versteckt normalerweise in diesem

00:19:06: Bild und erst wenn ich den mit einem Screen wieder ansteuer, dann wird mir der Text vorgelesen,

00:19:12: der hinterlegt ist und mir damit das Bild beschreibt. Und auch so sollte halt die Webseite

00:19:17: eben die Möglichkeit geben, wenn man jetzt Texte ansteuert, dass ein Screen wieder diese Texte

00:19:22: einem vorlesen lassen kann. Das wäre in dem Sinne schon ausreichend, damit hätte man es über

00:19:26: einen anderen Sinn zugänglich gemacht. Es gibt aber ganz oft und ganz viele Webseiten,

00:19:30: wo eben aus irgendwelchen Gründen der Screen wieder blockiert wird oder es einem nicht

00:19:35: möglich gemacht wird, sich diese Sachen vorlesen zu lassen überhaupt und das ist dann natürlich

00:19:39: ein Problem, weil man dann die Möglichkeit weg nimmt, dass man es für mehrere Sinne zugänglich

00:19:44: macht. Aber man muss jetzt nicht unbedingt alles selber dafür tun auf seiner Webseite, um es

00:19:50: für alle Sinne zugänglich zu tun. Ja, aber gerade bei Texten muss man es ja schon auch so

00:19:54: strukturieren, dass Überschriften halt auch chronologisch sortiert sind mit h1, h2, h3 und

00:20:01: so weiter und Texte auch Text sind. Ich habe jetzt, wüsste ich, wahrscheinlich erschrecken,

00:20:06: aber vielleicht nicht wundern, ich sehe manchmal noch zum Glück selten mittlerweile, aber es gibt

00:20:12: noch Webseiten, die den Text gar nicht als Text haben, sondern einfach als Grafik und das kann

00:20:20: dann auch der Screen wieder nicht mehr erkennen, weil es halt ein Bild ist. Das ist erschreckend,

00:20:24: dass es das noch gibt, aber es gibt es noch. Boah, ja, ich, man hat eine große Baumarkette,

00:20:33: der hat sich bei uns gemeldet vor einigen Wochen und die haben uns ihre Webseite gezeigt,

00:20:38: die sind schon dabei, sie zu verändern, somit alles gut, aber trotzdem alle Überschriften auf

00:20:43: der Webseite waren noch Bilder, das fand ich auch crazy, dass es noch da draußen existiert,

00:20:49: aber ja, das gibt es und natürlich, sowas ist dann auch wieder ein Problem. Wenn diese Texte in

00:20:54: den Bildern drin sind, dann kann man diese Texte natürlich nicht auslesen und damit Texte in

00:20:59: Bildern gibt es sogar einen extra Kriterium dafür in der WC AG an die Standards, die man sich jetzt

00:21:05: halten muss aufgrund der Barrierefreiheit, da ist extra drin, dass Texte auf Bildern eigentlich,

00:21:12: es gibt gewisse Ausnahmen, aber eigentlich nicht existieren sollten, weil es eben nicht nur für

00:21:17: Menschen, die eben blind sind, natürlich, die haben ja eigentlich den Alltext als Alternative,

00:21:24: dafür, deswegen wäre das für die tatsächlich okay, aber Menschen, die Seeprobleme haben und

00:21:29: zum Beispiel Ransummen müssen an einer Webseite oder aus anderen Gründen darauf angewiesen sind,

00:21:35: dass sie die Abstände zwischen dem Buchstaben vergrößern können oder die die Line-Height,

00:21:41: also den Abstand zwischen den Zeilen vergrößern können und so weiter, das kann man mit Text,

00:21:46: der in dem Bild als Pixel drin ist, natürlich nicht machen und deswegen haben wir auch ein Problem

00:21:51: so ein Text zu erkennen. Darum ist es eigentlich etwas, was man vermeiden sollte oder Alternativen

00:21:58: dafür schaffen, dass der Text, haben wir zum Beispiel ein Thema Seeho auch, wir haben das ganz

00:22:03: oft bei unseren Blogpost, dass wir aufgrund von unser Bild ist ja auch oft das Blogpostbild

00:22:09: ranked selbst auf Seeho und deswegen steht da auch der Titel des Blogposts drauf, damit man ihn da

00:22:15: sieht, aber wir haben den Titel des Blogposts dann auch noch mal als Titel drunter stehen, das ist

00:22:21: zwar dann doppelt auf unserer Webseite, aber hau das zwei verschiedenen Gründen seinen Sinn,

00:22:25: warum wir das so gemacht haben, das ist auch legitim, weil wir eine Alternative wieder geschaffen

00:22:29: haben, dass du es nicht darauf angewiesen bist, den Text in dem Bild zu lesen, sondern der Text

00:22:34: steht auch für dich drunter. Und da kann es ja auch sein, dass das Bild aus irgendwelchen technischen

00:22:39: Gründen halt gerade nicht geladen werden kann, weil du vielleicht gerade in der S-Bahn bist oder in

00:22:44: der deutschen Bahn unterwegs und kein gutes Netz hast und dann ist ja auch cool, wenn der Text

00:22:49: noch mal als Text da ist. Das ist auf jeden Fall auch schlechtes Internet und auf jeden Fall auch

00:22:55: eine Sache, wo man lernt mit der Barrierefreiheit zu schätzen, dass viele Sachen auch funktionieren,

00:23:01: wenn das Internet nicht mehr so gut ist.

00:23:02: Morgen aus dem Schnitt und eine ganz kurze Unterbrechung mit einem kleinen Hinweis auf mein

00:23:12: Partner G-Hirngerecht.digital. In den letzten Wochen und Monaten ging es ja hier besonders mit

00:23:18: den ExpertInnen-Episoden ganz oft um digitale Barrierefreiheit. Wenn du jetzt selber ExpertInnen

00:23:25: für digitale Barrierefreiheit werden willst, dann hat G-Hirngerecht.digital jetzt ein super Angebot,

00:23:31: denn im Komplettpaket lernst du alles, was du als Solo-Selbstständiger wissen musst, um

00:23:36: barrierefreie Webseiten zu erstellen. Es gibt einen Kurs, über sechs Module, dauert drei Monate,

00:23:42: da bekommst du ganz viel Input, bekommst Workshops, e-Learnings, eine Community und das Beste ist,

00:23:48: 90% der Kosten können sogar gefördert werden. Guck einfach mal rein auf G-Hirngerecht.digital,

00:23:55: da findest du alle Infos zu diesem coolen Workshop. Und wenn dir dieser Podcast gefällt, dann lasst

00:24:00: mir doch gerne ein Abo da und erzähl deinen Freundinnen davon, denn dann haben noch viel mehr

00:24:05: Menschen die Möglichkeit, WordPress besser zu verstehen und zum ExpertInnen für digitale

00:24:10: Barrierefreiheit zu werden. Danke und schon geht es weiter mit der Episode.

00:24:15: Wir haben jetzt ein paar Mal das Stichwort WCAG gesagt, vielleicht magst du mal den

00:24:21: Hörerinnen, die es noch nicht mit dem Thema sich noch nicht so sehr beschäftigt haben,

00:24:26: Was ist das denn überhaupt?

00:24:27: Ja klar, super gerne.

00:24:29: Also die WCHG sind die Web Content Accessibility Guidelines und das sind Richtlinien, die gibt

00:24:35: es tatsächlich schon sehr lange, die gibt es seit 1995.

00:24:40: Also fast seit Anbeginn des Internets sind die Leute dran, sich darum zu kümmern, wie

00:24:45: man das Internet barrierefrei macht und das hat leider noch nicht so viele Leute bisher

00:24:52: interessiert.

00:24:53: Aber durch das kommende Gesetz jetzt 2025, am 28. Juni, tritt es in Kraft das Barrierefreiheit-Stärkungsgesetz

00:25:01: und es verpflichtet eben die Privatwirtschaft, da zu barrierefrei zu werden.

00:25:05: Und da gibt es ganz viel von, es gibt eine europäische Norm dafür und diese europäische

00:25:11: Norm hat ganz viele Sachen, an die man sich halten muss.

00:25:13: Es ist alles ein bisschen komplex, aber schlussendlich für Webseiten.

00:25:16: Ganz oft sagt man, dass Webseiten WCHG-konform sein müssen, weil vieles auch aus dieser

00:25:22: europäischen Norm dann schlussendlich auf die WCHG-Richtlinien verweist.

00:25:27: Deswegen gibt es eben die WCHG 2.2, an die man sich halten sollte und diese WCHG ist

00:25:35: auch geteilt in drei Level.

00:25:37: Es gibt das Level A, das Level AA und das Level AAA und für die Privatwirtschaft ist

00:25:42: das Level A und AA verpflichtend sozusagen und das sind eben so an die 50 bis 55 Kriterien,

00:25:51: die man sich jetzt halten muss, um seine Webseite barrierefrei zu machen.

00:25:54: Am Anfang kann das ein bisschen viel sein, besonders wenn man sich die WCHG selber anschaut.

00:26:00: Deswegen, wir möchten gerne mal auf unserer Webseite vom Gehirngerecht.digital vorbeischauen.

00:26:05: Da haben wir die WCHG-Kriterien versucht, ein bisschen einfacher zu erklären und sie

00:26:10: zu bebildern, um so einen einfachen Einstieg in das Thema zu bekommen und sich nicht gleich

00:26:16: von Anfang an erschlagen zu lassen von dem, was man sieht, die Bleiwüste, wenn man sich

00:26:22: durch die WCHG-Kriterien so versucht durchzuwühlen.

00:26:26: Verlinken wir natürlich auch in den Schauen uns den Link zu eurer Webseite.

00:26:31: Hättest du jetzt für, sag ich mal, Freiberufler*innen, die vielleicht gar nicht müssen, aber jetzt

00:26:36: nach dem Gespräch merken, hey, ist es ja cool, wenn ich das einfach mache, so ein paar

00:26:42: drei, vier Tipps, wie Sie denn die eigene Webseite Barriere-Erma oder sogar barrierefrei bekommen

00:26:49: können?

00:26:50: Ja, voll gerne.

00:26:52: Nur da, wir kriegen die Frage ja auch ganz oft, was man priorisieren sollte oder wie man

00:26:57: das ganze Ding am besten angehen soll, barrierefrei zu werden.

00:27:01: Das ist ein bisschen schwierig da tatsächlich immer zu sagen, macht das oder macht das

00:27:07: zuerst aus dem Grund, weil ja unterschiedliche Sachen unterschiedlichen Menschen helfen.

00:27:13: Also wenn wir jetzt Untertitel in unsere Videos reinmachen, dann hilft es natürlich Menschen,

00:27:18: die die Videos nicht hören können, wollen wir uns um die Alltexte kümmern, dann hilft

00:27:23: es blinden Menschen, so wie das ist immer super schwierig zu sagen, was hat den meisten

00:27:26: Impact, weil der alles hat eigentlich für unterschiedliche Nutzergruppen einen Impact,

00:27:32: am liebsten würden wir sagen, mach alles sofort.

00:27:34: Aber natürlich ist es etwas schwierig, deswegen die Low-Hanging-Fruits würde ich eher sagen,

00:27:41: von der Einfachheit es umzusetzen und die Einfachheit im Umsetzen ist auf jeden Fall,

00:27:47: dass man seinen Bildern mal Alltexte gibt, weil das kann jeder eigentlich sofort anfangen,

00:27:52: man kann sich direkt einloggen bei WordPress oder sonst wo, aber wenn man es bei WordPress

00:27:56: macht, kann man in seinen Medienbeckern gehen und jeden Text Bild einen Alltext geben, somit

00:28:01: das ist super super schnell gemacht oder auch ohne viel Aufwand gemacht, weil das wirklich

00:28:06: das dauert halt nur ein bisschen Zeit die Alltexte da rein zu schreiben.

00:28:10: Man kann sie mittlerweile auch tatsächlich mit JetGPT und so weiter gut generieren lassen

00:28:15: und die Ergebnisse sind auch sehr sehr gut schon.

00:28:18: Man muss noch ein bisschen aufpassen bei solchen AI-Tools, wenn man das macht, dass die teilweise

00:28:25: sehr lange Alltexte schreiben und deswegen gibt es auch so ein paar Regeln, haben wir

00:28:29: auch einen schönen Blog-Intrag dazu, auf was man bei Alltexte achten soll, wenn man wirklich

00:28:33: gute Alltexte schreiben will, aber an sich kann man sich da auf jeden Fall auch von

00:28:38: KI helfen lassen.

00:28:39: Man sollte nur aufpassen, dass vielleicht, sagen wir mal so, eine Zeile maximal zwei

00:28:45: Zeilen, wenn zwei Zeilen Alltext sogar teilweise sogar schon ein bisschen viel sind, aber so

00:28:49: eine Zeile Alltext sollte man schauen, dass man nicht darüber rauskommt.

00:28:52: Ansonsten eigentlich eine Sache die man leicht umstellen kann, besonders wenn man sich schon

00:28:58: eine skalierbare Webseite aufgebaut hat, egal ob man auch mit Tours wie Elementor oder

00:29:03: sonstiges arbeitet, sollte das, wenn man es gut gemacht hat, von Anfang an kein Problem

00:29:07: sein, dass Kontraste auf einer Webseite oft ein Problem sind und man kann ja die Farben

00:29:13: in seiner Webseite normalerweise relativ schnell umstellen.

00:29:16: Da also von der Einfachheit es umzustellen, damit die Kontraste erreicht werden, ist es

00:29:24: eigentlich nur ein paar Sekunden, wenn man es so sehen will oder sagen wir fünf Minuten.

00:29:28: Tatsächlich ist da mehr die Diskussion, ja aber meine Brand sieht so aus und ich will

00:29:32: meine Brand nicht ändern und so weiter und so fort.

00:29:35: Da hat man ganz viele Diskussionen im Vornherein um so was umzustellen, schlussendlich.

00:29:39: Aber das wäre eigentlich von der Einfachheit, wie man es umsetzen könnte, dass man einfach

00:29:44: die Farben umstellt, auch relativ einfach zu lösen auf einer Webseite.

00:29:49: Untertitel irgendwo einzufügen ist eigentlich auch relativ easy.

00:29:53: Es gibt super viele schöne Tools, wir nutzen das Tool, das heißt Descript, da laden wir

00:29:58: unser Video hoch, das stellt uns ein Untertitel dafür.

00:30:01: Es ist auch, zwar ist es ein englisches Tool, aber trotzdem auch der deutsche Untertitel,

00:30:05: der generiert wird, ist echt super.

00:30:07: Können wir gar nicht sagen, schauen wir ein paar mal drüber, machen zwei, drei komplizierte

00:30:11: Wörter, hat er vielleicht manchmal ein Problem, aber auch da, der lernt tatsächlich mit.

00:30:15: Am Anfang hat er Probleme gehabt mit dem Wortbarrierefreiheitsschirkkungsgesetz bei uns.

00:30:19: Ist auch ein geiles Wort für das Gesetz.

00:30:23: Definitiv ist sehr barrierefrei das Wort.

00:30:26: Aber das hat er mittlerweile auch raus.

00:30:29: Der lernt echt auch so ein bisschen mit dem, wenn er unsere Video oder vielleicht wird

00:30:33: er einfach so arbeiten, die dran und das Ding wird einfach so besser, keine Ahnung.

00:30:36: Aber auf jeden Fall müssen wir da relativ wenig nacharbeiten, so mit Untertitel zu

00:30:41: stellen, dass auf jeden Fall auch etwas, was man einfach und schnell machen kann.

00:30:46: Ansonsten gibt es wirklich so Kleinigkeiten, wie es gibt das Kriterium, das sagt, dass

00:30:54: eure Links am besten, das heißt Links im Kontext sollten sprechen sein.

00:31:01: Also eigentlich, wenn ihr so Links habt, wie mehr erfahren oder hier klicken, das sind

00:31:06: leere Links eigentlich, die haben keine Bedeutung, wenn man nicht den Kontext des Links weiß.

00:31:12: Besser wäre es solche Links um zu benennen in zur Produktseite, zur Startseite wie auch

00:31:18: immer, also da, wo die Links wirklich hinführen, damit man auch ohne Kontext verstehen würde,

00:31:24: was diese Links tun.

00:31:26: Das ist aber, dadurch es heißt eben Links im Kontext, es ist erlaubt, wenn die Überschrift

00:31:31: darüber, da steht Services und dann kommen vielleicht ein paar Texte dazu und dann gibt's

00:31:38: einen Button, der heißt mehr erfahren, so ist jetzt nicht der schönste Button, ich würde

00:31:42: ihn immer noch umnennen zu den Services.

00:31:45: Trotzdem im Kontext wäre er immer noch erlaubt, ihn so zu haben, aber das sind halt alles so

00:31:53: Feinheiten über die dann auch in der WCH man viel, viel findet über diese Feinheiten,

00:32:00: aber ich würde empfehlen, dass ihr eure Links alle zu sprechen und Links macht, wo es geht,

00:32:04: damit helft ihr halt den Leuten auch viel besser eure Webseite zu verstehen.

00:32:09: Kompliziertere Sachen oder das was den meisten Leuten Kopf zerbrechen macht ist tatsächlich

00:32:14: die Tastatursteuerung überall reinzukriegen, das was wir eben vorhin gesehen haben, das

00:32:18: oder wo ich vorhin schon darüber gesprochen habe, dass ihr eure Dropdown Menüs und so

00:32:27: weiter, soweit kriegen müsst, dass man auch mit der Tastatur diese Sachen bedienen kann.

00:32:33: Das ist manchmal das was den Leuten ein bisschen mehr Kopfzerbrechen bereitet, je nachdem

00:32:38: wie sie ihre Webseite gebaut haben, was für ein Tool sie es gebaut haben, weil es manchmal

00:32:43: auch von den Tools Einschränkungen gibt und wenn man dann selber nicht weiß, wie man

00:32:49: das selber umprogrammiert oder anders macht, kann das ganz schnell dazu führen, dass man

00:32:54: Probleme auf seiner Webseite hat, dass sie barrierefrei zu kriegen ohne technisches

00:32:59: Know-how.

00:33:00: Tobias, ich muss ja einen ganz kurzen Rat machen, weil hier meine Tür irgendwie stört sich,

00:33:07: sorry ganz kurz.

00:33:08: Kein Problem.

00:33:09: [Klopfen]

00:33:10: [Klopfen]

00:33:33: [Klopfen]

00:33:59: [Klopfen]

00:34:21: [Klopfen]

00:34:32: [Klopfen]

00:35:01: [Klopfen]

00:35:21: [Klopfen]

00:35:48: [Klopfen]

00:35:57: [Klopfen]

00:36:17: [Klopfen]

00:36:43: [Klopfen]

00:37:06: [Klopfen]

00:37:26: [Klopfen]

00:37:52: [Klopfen]

00:38:00: [Klopfen]

00:38:12: [Klopfen]

00:38:32: [Klopfen]

00:38:47: [Klopfen]

00:39:16: [Klopfen]

00:39:26: [Klopfen]

00:39:36: [Klopfen]

00:39:56: [Klopfen]

00:40:06: [Klopfen]

00:40:16: [Klopfen]

00:40:36: [Klopfen]

00:40:56: [Klopfen]

00:41:16: [Klopfen]

00:41:44: [Klopfen]

00:41:54: [Klopfen]

00:42:04: [Klopfen]

00:42:24: [Klopfen]

00:42:44: [Klopfen]

00:42:54: [Klopfen]

00:43:04: [Klopfen]

00:43:24: [Klopfen]

00:43:52: [Klopfen]

00:44:02: [Klopfen]

00:44:12: [Klopfen]

00:44:20: [Klopfen]

00:44:30: [Klopfen]

00:44:40: [Klopfen]

00:45:00: [Klopfen]

00:45:10: [Klopfen]

00:45:20: [Klopfen]

00:45:30: [Klopfen]

00:45:40: [Klopfen]

00:45:50: [Klopfen]

00:46:00: [Klopfen]

00:46:20: [Klopfen]

00:46:30: [Klopfen]

00:46:40: [Klopfen]

00:47:00: [Klopfen]

00:47:20: [Klopfen]

00:47:40: [Klopfen]

00:48:00: [Klopfen]

00:48:10: [Klopfen]

00:48:38: [Klopfen]

00:48:48: [Musik]

00:48:50: (Ruhige Musik)