[ { "start": 10.576, "end": 13.476, "text": "Hi Leute, ich bin Feli. Ich darf hier heute noch meinen Podcast machen," }, { "start": 13.696, "end": 17.236, "text": "bevor ich aus dem Prototype van Dyck bin. Also ihr hört hier zum letzten Mal meine Stimme." }, { "start": 18.316, "end": 20.496, "text": "Ich will mich bei allen bedanken, die mir viel zugehört haben," }, { "start": 20.616, "end": 22.896, "text": "die sich über meine Stimme gefreut haben. Mir hat es sehr viel Spaß gemacht." }, { "start": 24.276, "end": 27.996, "text": "Aber ich lese jetzt hier auch eigentlich ein Intro vor. Und wir reden heute" }, { "start": 27.996, "end": 31.296, "text": "mit Maya Benke, die extern bei der Agentur Allquartzer Beautiful arbeitet." }, { "start": 31.816, "end": 35.216, "text": "Ja, hi, schön, dass ihr mich eingeladen habt. Ich bin Maya Benke," }, { "start": 35.336, "end": 40.116, "text": "komme aus Berlin, Ich bin Prüferin und Beraterin für digitale Barrierefreiheit," }, { "start": 40.716, "end": 46.896, "text": "bin eine Externe von ACB und bin seit 2015 auch Mitglied in der WordPress-Community," }, { "start": 47.536, "end": 51.056, "text": "im Barrierefreiheitsteam und bin auch Webdesignerin," }, { "start": 51.976, "end": 54.656, "text": "aber dann natürlich auch immer Spezialisierung auf Barrierefreiheit." }, { "start": 55.636, "end": 57.496, "text": "Hi Maja, schön, dass du da bist." }, { "start": 57.776, "end": 58.016, "text": "Danke." }, { "start": 58.716, "end": 62.036, "text": "Die Berliner Agentur All-Kurzabjurifur spezialisiert sich auf die nachhaltige," }, { "start": 62.676, "end": 66.636, "text": "und barrierefreie Weiterentwicklung von Webseiten und hat schon für Kunden wie" }, { "start": 66.636, "end": 68.096, "text": "Wikimedia Deutschland oder die Helm-Holz-Gesellschaft gearbeitet." }, { "start": 70.176, "end": 74.556, "text": "ACB hat den ProType-Fund dabei beraten, unsere Webseitenbarriere freizumachen" }, { "start": 74.556, "end": 77.836, "text": "und hat uns oftmals die Augen für die digitale Barrieren geöffnet," }, { "start": 78.076, "end": 79.756, "text": "die wir sonst übersehen hätten." }, { "start": 80.716, "end": 85.476, "text": "Wir reden heute mit Maya über digitale Barrieren und wie man diese findet und abbaut." }, { "start": 86.396, "end": 89.596, "text": "Wann sprechen wir von einer Barriere und wie sehen die in der digitalen Welt aus?" }, { "start": 89.596, "end": 93.416, "text": "Genau, also Barrieren sind ganz unterschiedlich, weil auch Menschen und Behinderungen" }, { "start": 93.416, "end": 94.436, "text": "ganz unterschiedlich sind." }, { "start": 95.256, "end": 98.556, "text": "Das kann zum Beispiel für Menschen, die im kognitiven Spektrum sind," }, { "start": 99.076, "end": 103.076, "text": "eine visuelle Überstimulierung sein, zum Beispiel wenn Bewegungen vorhanden" }, { "start": 103.076, "end": 107.836, "text": "sind, die man nicht stoppen oder kontrollieren kann, oder auch Audios," }, { "start": 107.876, "end": 109.136, "text": "die sie von alleine angehen." }, { "start": 109.576, "end": 114.136, "text": "Dinge, die zum Beispiel einfach sehr ablenken, oder Dinge, die nicht vernünftig" }, { "start": 114.136, "end": 116.136, "text": "erklärt sind, oder auch sehr starke Kontraste." }, { "start": 116.896, "end": 120.816, "text": "Für blinde Menschen kann das zum Beispiel sein, dass deren Screenreader nicht" }, { "start": 120.816, "end": 124.196, "text": "die Seite richtig bedienen kann, weil Dinge nicht richtig ausgezeichnet sind" }, { "start": 124.196, "end": 128.276, "text": "und formatiert sind für Screenreader oder generell eine normale Somantik haben," }, { "start": 128.376, "end": 131.516, "text": "wo Screenreader dann sich quasi drauf docken können und das vorlesen können." }, { "start": 132.276, "end": 137.316, "text": "Das kann aber zum Beispiel auch sein, wenn die Sprache und Texte zu schwierig" }, { "start": 137.316, "end": 140.596, "text": "sind, um sie zu lesen für Menschen, die vielleicht einfach, sag ich mal," }, { "start": 140.616, "end": 144.576, "text": "nicht Muttersprachler sind oder vielleicht funktionierende Analphabeten und" }, { "start": 144.576, "end": 146.936, "text": "da Probleme haben, das zu lesen oder vielleicht auch z.B." }, { "start": 147.876, "end": 151.216, "text": "Taube Menschen, die haben als Muttersprache die Gebärdensprache und nicht," }, { "start": 151.909, "end": 155.869, "text": "Deutsch und damit ist Text halt auch schwieriger zu lesen und deswegen wäre" }, { "start": 155.869, "end": 159.369, "text": "es auch gut eine Gebärdensprachdolmetscherung zum Beispiel zu haben." }, { "start": 159.869, "end": 163.689, "text": "Okay, dann wäre meine nächste Frage, warum es diese Barrieren überhaupt gibt" }, { "start": 163.689, "end": 165.809, "text": "und wieso es wichtig ist, diese abzubauen." }, { "start": 166.029, "end": 169.609, "text": "Also in der Regel gibt es sie, weil Menschen, die Webseiten bauen," }, { "start": 169.929, "end": 172.969, "text": "sich häufig damit nicht auseinandergesetzt haben und davon einfach nichts wissen." }, { "start": 173.109, "end": 176.569, "text": "Es ist nicht unbedingt in unserem alltäglichen Leben, dass wir auch Menschen" }, { "start": 176.569, "end": 179.749, "text": "mit Behinderungen treffen, weil sie leider immer noch sehr stark auch explodiert" }, { "start": 179.749, "end": 183.589, "text": "sind in der in der Gesellschaft und deswegen machen sich viele gar keine Gedanken" }, { "start": 183.589, "end": 187.469, "text": "darüber und wissen schlichtweg zu wenig darüber und das liegt leider auch daran," }, { "start": 187.629, "end": 190.809, "text": "dass sich wir in der Ausbildung, wenn man diesen Job lernt, diese Bereiche lernt," }, { "start": 190.869, "end": 191.549, "text": "zum Beispiel Entwicklung," }, { "start": 191.729, "end": 195.729, "text": "auch Design, Redaktion, Inhalte schreiben, dass das ganz oft gar nicht vorkommt." }, { "start": 195.909, "end": 200.149, "text": "Also das Wissen ist zwar irgendwie da, aber nicht bei den Menschen," }, { "start": 200.409, "end": 206.209, "text": "die es dann umsetzen und auch das Bewusstsein dafür ist ganz häufig nicht da" }, { "start": 206.209, "end": 209.709, "text": "und ich erlebe das oft, wenn ich mit Menschen darüber rede und auch bestimmte" }, { "start": 209.709, "end": 213.489, "text": "Barrieren erkläre, zum Beispiel die Verwendung von Farben und dass Menschen" }, { "start": 213.489, "end": 214.509, "text": "farbenblind sein können," }, { "start": 215.169, "end": 218.329, "text": "dann kommt ganz oft, ja Mensch, darüber habe ich noch nie nachgedacht," }, { "start": 218.449, "end": 222.289, "text": "aber ich kenne hier Personen einfügen, die farbenblind ist und haben dann vielleicht" }, { "start": 222.289, "end": 223.329, "text": "auch noch eine Anekdote," }, { "start": 223.649, "end": 228.369, "text": "haben das aber ganz oft gar nicht mit ihrem Design in Verbindung gebracht und" }, { "start": 228.369, "end": 232.289, "text": "das glaube ich, da liegt das große Problem, dass einfach nicht genug Bewusstsein" }, { "start": 232.289, "end": 238.549, "text": "und wissen bei den Menschen ist, die das umsetzen, was aber auch nicht unbedingt deren Schuld ist." }, { "start": 238.929, "end": 242.169, "text": "Ja, voll. Ich glaube, ich bin da selber auch ein Fall von. Ich habe auch Leute" }, { "start": 242.169, "end": 245.009, "text": "in meinem Umfeld, die auf jeden Fall auch Bavarien treffen und da bin ich auch" }, { "start": 245.009, "end": 248.869, "text": "immer so, ja, aber es ist, glaube ich, das Beste, nochmal zu arbeiten." }, { "start": 249.229, "end": 250.109, "text": "Ja, definitiv." }, { "start": 250.289, "end": 254.169, "text": "Voll, sich zu belesen und sich zu belehren. Okay, dann komme ich direkt zur nächsten Frage." }, { "start": 255.149, "end": 258.729, "text": "Und es wäre, dass es bisher zwei bekannte Richtlinien in Deutschland gibt," }, { "start": 258.849, "end": 264.069, "text": "das wäre die BTV und die kannst du uns und unseren ZuhörerInnen einen Überblick" }, { "start": 264.069, "end": 267.249, "text": "über diese geben und erläutern, worin sie sich unterscheiden." }, { "start": 267.789, "end": 271.969, "text": "Genau, also die WCAG sind die internationalen Richtlinien, die definiert," }, { "start": 272.149, "end": 274.989, "text": "was bedeutet etwas, das barrierefrei ist." }, { "start": 275.069, "end": 279.469, "text": "Also es gibt eine Definition, wie sind Dinge oder wie müssen sie gemacht sein," }, { "start": 279.569, "end": 281.029, "text": "damit sie als barrierefrei gelten." }, { "start": 281.189, "end": 285.089, "text": "Da gibt es auch unterschiedliche Levels, das nennt sich Level A," }, { "start": 285.309, "end": 287.349, "text": "Level Doppel A und Level Dreifach A." }, { "start": 288.063, "end": 294.083, "text": "In der Regel orientieren wir uns an dem AAA. Und das ist quasi im internationalen Bereich." }, { "start": 294.343, "end": 298.963, "text": "Und dann gibt es in Deutschland die BETV, und die basiert auf WCAG," }, { "start": 299.423, "end": 304.163, "text": "haben aber zusätzlich noch weitere Prüfschritte, die auf der europäischen Norm" }, { "start": 304.163, "end": 309.483, "text": "basieren, was die 2016 2102 ist." }, { "start": 309.743, "end": 313.123, "text": "Und das ist nämlich auf der EU-Ebene eine Richtlinie, die sagt," }, { "start": 313.243, "end": 315.063, "text": "dass die WCAG umgesetzt werden muss." }, { "start": 315.903, "end": 318.603, "text": "Es sind auch weitere Punkte mit dazu gekommen. und in Deutschland ist daraus" }, { "start": 318.603, "end": 323.083, "text": "die BETV entstanden, genauso wie das Behindertengleichstellungsgesetz BGG." }, { "start": 324.043, "end": 326.923, "text": "Wo siehst du Potenzial zur Verbesserung der rechtlichen Lage in Deutschland?" }, { "start": 327.343, "end": 330.203, "text": "Soll Barrierefreiheit gesetzlich verpflichtend werden?" }, { "start": 330.823, "end": 335.163, "text": "Fun Fact, sie sind gesetzlich verpflichtend. Im Moment nur für öffentliche Stellen," }, { "start": 335.243, "end": 341.443, "text": "das wird sich im Juni 2025 ändern, weil dann nämlich das Barrierefreiheitsstärkungsgesetz" }, { "start": 341.443, "end": 344.463, "text": "kommt und damit sind alle Webseiten verpflichtet," }, { "start": 345.183, "end": 349.083, "text": "Barrierefreiheit umzusetzen, die Dinge über ihre Webseite verkaufen." }, { "start": 349.403, "end": 352.283, "text": "Also, es wird häufig über Onlineshops gesprochen, die sind damit auch betroffen." }, { "start": 352.983, "end": 356.003, "text": "Es geht aber auch um alle Webseiten, die irgendwas verkaufen." }, { "start": 356.063, "end": 360.143, "text": "Es gibt bestimmte Richtlinien, das hat was mit Mitarbeiterzahlen zu tun oder" }, { "start": 360.143, "end": 363.903, "text": "mit Umsätzen, ob man dazu verpflichtet ist oder nicht." }, { "start": 364.463, "end": 367.423, "text": "Aber auf jeden Fall wird da noch mal ordentlich Rückenwind geben," }, { "start": 367.703, "end": 370.163, "text": "2025, dass Barrierefreiheit verpflichtend wird." }, { "start": 371.043, "end": 375.803, "text": "Ich würde sagen, ab dem Punkt haben wir eine gute rechtliche Grundlage auch." }, { "start": 375.803, "end": 381.223, "text": "Ich finde eher, das Problem ist die Umsetzung und Durchsetzung und das Bewusstsein." }, { "start": 381.423, "end": 384.683, "text": "Es ist nicht so, auch solche beöffentlichten Stellen sind häufig immer noch" }, { "start": 384.683, "end": 387.723, "text": "nicht barrierefrei, obwohl sie das seit 2019 sein müssten." }, { "start": 388.863, "end": 392.043, "text": "Und da gibt es eigentlich auch Stellen, wo man sich dann hinwenden kann und" }, { "start": 392.043, "end": 396.083, "text": "sich beschweren kann. Aber es dauert halt häufig sehr, sehr lange." }, { "start": 396.403, "end": 399.803, "text": "Und auch bestehende Projekte barrierefrei zu machen, ist gar nicht so einfach manchmal." }, { "start": 400.803, "end": 403.983, "text": "Also, ich würde sagen, die rechtliche Grundlage, die wir momentan haben und" }, { "start": 403.983, "end": 407.043, "text": "die dann vor allem in zwei Jahren gelten wird, ist eigentlich ausreichend." }, { "start": 407.363, "end": 410.763, "text": "Wir müssen uns einfach mal umsetzen und durchsetzen und Menschen müssen sich" }, { "start": 410.763, "end": 411.703, "text": "damit einfach auch mehr." }, { "start": 412.955, "end": 416.155, "text": "Also vor allem Menschen, die Webseiten und digitale Produkte erstellen," }, { "start": 416.275, "end": 419.535, "text": "aber auch alle Menschen, die irgendwie im öffentlichen Raum Dinge bauen oder" }, { "start": 419.535, "end": 420.595, "text": "auch die Bahnen zum Beispiel," }, { "start": 420.955, "end": 424.835, "text": "die müssten einfach Dinge auch mal umsetzen und nicht immer nur davon reden," }, { "start": 425.075, "end": 428.195, "text": "dass man, dass ja Barrierefreiheit wichtig wäre oder es einfach ignorieren und" }, { "start": 428.195, "end": 431.575, "text": "auch immer noch das sozusagen besondere Bedürfnisse nennen." }, { "start": 431.675, "end": 435.155, "text": "Ich denke, es sind einfach totale Grundbedürfnisse im Internet zu surfen," }, { "start": 435.235, "end": 437.315, "text": "auf Toilette gehen zu wollen, mit der Bahn fahren zu wollen," }, { "start": 437.455, "end": 440.535, "text": "sind Grundbedürfnisse, das sind keine besonderen Bedürfnisse." }, { "start": 440.535, "end": 445.155, "text": "Und also ich finde, die rechtliche Grundlage ist da, vor allem dann in zwei Jahren." }, { "start": 445.815, "end": 451.415, "text": "Die Umsetzung oder Durchsetzung dieser Gesetze ist auf einem anderen Blatt geschrieben, leider." }, { "start": 452.315, "end": 455.475, "text": "Okay, ja, ich hoffe auch, dass es besser wird. Wir haben ja als ProTAP-Fund," }, { "start": 456.015, "end": 459.575, "text": "auch unser Projekt im Nachhinein barrierefrei gemacht, oder unsere Seite," }, { "start": 459.655, "end": 461.035, "text": "deswegen haben wir uns ja kennengelernt." }, { "start": 461.735, "end": 465.195, "text": "Deswegen weiß ich auch, wovon du sprichst, wenn du sagst, Projekte im Nachhinein" }, { "start": 465.195, "end": 465.975, "text": "barrierefrei zu machen." }, { "start": 466.095, "end": 469.555, "text": "Das ist auf jeden Fall nochmal eine andere Geschichte. Ich kann nur jedem ans" }, { "start": 469.555, "end": 473.115, "text": "Herz legen, fangt von Anfang an Barrierefreiheit mitzudenken." }, { "start": 473.235, "end": 475.075, "text": "Es ist wichtig, es ist richtig." }, { "start": 476.435, "end": 477.535, "text": "Ja, das ist auch einfach nur fair." }, { "start": 478.135, "end": 482.255, "text": "Ja, es ist auch wesentlich weniger Aufwand, das von Anfang an mit zu inkludieren," }, { "start": 482.755, "end": 487.155, "text": "anstatt am Ende Dinge komplett zu ändern, umstrukturieren zu müssen oder zum" }, { "start": 487.155, "end": 490.655, "text": "Beispiel auch das Design ändern zu müssen, wenn Farbkontraste nicht passen." }, { "start": 490.755, "end": 493.495, "text": "Das ist immer gut, wenn man das direkt mit am Anfang auf dem Schirm hat und" }, { "start": 493.495, "end": 494.755, "text": "dann hat man viel weniger Arbeit." }, { "start": 495.095, "end": 498.855, "text": "Voll, voll, voll. Okay, genau." }, { "start": 498.995, "end": 503.015, "text": "Weißt du, auf welche Barriere trifft man am häufigsten im Internet auf Webseiten" }, { "start": 503.015, "end": 507.315, "text": "und welche Fehler kann man leicht vermeiden oder vielleicht auch leichter vermeiden?" }, { "start": 507.915, "end": 512.515, "text": "Ich würde sagen, die häufigste Sache, die ich finde und die man am einfachsten" }, { "start": 512.515, "end": 516.035, "text": "vermeiden könnte, wären die nicht unterstrichenen Links innerhalb von Text." }, { "start": 516.655, "end": 521.015, "text": "Weil 8% aller Männer sind farmblind, bei den Frauen sind es ein bisschen weniger," }, { "start": 521.195, "end": 523.555, "text": "weil das auf dem X-Chromosom und Frauen haben ja zwei davon." }, { "start": 524.795, "end": 528.675, "text": "Und wenn ein Link nicht unterstrichen ist und der umgeben ist vom Text," }, { "start": 528.935, "end": 532.435, "text": "also ich rede nicht über Menü-Links oder so, die müssen nicht immer unterstrichen" }, { "start": 532.435, "end": 536.995, "text": "sein, aber alle Links innerhalb vom Text sollte man immer unterstreichen." }, { "start": 537.115, "end": 538.515, "text": "Und das ist eigentlich der Default." }, { "start": 539.195, "end": 541.935, "text": "Also alle Links sind eigentlich immer unterstrichen mit einem Blau." }, { "start": 542.335, "end": 544.995, "text": "Man muss es quasi ändern, damit sie nicht unterstrichen sind." }, { "start": 545.435, "end": 546.975, "text": "Und damit macht man es weniger barrierefrei." }, { "start": 547.715, "end": 551.335, "text": "Und was ich auch am allerhäufigsten sehe und eine richtig große Barriere ist," }, { "start": 551.335, "end": 553.255, "text": "dass auch der Fokusteil weggenommen wird." }, { "start": 553.415, "end": 558.015, "text": "Das ist eine Outline, also das ist eine Markierung dessen, wenn ich mit der" }, { "start": 558.015, "end": 559.635, "text": "Tastatur über eine Webseite gehe." }, { "start": 560.418, "end": 564.018, "text": "Das zeigt mir an, wo ich bin. Und diese ist auch immer da, sie ist auch immer" }, { "start": 564.018, "end": 565.738, "text": "blau, genau wie die Links im Internet." }, { "start": 566.398, "end": 569.618, "text": "Und sie muss aktiv rausgenommen werden. Und die meisten machen das," }, { "start": 569.698, "end": 572.198, "text": "dass das rausgenommen wird. Und dann weiß ich gar nicht mal, wo ich bin." }, { "start": 573.138, "end": 578.398, "text": "Das seh ich so, so, so, so oft. Und das ist so ein Riesenproblem für Menschen," }, { "start": 578.898, "end": 582.358, "text": "die sehen können und aber eine Form von Assessive Technology verwenden," }, { "start": 582.578, "end": 586.178, "text": "also eine assistive Technologie oder Hilfestellung wie die Tastatur." }, { "start": 586.878, "end": 590.298, "text": "Aber es gibt auch andere, die wissen einfach nicht mehr, wo sie sind und können" }, { "start": 590.298, "end": 591.398, "text": "die Seite gar nicht bedienen." }, { "start": 591.918, "end": 595.358, "text": "Und das wird aktiv rausgenommen. Und so das seh ich sehr häufig leider," }, { "start": 596.038, "end": 600.578, "text": "ähm, Barrierefreiheit für Screenreader ist häufig auch ein Problem." }, { "start": 600.698, "end": 603.558, "text": "Das ist aber auch teilweise schwer zu erreichen." }, { "start": 603.738, "end": 607.718, "text": "Also, man kann ganz viel eigentlich über ganz normales HTML5 machen," }, { "start": 607.758, "end": 608.838, "text": "wenn man das vernünftig macht." }, { "start": 609.178, "end": 613.078, "text": "Und dann gibt's aber so bestimmte Punkte, was nicht so einfach zu erreichen ist." }, { "start": 613.698, "end": 616.858, "text": "Ähm, weil man dann über ARIA arbeiten muss. Und da seh ich aber auch sehr viele" }, { "start": 616.858, "end": 619.638, "text": "Probleme, Das Thema bei ARIA ist nicht ganz so einfach zu verstehen." }, { "start": 620.498, "end": 623.158, "text": "Da kann man auch viel falsch machen. Das ist nicht ganz so simpel," }, { "start": 623.258, "end": 627.358, "text": "aber die simplen Sachen wie Farbkontraste, unterstrichene Links," }, { "start": 628.338, "end": 630.678, "text": "dass der Fokus-Style, der Outline da bleibt." }, { "start": 632.278, "end": 636.318, "text": "Das ist sehr, sehr oft falsch. Das seh ich auch in der freien Wildbahn." }, { "start": 636.438, "end": 640.538, "text": "Wenn ich eine Seite nicht aktiv teste, sondern mich im Internet bewege und Sachen" }, { "start": 640.538, "end": 644.398, "text": "mir angucke, zum Beispiel GitHub hat auch keine unterstrichene Links." }, { "start": 644.398, "end": 647.178, "text": "Und es ist so, hey, GitHub, ihr könntet das besser machen." }, { "start": 648.338, "end": 652.138, "text": "Also leider sind es auch sehr, sehr viele große Webseiten, wo man sich vielleicht" }, { "start": 652.138, "end": 654.918, "text": "auch Dinge abguckt, wie ist etwas gut gemacht worden?" }, { "start": 655.378, "end": 659.078, "text": "Dann glaubt man das irgendwie, hey, das ist groß, die können das. Ja, leider auch nicht." }, { "start": 659.418, "end": 663.338, "text": "Das find ich auch problematisch. Weil ja auch kleinere WebdesignerInnen," }, { "start": 663.478, "end": 667.558, "text": "die starten, sich andere große Projekte angucken und das dann einfach übernehmen," }, { "start": 667.718, "end": 670.198, "text": "ohne sich da Gedanken zu machen, weil sie es auch nicht besser wissen." }, { "start": 670.198, "end": 673.958, "text": "Also man hatte auch eine Vorbildfunktion als großes Projekt, würde ich sagen." }, { "start": 675.018, "end": 678.218, "text": "Dann habe ich direkt zwei weiterführende Fragen davon ausgehen." }, { "start": 678.938, "end": 682.158, "text": "Und zwar ist die eine Frage, kannst du einmal erklären, was ARIA ist?" }, { "start": 682.598, "end": 683.358, "text": "Oh, okay." }, { "start": 686.566, "end": 692.886, "text": "Im Prinzip gibt es, also es gibt mittlerweile HTML5. Und da gibt es sogenannte Landmarks." }, { "start": 693.026, "end": 698.646, "text": "Das heißt, wenn ich einen Header-Bereich habe und eine Navigation im Header-Bereich," }, { "start": 699.506, "end": 703.446, "text": "und ich hab den Main-Content, und ich hab zum Beispiel eine Seitenleiste und" }, { "start": 703.446, "end": 706.406, "text": "ich hab einen Footer, dann war das früher, waren das alles Diffs." }, { "start": 706.906, "end": 710.866, "text": "Und dann konnte ich sagen, okay, das ist die Klasse Header, und diese Navigation" }, { "start": 710.866, "end": 716.426, "text": "ist irgendwie die Hauptnavigation über eine Klasse. Und es gab quasi keine eigene Auszeichnung dafür." }, { "start": 716.626, "end": 719.826, "text": "Und mit HTML5 gibt es eigene Auszeichnungen. Das ist dann nicht mein DIV," }, { "start": 719.906, "end": 721.786, "text": "das ist dann tatsächlich Header." }, { "start": 722.486, "end": 726.606, "text": "Also statt DIV ist es ein Header, der aufgemacht wird. Es ist eine Navigation," }, { "start": 726.666, "end": 728.226, "text": "die dann noch spezifiziert werden kann." }, { "start": 728.366, "end": 731.706, "text": "Es ist der Main, es ist Asside, es ist Footer. Also es sind Landmarks." }, { "start": 731.846, "end": 733.446, "text": "Und das sind sogenannte Sprung-Elemente." }, { "start": 734.526, "end": 737.446, "text": "Also ich kann über den Screen wieder sagen, ich möchte in den Header," }, { "start": 737.586, "end": 741.666, "text": "ich möchte in den Main, ich möchte in Asside oder ich möchte in den Footer springen." }, { "start": 741.666, "end": 742.826, "text": "Früher konnte man das nicht." }, { "start": 743.366, "end": 747.686, "text": "Früher konnte man auch andere Dinge nicht, die mittlerweile HTML5 ziemlich gut umsetzen kann." }, { "start": 748.446, "end": 754.846, "text": "Deswegen gibt es eine Zusatzsprache zu HTML, die explizit nur für Screenreader gedacht ist." }, { "start": 755.406, "end": 757.806, "text": "Das nennt sich halt ARIA. Da gibt es so was wie ARIA-hidden." }, { "start": 760.626, "end": 764.446, "text": "Also, wenn man zum Beispiel ein Icon hat, und daneben hat man die Beschriftung." }, { "start": 764.506, "end": 766.286, "text": "Bei einem Facebook-Icon und daneben steht Facebook." }, { "start": 767.366, "end": 770.806, "text": "Dann kann ich das Facebook-Icon zwar einen alternativen Text geben," }, { "start": 771.126, "end": 773.386, "text": "Aber dann habe ich ja zweimal Facebook, Facebook." }, { "start": 773.666, "end": 777.986, "text": "Also für jemanden, der das visuell sieht, das übersieht man quasi einfach," }, { "start": 778.106, "end": 780.486, "text": "aber wenn ich mir das anhören muss, würde ich zweimal Facebook hören," }, { "start": 780.586, "end": 782.066, "text": "was irgendwie nicht so schön ist." }, { "start": 782.566, "end": 786.226, "text": "Das heißt, ich kann das eine Facebook rausnehmen, indem ich das Icon," }, { "start": 786.286, "end": 788.186, "text": "zum Beispiel bei Area Hidden True, ausblende." }, { "start": 788.986, "end": 794.026, "text": "Ähm, ein anderer Use-Case wäre, wenn ich zum Beispiel etwas öffnen und schließen" }, { "start": 794.026, "end": 798.346, "text": "kann über einen Button, zum Beispiel ein Hamburger Menü, also das ist dieses Menü über Mobile." }, { "start": 798.346, "end": 804.286, "text": "Das einfach nur so ein Icon hat oder auch ein Akkordeon, das ist quasi einfach" }, { "start": 804.286, "end": 807.626, "text": "ein versteckter Inhalt hinter, dass man aufklappen kann." }, { "start": 808.186, "end": 812.406, "text": "Dann kann man über Area mit angeben, ist das jetzt geöffnet oder geschlossen." }, { "start": 812.586, "end": 816.346, "text": "Also das ist Expand, nennt man das. Dann gibt es eine Ausgabe mit," }, { "start": 817.209, "end": 819.909, "text": "Also, ist geöffnet oder ist nicht geöffnet, hat sich gerade geöffnet." }, { "start": 820.949, "end": 824.289, "text": "Ähm, genau, aber das ist gar nicht ... Also, dann gibt es noch einen anderen" }, { "start": 824.289, "end": 826.789, "text": "Use-Case, wenn du etwas in den Warenkorb legst." }, { "start": 827.069, "end": 830.569, "text": "Da sieht man als visueller Mensch oder als, ja, jemand, der sehen kann," }, { "start": 830.729, "end": 835.309, "text": "so eine Meldung mit ein Produkt, wurde dem Warenkorb hinzugefügt." }, { "start": 835.429, "end": 838.909, "text": "Und das ist ja eine wichtige Ansage, dass das gerade geklappt hat, was ich gemacht habe." }, { "start": 839.169, "end": 842.109, "text": "Und das liegt häufig über dem Content." }, { "start": 842.249, "end": 845.789, "text": "Das heißt, wenn ich das mit einem Screen wieder mache, dann sehe ich das nicht." }, { "start": 845.789, "end": 849.169, "text": "Und wenn ich dann weiter über die Seite navigiere, dann geh ich ja quasi nach" }, { "start": 849.169, "end": 850.709, "text": "unten und krieg das auch nicht mit." }, { "start": 851.209, "end": 855.069, "text": "Und deswegen gibt es da auch einen Befehl, dass man sagt," }, { "start": 855.729, "end": 860.649, "text": "wenn die Aktion, die du gemacht hast, quasi fertig ist, dann springe in diesen" }, { "start": 860.649, "end": 864.549, "text": "neuen Bereich, das kann man explizit auszeichnen, und lese das vor," }, { "start": 865.089, "end": 866.829, "text": "damit ich das definitiv mitbekomme." }, { "start": 866.909, "end": 869.829, "text": "Das ist so eine Warnmeldung, Hinweis, das kann man auch über ARIA machen." }, { "start": 870.629, "end": 874.589, "text": "Und das Problem ist aber, dass das auch ein bisschen tricky sein kann." }, { "start": 874.589, "end": 877.749, "text": "Also, wenn ich zum Beispiel diese Meldesystem, das sollte halt," }, { "start": 877.869, "end": 881.089, "text": "also, diesen Hinweis, das sollte man auch nur für diesen kleinen Hinweis machen," }, { "start": 881.129, "end": 886.149, "text": "weil wenn man alles der Seite da reinpackt, dann geht die gesamte Semantik dieser Seite verloren." }, { "start": 886.629, "end": 891.249, "text": "Weil ARIA, quasi diese Region, das nicht kann. Und, ähm ..." }, { "start": 892.669, "end": 896.589, "text": "Ja, also, das ist mit ARIA ist halt, also, wenn es falsch angewendet wird," }, { "start": 896.769, "end": 898.069, "text": "kann es halt auch mehr kaputt machen." }, { "start": 898.789, "end": 902.409, "text": "Deswegen gibt es so eine ... Also, man sagt so bei ARIA, don't use ARIA when" }, { "start": 902.409, "end": 906.249, "text": "you can use HTML. Also benutze keinen ARIA, wenn du's mit HTML umsetzen kannst." }, { "start": 906.909, "end": 911.209, "text": "Es ist auch lustig, verschiedene Screenreader in verschiedenen Browserkombinationen," }, { "start": 911.749, "end": 915.209, "text": "geben ARIA unterschiedlich aus, unterstützen das teilweise auch unterschiedlich." }, { "start": 916.109, "end": 919.329, "text": "Ja, macht ganz viel Spaß, teilweise das dann zu testen." }, { "start": 920.289, "end": 924.469, "text": "Genau, also das ist im Prinzip ARIA und sollte punktuell da eingesetzt werden," }, { "start": 924.529, "end": 925.769, "text": "wo es dann tatsächlich Sinn macht." }, { "start": 926.129, "end": 929.509, "text": "Ist aber auch nicht ganz so einfach, da durchzublicken und sich das auch anzueignen." }, { "start": 930.703, "end": 933.423, "text": "Ich kenne auch viele, die davon noch nie was gehört haben und Frontend machen." }, { "start": 934.123, "end": 935.983, "text": "Aber ich kenne auch viele, die das durchaus können." }, { "start": 936.483, "end": 939.643, "text": "Aber ich kenne auch welche, die das irgendwie mal gehört haben und dann irgendwie" }, { "start": 939.643, "end": 944.003, "text": "wie so Salzstreuer mäßig irgendwie einsetzen und einmal so rübersprenkeln," }, { "start": 944.203, "end": 947.843, "text": "ein bisschen Area überall, dann ist das barrierefrei. Stimmt halt leider dann auch nicht." }, { "start": 948.663, "end": 951.243, "text": "Okay, aber dafür dann gut, dass du es uns einmal erklärt hast." }, { "start": 951.483, "end": 954.883, "text": "Gerne, dass wir alle schon mal davon gehört haben, weil du ja darauf eingegangen" }, { "start": 954.883, "end": 960.863, "text": "bist, dass viele Menschen die unterstrichenen Links rausnehmen oder die Umrandungen." }, { "start": 961.623, "end": 966.403, "text": "Warum? Warum machen Menschen das? Weil es hübscher aussieht?" }, { "start": 966.903, "end": 971.483, "text": "Also das ist häufig die Argumentation, wenn ich mit Menschen darüber rede," }, { "start": 971.603, "end": 974.243, "text": "so hey, das wäre wichtig, dass das drin ist, da kommt immer," }, { "start": 974.303, "end": 975.323, "text": "ja, das sieht nicht gut aus." }, { "start": 976.003, "end": 980.203, "text": "Aber dann sage ich immer, Design, also wir sind ja nicht in einer Galerie und" }, { "start": 980.203, "end": 984.623, "text": "es geht nicht um Kunst, es geht ja um Design. Und Design sollte immer den Inhalt unterstützen." }, { "start": 985.163, "end": 988.243, "text": "Also form follows the function. Also das bedeutet, das Design," }, { "start": 988.623, "end": 992.103, "text": "die Optik sollte immer der Funktion entsprechen und folgen." }, { "start": 992.623, "end": 995.903, "text": "Und wenn das Design das kaputt macht, dann ist das auch kein gutes Design." }, { "start": 995.943, "end": 998.463, "text": "Ganz egal, ob das optisch besser aussieht." }, { "start": 998.963, "end": 1002.443, "text": "Und man kann ja auch kreativ werden und schauen, dass man vielleicht einen Unterstrich" }, { "start": 1002.443, "end": 1007.303, "text": "findet oder einen, ja, also einen Unterstrich, der zu dem Projekt passt." }, { "start": 1007.483, "end": 1009.063, "text": "Also was ich ganz schön finde, ist so was wie ein Textmarker-Style," }, { "start": 1010.283, "end": 1013.703, "text": "den man irgendwie drunter setzt oder dass man, also man muss ja auch nicht dieses" }, { "start": 1013.703, "end": 1016.603, "text": "klassische, also der klassische CSS-Befehl ist ja underlined." }, { "start": 1019.024, "end": 1024.744, "text": "Aber man kann ja auch den Border Bottom, also den unteren Rand auch irgendwie stylen." }, { "start": 1025.584, "end": 1028.004, "text": "Also, dass das auch nicht ganz so nah dran ist. Also, es gibt ja verschiedene" }, { "start": 1028.004, "end": 1030.324, "text": "Wege, das zu designen und zu gestalten." }, { "start": 1031.124, "end": 1035.164, "text": "Und das ist schon sehr wichtig, weil sonst geht ja auch die Funktionalität der Webseite verloren." }, { "start": 1035.324, "end": 1038.464, "text": "Wenn ich nicht sehe, dass da ein Link ist, dann kann ich den Link nicht benutzen." }, { "start": 1038.844, "end": 1040.064, "text": "Und wozu ist dann da ein Link da?" }, { "start": 1040.784, "end": 1044.764, "text": "Da muss halt auch das Mindset sich ändern, dass Barrierefreiheit gut aussehen" }, { "start": 1044.764, "end": 1048.444, "text": "kann. Man muss sich da vielleicht einfach ein bisschen Kreativität weiten lassen." }, { "start": 1049.104, "end": 1054.004, "text": "Und selbst wenn es dann mal darum geht, Barrierefreiheit, dass jemand das benutzen" }, { "start": 1054.004, "end": 1057.084, "text": "kann oder es soll einfach nur schick aussehen, ist halt die Frage," }, { "start": 1057.304, "end": 1060.664, "text": "wozu ist denn das Design aber da? Was ist denn die Grundfunktion von Design?" }, { "start": 1061.004, "end": 1064.224, "text": "Voll. Okay. Ja, ich stimme dir auf jeden Fall zu." }, { "start": 1064.944, "end": 1069.984, "text": "Ich war auch auf der FrostCon, da war ich auch auf einem Workshop quasi für" }, { "start": 1069.984, "end": 1069.984, "text": "WordPress-Barrierefreiheit." }, { "start": 1071.104, "end": 1073.964, "text": "Und da haben wir auch genau das gleiche gesprochen. Design und Barrierefreiheit" }, { "start": 1073.964, "end": 1079.204, "text": "und wie oft man da immer auch so in Argumentationskämpfe kommt mit seinen Chefs und so weiter." }, { "start": 1079.884, "end": 1084.144, "text": "Aber da war auch eine, sie meinte so, ja irgendwie unser Farbkontrast ist voll" }, { "start": 1084.144, "end": 1087.344, "text": "schwierig auf unserer Homepage, aber mein Chef möchte das nicht anpassen und" }, { "start": 1087.344, "end": 1090.164, "text": "so und dabei verlieren wir aber voll viele Kundinnen." }, { "start": 1090.804, "end": 1092.984, "text": "Und dann ist halt auch die Sache, es sind ja auch einfach irgendwie," }, { "start": 1093.464, "end": 1096.324, "text": "was hat er dann die Person gesagt, ich glaube es waren, sie meinte zehn Prozent" }, { "start": 1096.324, "end": 1101.024, "text": "aller Menschen in Deutschland haben eine Behinderung oder 25 Prozent sogar." }, { "start": 1101.144, "end": 1106.504, "text": "Und überlege Wenn nur 25 Prozent aller Menschen, also wenn die einfach abfallen, das ist voll viel." }, { "start": 1106.724, "end": 1111.584, "text": "Das ist eigentlich überhaupt nicht okay, dann zu sagen, ja, aber sie sind halt geil. Also, na ja." }, { "start": 1111.844, "end": 1116.884, "text": "Ich glaube, 10 Prozent haben eine anerkannte Form der Behinderung." }, { "start": 1117.124, "end": 1121.104, "text": "Aber nicht jeder Mensch mit einer Behinderung, was man im Web dann," }, { "start": 1121.164, "end": 1124.324, "text": "was dann im Web schlörend sein kann, hat das auf dem Papier stehen," }, { "start": 1124.344, "end": 1125.124, "text": "was irgendwo registriert." }, { "start": 1125.404, "end": 1130.664, "text": "Aber man sagt, das sind so 20 bis 25 Prozent der Menschen im Internet brauchen." }, { "start": 1131.764, "end": 1133.524, "text": "Brauchen barrierefreies Internet und es wird auch immer mehr," }, { "start": 1133.624, "end": 1134.584, "text": "weil wir immer älter werden." }, { "start": 1134.984, "end": 1134.984, "text": "Ja." }, { "start": 1135.304, "end": 1138.644, "text": "Und es gibt ja auch eine situationsbedingte Behinderung, zum Beispiel wenn man" }, { "start": 1138.644, "end": 1141.764, "text": "am Strand liegt oder im Park oder so und es ist sehr, sehr hell." }, { "start": 1142.492, "end": 1145.232, "text": "Dann kannst du schlechte Farbkontraste so gut wie gar nicht sehen." }, { "start": 1145.332, "end": 1147.512, "text": "Oder du hast dir deinen Arm gebrochen oder so." }, { "start": 1147.612, "end": 1147.732, "text": "Ja." }, { "start": 1147.732, "end": 1149.632, "text": "Das rechte Arm, du hast einen angebrochenen Arm oder ..." }, { "start": 1149.632, "end": 1152.432, "text": "Ja, oder hast ein Baby in der Hand und hast nur eine Hand frei oder so." }, { "start": 1153.012, "end": 1156.812, "text": "Also, das gibt's ja auch, oder du bist in einer lauten Umgebung und kannst das nicht hören." }, { "start": 1157.092, "end": 1158.672, "text": "Ja. Dann sind Untertitel, also ich glaube mit Facebook-Feeds," }, { "start": 1159.592, "end": 1162.992, "text": "mit den Videos, was ja erst mal stumm geschaltet war, da sind mal," }, { "start": 1163.052, "end": 1165.372, "text": "ist ja mal groß Untertitel ausgerollt worden." }, { "start": 1165.532, "end": 1168.192, "text": "Das hilft halt jedem, weil man nicht immer den Ton anmachen muss," }, { "start": 1168.252, "end": 1169.732, "text": "um Dialoge zu verstehen." }, { "start": 1169.892, "end": 1173.512, "text": "Ja, total. auch ich war, ich hab in Spanien gelebt und mein Spanisch ist," }, { "start": 1174.372, "end": 1176.992, "text": "also es ist nicht scheiße, aber es ist auch nicht super krass und da musste" }, { "start": 1176.992, "end": 1179.952, "text": "ich mich dann auch da anmelden und so und dann auf der Seite von," }, { "start": 1179.952, "end": 1183.932, "text": "die Niehe, ja genau, auf der Seite von der, ich hab da noch in Barcelona gewohnt" }, { "start": 1183.932, "end": 1188.972, "text": "und das ist ja noch Katalan und so, auf der Seite vom Rathaus," }, { "start": 1189.812, "end": 1191.412, "text": "es war katastrophal da irgendwas zu verstehen." }, { "start": 1191.812, "end": 1194.132, "text": "Und wenn es einen einfachen Text gegeben hätte, der mir gesagt hätte," }, { "start": 1194.472, "end": 1197.392, "text": "du musst das und das machen und da und da hingehen, zu der und der Uhrzeit," }, { "start": 1197.892, "end": 1202.952, "text": "ohne irgendwelche krasse Diplomatische Sprache hätte mir so geholfen, aber ..." }, { "start": 1202.952, "end": 1205.232, "text": "Ich hab auch in Barcelona gelebt, ich musste auch die Nierwehr antragen," }, { "start": 1205.332, "end": 1209.592, "text": "da hat die mit mir nur Katalan gesprochen, ich dachte, mit Spanisch wär so schlecht." }, { "start": 1210.032, "end": 1213.152, "text": "Dann musste man ja irgendwo rübergehen, irgendwo bezahlen. Das war auch so," }, { "start": 1213.252, "end": 1215.452, "text": "okay, dann geh ich da rüberbezahlen, jetzt muss ich wieder zurückkommen." }, { "start": 1215.992, "end": 1218.672, "text": "Da muss man ständig wieder neu sagen, was man möchte." }, { "start": 1219.732, "end": 1224.912, "text": "Ich fand das auch, eine einfache Sprache für Menschen, die nicht Muttersprachler sind, ist so wertvoll." }, { "start": 1225.472, "end": 1229.832, "text": "Und man hat sich auch oft keine Gedanken ... oder auch wenn man Finanzamtssachen lesen muss." }, { "start": 1230.332, "end": 1233.272, "text": "Sorry, ich hätte das gerne in einfacher Sprache, damit ich das verstehe." }, { "start": 1233.512, "end": 1236.532, "text": "Also bei anderem Deutsch verstehe ich ganz oft auch nicht, wenn ich irgendwie" }, { "start": 1236.532, "end": 1239.412, "text": "gestresst bin oder wenn ich, keine Ahnung..." }, { "start": 1239.412, "end": 1242.452, "text": "Müde, nach dem Arbeitstag muss man sich noch damit beschäftigen." }, { "start": 1243.092, "end": 1245.412, "text": "Dein Kopf ist schon voll und du hast einfach keine Kapazität," }, { "start": 1245.452, "end": 1246.172, "text": "um dich zu konzentrieren." }, { "start": 1246.272, "end": 1248.412, "text": "Dann musst du da irgendwie wieder irgendwelche Wörter lesen," }, { "start": 1248.472, "end": 1251.372, "text": "die aus drei Nomen zusammengeklatscht sind. Das ist einfach anstrengend." }, { "start": 1251.432, "end": 1251.992, "text": "Ja, voll." }, { "start": 1252.532, "end": 1257.252, "text": "Ne, alle brauchen einfach barrierearmes Internet. Das hilft jedem, jeder Person." }, { "start": 1257.512, "end": 1257.592, "text": "Ja." }, { "start": 1257.952, "end": 1261.112, "text": "Okay, du überprüfst ja auch Webseiten, hast ja auch unsere überprüft." }, { "start": 1261.312, "end": 1261.432, "text": "Ja." }, { "start": 1261.892, "end": 1264.812, "text": "Wie sieht eine Überprüfung einer Webseite in der Praxis aus?" }, { "start": 1264.932, "end": 1265.772, "text": "Das finde ich sehr spannend." }, { "start": 1266.61, "end": 1269.31, "text": "Genau, also es sind schon ein paar harte Tage, wenn man prüft." }, { "start": 1270.15, "end": 1273.37, "text": "Also es geht damit los, dass man eine Seitenauswahl erstellt," }, { "start": 1273.51, "end": 1277.87, "text": "um zu schauen, was prüfen wir denn genau, weil es wird nicht die gesamte Webseite geprüft." }, { "start": 1278.11, "end": 1279.97, "text": "Das wäre tatsächlich viel zu aufwendig." }, { "start": 1280.39, "end": 1283.05, "text": "Und man versucht immer, eine repräsentative Auswahl zu treffen." }, { "start": 1283.29, "end": 1286.63, "text": "Also dass man sich das raussucht, was am kompliziertesten ist," }, { "start": 1286.67, "end": 1289.97, "text": "am komplexesten ist, wo wahrscheinlich eher Barrieren zu finden sind." }, { "start": 1290.11, "end": 1294.05, "text": "Das ist häufig die Startseite, das Kontaktformular oder mehrere," }, { "start": 1294.05, "end": 1298.47, "text": "wenn's gibt, irgendwelche Filterfunktionen, wenn zum Beispiel auch Videos eingebettet sind." }, { "start": 1299.13, "end": 1303.09, "text": "Ähm, genau, also solche Dinge. Und auch, dass man versucht, die unterschiedlichen Templates abzudecken." }, { "start": 1303.23, "end": 1306.07, "text": "Also, wenn es einen Blog gibt, dass man die Archivseite nimmt," }, { "start": 1306.13, "end": 1310.83, "text": "wo die einzelnen Beiträge gewistet sind, aber auch ein einzelner Beitrag," }, { "start": 1311.23, "end": 1312.89, "text": "dass man da quasi auch einmal alles abdeckt." }, { "start": 1313.11, "end": 1316.03, "text": "Weil da kann ja auch mal ein Fehler irgendwie reingerutscht sein oder so." }, { "start": 1316.87, "end": 1320.63, "text": "Genau, und dann prüft man in Deutschland natürlich nach der BETV," }, { "start": 1320.91, "end": 1323.95, "text": "weil das die deutsche Richtlinie ist, nach der man prüft." }, { "start": 1324.07, "end": 1327.33, "text": "Und dann gibt es Unterschiede, zum Beispiel gibt es den BIK," }, { "start": 1327.63, "end": 1331.37, "text": "das ist ein offizieller Prüfverbund, die haben ein eigenes Testverfahren," }, { "start": 1331.93, "end": 1336.55, "text": "wo dann die einzelnen BTV-Richtlinien sind und dann wird danach geprüft," }, { "start": 1336.99, "end": 1339.89, "text": "ob das erfüllt ist, teilweise erfüllt, nicht erfüllt." }, { "start": 1340.01, "end": 1343.09, "text": "Also gibt es fünf Abstufungen." }, { "start": 1344.91, "end": 1347.03, "text": "Genau, und dann gibt es, also ich prüfe jetzt nicht mit dem BIK," }, { "start": 1347.07, "end": 1349.97, "text": "weil ich nicht im Prüfverbund bin. Ich habe so ein bisschen mein eigenes Verfahren, habe," }, { "start": 1350.658, "end": 1353.738, "text": "Ist aber quasi, das basiert ja trotzdem auf der BETV." }, { "start": 1354.518, "end": 1358.058, "text": "Und da hat man unterschiedliche Tools auch. Also, man testet mit automatisierten" }, { "start": 1358.058, "end": 1361.318, "text": "Tools, zum Beispiel mit X und Wave oder auch verschiedene andere Add-ons," }, { "start": 1362.118, "end": 1363.638, "text": "die einem das so ein bisschen erleichtern." }, { "start": 1364.018, "end": 1368.018, "text": "Und man muss aber auch immer noch manuell testen. Zum Beispiel auch mit dem Screenreader." }, { "start": 1368.318, "end": 1370.458, "text": "Und da ist es eh immer am besten, wenn man dann auch mit jemandem testet," }, { "start": 1370.498, "end": 1374.318, "text": "der selber auch blind ist, weil man als sehender Mensch das nicht immer unbedingt" }, { "start": 1374.318, "end": 1376.098, "text": "so konkret einordnen kann." }, { "start": 1376.658, "end": 1380.658, "text": "Und genau, dann wird das quasi durchgetestet und dann ist der Prüfbericht auch" }, { "start": 1380.658, "end": 1383.338, "text": "häufig der Beginn, um damit weiterzuarbeiten." }, { "start": 1383.478, "end": 1385.538, "text": "Also, das soll nicht in der Schublade landen oder dann einfach," }, { "start": 1385.618, "end": 1388.578, "text": "also man muss ja auch eine Barrierefreiheitserklärung abgeben." }, { "start": 1389.418, "end": 1391.778, "text": "Das ist jetzt auch nicht so gedacht, dass man das dann einfach nur reinschreibt" }, { "start": 1391.778, "end": 1396.258, "text": "und so stehen lässt, sondern dass man schon guckt, was kann man jetzt auch verbessern," }, { "start": 1396.778, "end": 1400.538, "text": "was ist vielleicht eher, weiß ich nicht, ein Quickfix, den man mal eben machen" }, { "start": 1400.538, "end": 1402.398, "text": "kann, zum Beispiel, ne, unterstrichene Links." }, { "start": 1403.118, "end": 1406.278, "text": "Das kriegt man eher mal schnell hin. Jetzt irgendwie das komplette Menü umbauen" }, { "start": 1406.278, "end": 1408.918, "text": "ist vielleicht schon ein bisschen komplizierter, ist vielleicht aber auch sehr" }, { "start": 1408.918, "end": 1411.858, "text": "wichtig, weil das Hauptmenü, wenn das nicht barrierefrei ist, ist ja auch ein Problem." }, { "start": 1413.298, "end": 1416.198, "text": "Genau, und das ist dann meistens so der Beginn von einer weiteren Arbeit." }, { "start": 1416.578, "end": 1420.358, "text": "Und wenn man dann mehrere Probleme dann auch gelöst hat, kann man dann halt" }, { "start": 1420.358, "end": 1423.418, "text": "auch die Barrierefreiheitserklärung schreiben, wo zum Beispiel auch drinsteht," }, { "start": 1423.458, "end": 1424.598, "text": "was ist nicht barrierefrei?" }, { "start": 1425.238, "end": 1427.598, "text": "Warum ist es nicht barrierefrei? Bis wann ist es barrierefrei?" }, { "start": 1427.718, "end": 1431.198, "text": "Und was wäre die Alternative bis dahin, die man barrierefrei nutzen kann." }, { "start": 1431.718, "end": 1435.338, "text": "Da sollte auch immer ein Kontaktformular drin sein und eine Telefonnummer oder" }, { "start": 1435.338, "end": 1438.878, "text": "eine E-Mail-Adresse, dass man sich auch an eine Stelle wenden kann," }, { "start": 1438.998, "end": 1441.958, "text": "wenn man eine Barriere hat, dass man auch fragt, okay, kann mir hier jemand" }, { "start": 1441.958, "end": 1443.618, "text": "weiterhelfen? Ich komme hier nicht weiter." }, { "start": 1444.958, "end": 1448.378, "text": "Oder dass man auch, vielleicht wenn eine Barriere noch nicht bekannt ist oder" }, { "start": 1448.378, "end": 1452.598, "text": "neu dazukam, dass man da auch darauf hinweisen kann, dass man was entdeckt hat" }, { "start": 1452.598, "end": 1454.518, "text": "oder halt irgendwo nicht weiterkommt." }, { "start": 1456.118, "end": 1461.918, "text": "Ja, okay. Cool, spannend. haben wir jetzt auch bei uns auf der Homepage." }, { "start": 1464.238, "end": 1468.178, "text": "Okay, danke. Dann würde ich direkt zur nächsten Frage gehen." }, { "start": 1468.878, "end": 1471.678, "text": "Welche Chancen bietet Open Source für Barrierefreiheit?" }, { "start": 1472.978, "end": 1474.278, "text": "Ui, ui, ui, große Frage." }, { "start": 1475.911, "end": 1477.971, "text": "Also ich würde sagen, die größte Chance ist, dass Open-Source-Projekte dadurch," }, { "start": 1480.291, "end": 1484.891, "text": "dass sie Open-Source sind, also das bedeutet, da steht keine Firma mit einem" }, { "start": 1484.891, "end": 1488.811, "text": "Wirtschaftsinteresse dahinter, sondern es ist eine Gemeinschaft von Menschen," }, { "start": 1489.451, "end": 1491.391, "text": "die an einer Software entwickeln." }, { "start": 1492.191, "end": 1497.471, "text": "Ich würde sagen, dass dadurch, dass das wirtschaftliche Interesse nicht zwingend" }, { "start": 1497.471, "end": 1500.951, "text": "im Vordergrund steht, dass da halt auch ..." }, { "start": 1501.691, "end": 1504.591, "text": "Eher die Chance ist, Dinge irgendwie auch mit reinzubringen." }, { "start": 1504.591, "end": 1507.351, "text": "Vor allem, weil man ja auch mehr Menschen an einem Projekt hat in der Regel." }, { "start": 1509.031, "end": 1511.951, "text": "Und vielleicht ist es eine Wunschvorstellung, aber ich hab schon auch die Erfahrung" }, { "start": 1511.951, "end": 1515.031, "text": "gemacht, dass da auch Idealisten mit dabei sind in diesen Projekten," }, { "start": 1515.111, "end": 1517.831, "text": "die auch was machen wollen, was die Welt besser macht." }, { "start": 1518.211, "end": 1522.211, "text": "Und da sind Dinge wie Sicherheit, Datenschutz und Barrierefreiheit durchaus" }, { "start": 1522.211, "end": 1524.291, "text": "große Themen, die auch ziemlich ernst genommen werden." }, { "start": 1524.971, "end": 1528.831, "text": "Wo man natürlich auch schauen muss, wie gut kann man das in einem Projekt auch mit einbringen." }, { "start": 1529.051, "end": 1531.911, "text": "Weil zum Beispiel in WordPress, wo ich mit drin bin, Es sind halt sehr," }, { "start": 1532.111, "end": 1535.991, "text": "sehr viele der ContributorInnen auch freiwillig." }, { "start": 1536.131, "end": 1538.991, "text": "Also, das geht alles in ihrer freien Zeit. Ein paar sind natürlich auch bezahlt." }, { "start": 1539.671, "end": 1544.531, "text": "Ähm, also, ich würd schon, also, dass das schon eine große Rolle spielt," }, { "start": 1544.671, "end": 1548.311, "text": "weil man ja auch Produkte haben möchte, die barrierefrei sind." }, { "start": 1548.391, "end": 1550.691, "text": "Weil zum Beispiel in Amerika gibt es auch schon viel länger das Gesetz," }, { "start": 1550.791, "end": 1552.071, "text": "dass Dinge barrierefrei sein müssen." }, { "start": 1552.571, "end": 1555.731, "text": "Also, man versucht da auch, sich den rechtlichen Rahmenbedingungen natürlich" }, { "start": 1555.731, "end": 1557.451, "text": "anzupassen, gerade wenn man internationale Open-Source-Projekte hat." }, { "start": 1559.071, "end": 1564.171, "text": "Ich würde aber schon sagen, dass dadurch, dass die Werte da sind und das Interesse" }, { "start": 1564.171, "end": 1568.211, "text": "da ist, Open-Source ist ja auch die Idee, das für alle offen zu haben." }, { "start": 1568.451, "end": 1571.131, "text": "Das heißt, man kann ja selber auch, wenn man an Probleme stößt," }, { "start": 1571.231, "end": 1574.631, "text": "auch zum Beispiel Tickets aufmachen und sagen, hey, oder sich an die Community" }, { "start": 1574.631, "end": 1576.231, "text": "wenden, sagen, ich hab ein Problem gefunden." }, { "start": 1577.391, "end": 1582.091, "text": "Ich find schon, dass das häufig auch versucht wird, ernst zu nehmen und da weiterzuentwickeln." }, { "start": 1582.091, "end": 1583.911, "text": "Natürlich haben Open-Source-Projekte auch manchmal ihre Herausforderungen," }, { "start": 1585.491, "end": 1590.591, "text": "aber generell sehe ich da schon große Chancen, dass da viel passieren kann." }, { "start": 1590.651, "end": 1593.331, "text": "Was jetzt nicht heißt, dass nicht auch kommerzielle Projekte," }, { "start": 1593.451, "end": 1598.331, "text": "wie bei Adobe, macht das eigentlich ganz gut, dass da barrierefrei mitgedacht wird." }, { "start": 1599.691, "end": 1603.151, "text": "Zumindest, dass die Endprojekte, also die Produkte, solche wie ein PowerPoint" }, { "start": 1603.151, "end": 1604.891, "text": "hat, dass das barrierefrei sein kann." }, { "start": 1605.031, "end": 1607.851, "text": "Also das geht schon auch mit kommerziellen Anbietern." }, { "start": 1608.491, "end": 1612.591, "text": "Wie geht es dann weiter? Also, wie hält man eine Website barrierefrei," }, { "start": 1612.791, "end": 1616.051, "text": "wenn man auf einmal damit angefangen hat? Wie funktioniert nachhaltiges Webdesign?" }, { "start": 1617.331, "end": 1622.631, "text": "Wie kann man die Chancen bei Open-Source weiter erhöhen? Wie geht es weiter?" }, { "start": 1622.791, "end": 1624.371, "text": "Was würdest du sagen? Was würdest du einschätzen?" }, { "start": 1624.871, "end": 1628.131, "text": "Genau, also sagen wir jetzt mal ein Projekt, wie jetzt bei euch zum Beispiel," }, { "start": 1628.291, "end": 1632.071, "text": "dass ihr die Seite getestet habt. Ihr habt Barrieren entfernt." }, { "start": 1633.551, "end": 1638.111, "text": "Und das ist also eine Webseite ist ja immer ein lebendes Objekt," }, { "start": 1638.211, "end": 1641.251, "text": "sage ich mal, Es werden immer Inhalte hinzugefügt, es ändern sich auch mal Dinge." }, { "start": 1642.249, "end": 1645.509, "text": "Und also meine Erfahrung ist, dass man da am besten auch alle," }, { "start": 1645.749, "end": 1649.489, "text": "die an dem Projekt mitarbeiten und irgendwie mit der Webseite was zu tun haben, schult." }, { "start": 1649.889, "end": 1652.509, "text": "Also gerade Redaktion, wie schreibe ich barrierefreie Inhalte," }, { "start": 1652.609, "end": 1652.829, "text": "auch auf Social-Media-Kanälen ausgeweitet." }, { "start": 1655.089, "end": 1657.209, "text": "Weil da kann man ja auch alternative Texte zum Beispiel beschreiben," }, { "start": 1657.289, "end": 1660.109, "text": "dass man da auch einmal lernt, wie schreibe ich denn alternative Texte." }, { "start": 1660.609, "end": 1662.469, "text": "Und vor allem, dass man auch keine Angst hat, Fehler zu machen." }, { "start": 1662.709, "end": 1666.269, "text": "Weil natürlich kann auch mal etwas nicht ganz so optimal sein oder vielleicht" }, { "start": 1666.269, "end": 1670.649, "text": "irgendwie nicht perfekt, aber ein schlechter alter Alttext, also alternativer" }, { "start": 1670.649, "end": 1672.649, "text": "Text, ist es immer noch besser als gar keiner, zum Beispiel." }, { "start": 1673.629, "end": 1675.229, "text": "Ich würd sagen, da muss man vielleicht" }, { "start": 1675.229, "end": 1678.089, "text": "schauen, dass man die Angst davor verliert, mal Fehler zu machen." }, { "start": 1679.029, "end": 1683.629, "text": "Ähm, und halt alle, die mit im Team irgendwie arbeiten, da auch einfach schult," }, { "start": 1683.709, "end": 1684.929, "text": "dass da ein Bewusstsein da ist." }, { "start": 1685.489, "end": 1688.649, "text": "Auch wenn Menschen neu dazukommen, dass da auch noch mal irgendwie eine Awareness" }, { "start": 1688.649, "end": 1692.749, "text": "ist. Vielleicht kann man auch einen Style-Guide innerhalb der Agentur machen." }, { "start": 1693.569, "end": 1696.889, "text": "Oft gibt's ja so was wie einen Style-Guide für die Farben und so weiter." }, { "start": 1697.189, "end": 1701.029, "text": "Wenn der barrierefrei ist und man hält sich daran, dann sind ja auch die meisten" }, { "start": 1701.029, "end": 1704.849, "text": "Sachen, die daraus dann gestaltet werden, dann ebenfalls barrierefrei." }, { "start": 1705.849, "end": 1709.409, "text": "Und, genau, also, dass man sich da einfach bewusst ist. Und ich find das auch" }, { "start": 1709.409, "end": 1712.149, "text": "ganz wichtig, dass wir da eine Kritikkultur auch entwickeln." }, { "start": 1712.729, "end": 1714.769, "text": "Dass wenn zum Beispiel mal etwas nicht ganz so barrierefrei ist," }, { "start": 1714.809, "end": 1716.989, "text": "und man hat vielleicht auch gemerkt, okay, die bemühen sich aber zumindest," }, { "start": 1717.449, "end": 1719.629, "text": "dass da auch konstruktiv Kritik geäußert wird." }, { "start": 1719.749, "end": 1722.689, "text": "Also, Kritik ist auch wichtig, dass man darauf angesprochen wird." }, { "start": 1723.249, "end": 1726.969, "text": "Aber ich glaube, wenn man da konstruktiv mit rangeht, Und je nachdem natürlich" }, { "start": 1726.969, "end": 1727.789, "text": "auch, wer die Fehler macht." }, { "start": 1727.869, "end": 1732.509, "text": "Wenn es eine kleine Organisation ist oder ein kleiner Selbstständiger oder Selbstständige," }, { "start": 1732.609, "end": 1736.269, "text": "die als alleine Person das macht, da kann man halt auch nicht alles wissen." }, { "start": 1736.409, "end": 1737.949, "text": "Und wenn man dann freundlich drauf hinweist." }, { "start": 1740.229, "end": 1743.009, "text": "Dann ist, glaub ich, auch die Angst, nicht mehr so groß Fehler zu machen." }, { "start": 1743.429, "end": 1745.829, "text": "Wobei ich aber auch sehr verstehen kann, wenn man ab einem gewissen Punkt auch" }, { "start": 1745.829, "end": 1748.309, "text": "sehr wütend wird, wenn man halt immer wieder drauf hinweist," }, { "start": 1748.429, "end": 1751.069, "text": "und dann kriegt man leider auch sehr viel Ignoranz einfach zurück." }, { "start": 1751.069, "end": 1753.069, "text": "Dass dann halt so, naja, dann sei halt nicht im Internet oder so." }, { "start": 1753.089, "end": 1755.989, "text": "Manchmal kriegt man sehr unverschämte Antworten zu lesen." }, { "start": 1756.129, "end": 1756.449, "text": "Krass." }, { "start": 1757.449, "end": 1760.409, "text": "Und da kann ich auch verstehen, dass dann der Frust irgendwann sehr groß ist." }, { "start": 1760.749, "end": 1762.469, "text": "Aber ich glaube, im Großen und Ganzen sollten wir versuchen," }, { "start": 1763.269, "end": 1767.029, "text": "Menschen die Barrierefreiheit versuchen anzugehen, das bei sich selber umzusetzen," }, { "start": 1767.569, "end": 1771.209, "text": "dass wir da freundlich, konstruktives Feedback geben, dass dann auch die Ängste" }, { "start": 1771.209, "end": 1773.689, "text": "einfach weniger sind, dann mal einen Fehler zu machen irgendwie." }, { "start": 1773.869, "end": 1774.449, "text": "Ja, voll." }, { "start": 1775.389, "end": 1777.669, "text": "Genau, aber ich glaube, wir sind da eigentlich ganz gut." }, { "start": 1779.147, "end": 1781.647, "text": "Selten gesehen, dass man da, wenn man das zumindest probiert," }, { "start": 1781.727, "end": 1784.327, "text": "dass man da irgendwie total angegangen wird oder wenn man dann auch freundlich" }, { "start": 1784.327, "end": 1787.107, "text": "auf Kritik reagiert, das ist ja auch ganz wichtig, dass wenn man Feedback dazu" }, { "start": 1787.107, "end": 1788.607, "text": "bekommt, dass etwas nicht barrierefrei ist," }, { "start": 1789.207, "end": 1792.027, "text": "dass man sich dafür bedankt, dass man, dass jemand sich die Zeit genommen hat," }, { "start": 1792.107, "end": 1796.407, "text": "darauf hinzuweisen und dass man dann versucht auch umzusetzen und nicht dann" }, { "start": 1796.407, "end": 1798.647, "text": "sagt, ja, mache ich aber trotzdem nicht oder sowas." }, { "start": 1800.207, "end": 1804.647, "text": "Ja, voll. Mir ist noch eingefallen, spontan, weil wir hatten zwar das auch schon" }, { "start": 1804.647, "end": 1808.287, "text": "im Blogpost thematisiert, Aber wir haben ja eben so eine Barrierefreiheitsprüfung" }, { "start": 1808.287, "end": 1810.787, "text": "gemacht. Wir haben eben gesagt, wir wollen es jetzt ändern, wir wollen es jetzt anpassen." }, { "start": 1811.987, "end": 1814.927, "text": "Und ich bin da auch für verantwortlich gewesen. Also ich weiß genau," }, { "start": 1815.267, "end": 1817.667, "text": "welche Schritte man gehen muss, um das anzugehen." }, { "start": 1817.747, "end": 1820.347, "text": "Aber vielleicht kannst du noch mal von deiner Perspektive, für Leute," }, { "start": 1820.527, "end": 1824.407, "text": "die sich jetzt gerade denken, ich würde gerne meine Seite doch nochmal testen" }, { "start": 1824.407, "end": 1827.107, "text": "oder auch mein Projekt barrierefrei gestalten." }, { "start": 1827.767, "end": 1831.887, "text": "Aber ich bin ganz am Anfang. Vielleicht kannst du denen ein paar Tipps oder" }, { "start": 1831.887, "end": 1835.407, "text": "auch ein paar Stellen mit an die Hand geben, oder was man vielleicht auch mal" }, { "start": 1835.407, "end": 1839.867, "text": "googeln könnte, um den Instagram-Visit starten zu können." }, { "start": 1840.787, "end": 1846.907, "text": "Also was ich sehr gut fand in der Übersichtlichkeit, es gibt von der UK den Government-Webseite," }, { "start": 1849.047, "end": 1853.847, "text": "und dann gibt es ein Team, was sich nur über Accessibility kümmert und die haben" }, { "start": 1853.847, "end": 1856.647, "text": "einen Blog. Das ist, ich glaube, ally.gov.uk.co," }, { "start": 1859.167, "end": 1856.647, "text": "und," }, { "start": 1860.587, "end": 1856.647, "text": "da" }, { "start": 1861.087, "end": 1859.167, "text": "Gibt," }, { "start": 1861.247, "end": 1863.967, "text": "es sogenannte Accessibility-Poster, die Die gibt es auch auf Deutsch," }, { "start": 1864.027, "end": 1867.027, "text": "die haben sie übersetzt, die gibt es auf GitHub, kann man sich runterladen." }, { "start": 1867.707, "end": 1872.767, "text": "Und es ist sehr gut übersichtlich dargestellt, was für unterschiedliche Menschen" }, { "start": 1872.767, "end": 1874.967, "text": "mit Behinderung wichtig wäre an Barrieren." }, { "start": 1875.827, "end": 1878.447, "text": "Ich finde, das ist ein guter Startpunkt, weil man da auch ..." }, { "start": 1878.447, "end": 1879.687, "text": "Es ist einfach gut zusammengefasst." }, { "start": 1880.287, "end": 1883.387, "text": "Weil ganz ehrlich, WCAG oder BETV zu lesen und zu versuchen," }, { "start": 1883.827, "end": 1887.947, "text": "was ist barrierefrei und was nicht, das ist anstrengend, das ist nicht sehr" }, { "start": 1887.947, "end": 1891.307, "text": "zugänglich, nicht sehr barrierefrei, nicht unbedingt einfache Sprache." }, { "start": 1892.047, "end": 1895.347, "text": "Deswegen würde ich eher versuchen, mit Zusatzmaterialien irgendwie anzufangen." }, { "start": 1895.487, "end": 1898.547, "text": "Und da finde ich diese Accessibility-Poster von Government UK." }, { "start": 1899.047, "end": 1901.607, "text": "Einfach mal googeln, GitHub-Link suchen, da gibt's einen Beitrag dazu." }, { "start": 1901.607, "end": 1904.707, "text": "Sich da erst mal das quasi anzugucken und dann vielleicht seine eigene Seite" }, { "start": 1904.707, "end": 1906.407, "text": "darauf gehen, einfach mal zu überprüfen." }, { "start": 1906.527, "end": 1910.627, "text": "Vor allem Farbkontraste, da gibt es auch Tools zu, das kann man auch googlen," }, { "start": 1910.727, "end": 1912.727, "text": "so was wie Farbkontrastchecker oder so." }, { "start": 1913.487, "end": 1916.607, "text": "Da gibt's welche, da kann man dann einfach die Farben kopieren," }, { "start": 1916.727, "end": 1918.947, "text": "gegeneinander rechnen und so analysieren." }, { "start": 1919.967, "end": 1924.127, "text": "Was gute Punkte sind, sind meine Links alle unterstrichen, man kann sich ein" }, { "start": 1924.127, "end": 1926.887, "text": "Screenshot machen, das in Schwarz-Weiß konvertieren und überlegen," }, { "start": 1927.367, "end": 1930.147, "text": "kann ich alles noch vernünftig erkennen, was an Funktionen da ist?" }, { "start": 1931.507, "end": 1935.687, "text": "Überschriften-Hierarchien ist etwas, was nicht schwer ist, was sowieso die Menschen," }, { "start": 1935.807, "end": 1937.527, "text": "die den Inhalt schreiben, machen sollten." }, { "start": 1938.187, "end": 1942.327, "text": "Weil das ist ja eine Hierarchie des Inhalts entsprechend. Und danach sollten" }, { "start": 1942.327, "end": 1945.287, "text": "Überschriften halt strukturiert sein und nicht, ach, hier sollte eine große" }, { "start": 1945.287, "end": 1948.827, "text": "oder eine kleine Überschrift rein, oder mach einfach ein bisschen Text einfach" }, { "start": 1948.827, "end": 1951.407, "text": "groß und fett und mach das gar nicht als Überschrift." }, { "start": 1951.827, "end": 1955.067, "text": "Also das sind so Basics, die halt schon auch wichtig sind. Ich glaube," }, { "start": 1955.147, "end": 1955.527, "text": "so Dinge wie Screenreader-Barrierefreiheit." }, { "start": 1958.327, "end": 1963.587, "text": "Das ist schon schwierig zu testen als Laie. Ähm, auch schwierig zu beheben zum" }, { "start": 1963.587, "end": 1964.907, "text": "Teil, wenn man das findet." }, { "start": 1965.427, "end": 1969.147, "text": "Da kann man zum Beispiel auch gucken, hat mein Theme bestimmte grundlegende" }, { "start": 1969.147, "end": 1972.847, "text": "... Also, wenn ich jetzt zum Beispiel in WordPress denke oder eine andere Seite," }, { "start": 1972.947, "end": 1976.387, "text": "da gibt's ja so Templates oder Themes, da hab ich einen Fokus." }, { "start": 1976.467, "end": 1980.167, "text": "Einfach mal mit der Tastatur, mit Tab einfach mal durchgehen, seh ich, wo ich bin." }, { "start": 1980.587, "end": 1983.747, "text": "Wenn ich nicht seh, wo ich bin, dann ist das Theme halt auch nicht barrierefrei." }, { "start": 1983.747, "end": 1986.627, "text": "Und dann könnte man zum Beispiel auch mal den Themenentwickler oder Entwicklerinnen" }, { "start": 1986.627, "end": 1989.647, "text": "anschreiben und fragen, hey, könntet ihr das vielleicht beheben?" }, { "start": 1990.747, "end": 1994.327, "text": "Oder einfach mal die Anfrage stellen, seid ihr eigentlich barrierefrei?" }, { "start": 1994.487, "end": 1999.307, "text": "Ich hab das bei Affinity, schweif grad ein bisschen ab, aber ich hab das bei" }, { "start": 1999.307, "end": 2004.527, "text": "Affinity mal gemacht, das ist ja von Adobe so ähnlich wie Adobe, aber halt anders." }, { "start": 2004.907, "end": 2008.367, "text": "Da ist mir auch aufgefallen, dass ich die Barrierefreiheit gar nicht umsetzen" }, { "start": 2008.367, "end": 2010.427, "text": "kann. Und hab die mal angefragt, geht das irgendwo?" }, { "start": 2010.707, "end": 2013.267, "text": "Kann ich das irgendwo einstellen? Und die so, ja, nee, also bis jetzt haben" }, { "start": 2013.267, "end": 2015.227, "text": "wir dieses Add-on noch nicht, vielleicht kommt das irgendwann mal." }, { "start": 2015.947, "end": 2017.947, "text": "Und ich glaube halt, wenn man da häufiger einfach mal Druck macht," }, { "start": 2018.027, "end": 2020.327, "text": "einfach mal anfragt, so, hey, ich habe irgendwie ein Tool von euch," }, { "start": 2020.427, "end": 2022.527, "text": "oder ich benutze ein Theme von euch, oder ich benutze das von euch," }, { "start": 2023.087, "end": 2027.027, "text": "aber mir ist aufgefallen, das ist gar nicht barrierefrei, dass dann vielleicht" }, { "start": 2027.027, "end": 2029.887, "text": "auch mal ein bisschen Bewusstsein daher kommt und das Ding auch überarbeitet werden." }, { "start": 2030.597, "end": 2034.257, "text": "Weil, das ist ja zum Beispiel auch wichtig. Ich find das sehr gut," }, { "start": 2034.337, "end": 2038.177, "text": "wenn man seine eigene Seite barrierefrei macht. Und das ist absolut wichtig." }, { "start": 2039.017, "end": 2043.837, "text": "Aber es ist ja auch notwendig, dass auf dem meine Seite aufgebaut ist," }, { "start": 2043.877, "end": 2044.437, "text": "zum Beispiel WordPress." }, { "start": 2044.997, "end": 2047.797, "text": "Das ist mittlerweile über 40 Prozent des Internets basiert auf WordPress." }, { "start": 2047.977, "end": 2052.417, "text": "Wenn WordPress nicht barrierefrei wäre, wäre 40 Prozent des Internets nicht barrierefrei." }, { "start": 2052.877, "end": 2055.497, "text": "Aber leider sind viele Themes gar nicht barrierefrei für WordPress." }, { "start": 2055.877, "end": 2059.317, "text": "Was bedeutet halt doch im Umkehrschluss, der sehr, sehr vielen gar nicht barrierefrei ist." }, { "start": 2059.837, "end": 2062.497, "text": "Auch wenn ich jetzt meine eigene Seite barrierefrei mache, was auf WordPress" }, { "start": 2062.497, "end": 2066.497, "text": "basiert, ist natürlich auch die Verantwortung für Menschen, die Teams entwickeln," }, { "start": 2066.577, "end": 2070.657, "text": "die sehr viele Menschen benutzen, unfassbar groß, weil das ja viele dann auch" }, { "start": 2070.657, "end": 2071.717, "text": "irgendwie sich anschauen." }, { "start": 2072.197, "end": 2074.917, "text": "Da muss man halt einfach gucken, wo ist mein eigener Wirkungskreis bei meinem" }, { "start": 2074.917, "end": 2078.797, "text": "Job oder bei meinem Projekt? Was kann ich dafür tun, dass Dinge barrierefrei sind?" }, { "start": 2080.257, "end": 2082.157, "text": "Da würde ich, glaube ich, so ein bisschen auch starten." }, { "start": 2082.837, "end": 2088.037, "text": "Ja, okay, v.a. Ja, voll gut." }, { "start": 2088.497, "end": 2092.477, "text": "Voll gut. Es ist halt auch ein großes Thema, Barrierefreiheit." }, { "start": 2092.617, "end": 2095.677, "text": "Also es ist wichtig, auch wenn man es angibt und wenn man nicht so Experte drin" }, { "start": 2095.677, "end": 2098.157, "text": "ist, dann ist es schon auch ein großes Thema. Ich habe es selber ja auch erfahren." }, { "start": 2098.797, "end": 2105.617, "text": "Und es ist auch so krass, wie versteckt teilweise auch Informationen zu dem Thema sind." }, { "start": 2106.597, "end": 2107.817, "text": "Das finde ich auch erschreckend." }, { "start": 2108.417, "end": 2111.637, "text": "Also ich finde auch gerade auf Deutsch finde ich, also ich finde es generell" }, { "start": 2111.637, "end": 2115.617, "text": "schwer, verständliche Infos teilweise zu finden, weil Barrierefreiheit ist einfach" }, { "start": 2115.617, "end": 2119.317, "text": "auch so ein komplexes Thema, weil es einfach sehr unterschiedliche Usergruppen auch betrifft." }, { "start": 2119.577, "end": 2123.617, "text": "Also ganz oft, auch wenn man in die WCAG guckt, ganz, ganz viele Richtlinien" }, { "start": 2123.617, "end": 2125.677, "text": "sind zum Thema technische Barrierefreiheit" }, { "start": 2125.677, "end": 2127.937, "text": "drin, also zum Beispiel für Screenreader-User, für Keyboard-User." }, { "start": 2129.157, "end": 2132.457, "text": "Also Tastatur-User oder andere User mit assistive technology," }, { "start": 2133.117, "end": 2138.797, "text": "aber für Menschen im kognitiven Spektrum ist nur so, also das kann man auch" }, { "start": 2138.797, "end": 2140.497, "text": "teilweise schlecht in eine Richtlinie gießen." }, { "start": 2140.497, "end": 2146.457, "text": "Also wie, wenn man sagt, man hat einen Mindestfarbkontrast definiert für Menschen," }, { "start": 2146.737, "end": 2150.257, "text": "die schlecht sehen können oder für schlechte Lichtbedingungen." }, { "start": 2150.737, "end": 2154.657, "text": "Aber soweit ich weiß, gibt es keine Definition für einen Maximalfarbkontrast" }, { "start": 2154.657, "end": 2158.057, "text": "oder für einen Farbkontrast, der, zum Beispiel, rot-grün ist ein sehr unangenehmer," }, { "start": 2158.597, "end": 2161.597, "text": "Farbkontrast, wenn man zum Beispiel rote Schrift auf grünem Grund hätte," }, { "start": 2161.657, "end": 2163.597, "text": "weil das ist ein Komplementärkontrast." }, { "start": 2164.137, "end": 2166.177, "text": "Aber es gibt keine Richtlinie dazu. Wie will man das machen," }, { "start": 2166.237, "end": 2170.037, "text": "wenn man sagt, dass keine Komplementär-Kontraste machen, weil kann man ja irgendwie" }, { "start": 2170.237, "end": 2172.457, "text": "schon, aber es kommt halt immer noch irgendwie darauf an, wie ist denn der Ton" }, { "start": 2172.797, "end": 2174.057, "text": "selber, der Farbton zum Beispiel." }, { "start": 2175.217, "end": 2178.637, "text": "Und also gerade wenn es dann so um Feinheit manchmal geht, so um Edge-Cases," }, { "start": 2179.577, "end": 2182.597, "text": "also auch beim Prüfen, heißt das häufig, dass ich mich dann auch natürlich mit" }, { "start": 2182.597, "end": 2187.197, "text": "Kollegen, Kolleginnen austausche und gucke, also auch mal danach frage." }, { "start": 2187.517, "end": 2190.257, "text": "Und da hat man manchmal auch unterschiedlichste Meinungen. Also das ist halt" }, { "start": 2190.257, "end": 2195.057, "text": "auch nicht so alles schwarz und weiß, es gibt Graustufen, es gibt sehr unterschiedliche" }, { "start": 2195.057, "end": 2199.537, "text": "Bedürfnisse, es gibt ja unterschiedliche Barrieren für unterschiedliche Menschen." }, { "start": 2199.817, "end": 2205.597, "text": "Das, was ich gut finde oder gut benutzen kann, heißt nicht, dass das jeder gut benutzen kann." }, { "start": 2206.59, "end": 2211.29, "text": "Also ja, es ist ein sehr, sehr, sehr aufwendiges Thema, aber die meisten Barrieren" }, { "start": 2211.29, "end": 2215.95, "text": "sind halt auch totale, also aus meiner Sicht auch so unnötige Barrieren wie" }, { "start": 2215.95, "end": 2219.57, "text": "zum Beispiel Farbkontraste oder nicht unterstrichene Links, dass der Fokus weg ist." }, { "start": 2219.89, "end": 2223.25, "text": "Das sind so Basics. Ich würde mir das eigentlich auch mal total wünschen," }, { "start": 2223.29, "end": 2226.39, "text": "dass man an so einen Punkt kommt, wo man vielleicht auch in der Gesellschaft" }, { "start": 2226.39, "end": 2230.39, "text": "mal über so komplexere Barrieren spricht und nicht immer nur die Basics." }, { "start": 2230.57, "end": 2233.83, "text": "Aber erst mal die Basics und dann gehen wir weiter." }, { "start": 2235.03, "end": 2239.97, "text": "Erstmal fangen wir an. Zulieferen werde ich heute hier. Du kannst uns ein bisschen aufklären." }, { "start": 2240.81, "end": 2246.09, "text": "Okay. Viele unserer Projekte beginnen bei Null. Wie geht nachhaltige und barrierefreie Webentwicklung?" }, { "start": 2246.35, "end": 2250.73, "text": "Welche Fragen sollten sich Entwickler zu Beginn stellen, damit sie am Ende niemanden" }, { "start": 2250.73, "end": 2254.43, "text": "mit ihrem digitalen Produkt ausschließt? Ich meine, wir haben schon ein bisschen drüber gesprochen." }, { "start": 2255.61, "end": 2256.87, "text": "Unterstreicht eure Links, Leute." }, { "start": 2257.91, "end": 2260.17, "text": "Aber genau, vielleicht kannst du noch mal detaillierter darauf eingehen." }, { "start": 2260.75, "end": 2263.99, "text": "Also ich würde tatsächlich bei jedem... Also es gibt ja, wenn man so eine Webseite" }, { "start": 2263.99, "end": 2266.37, "text": "entwickelt, verschiedene Schritte." }, { "start": 2266.59, "end": 2269.33, "text": "Also zum Beispiel zuallererst gibt es ja auch so was wie eine Konzeption." }, { "start": 2269.47, "end": 2271.69, "text": "Also da überlegt man sich, welche Inhalte sollen auf die Seiten," }, { "start": 2271.75, "end": 2274.83, "text": "wie ist die Menüstruktur, wie ist die Zielgruppe und so weiter." }, { "start": 2274.89, "end": 2277.55, "text": "Sodass man da zum Beispiel bei der Konzeption der Seite, der Strukturierung" }, { "start": 2277.55, "end": 2280.95, "text": "der Inhalte, das so ein bisschen zum Beispiel schon mit im Hinterkopf hat." }, { "start": 2281.05, "end": 2283.47, "text": "Und dann vor allem, wenn zum Beispiel Farben definiert werden," }, { "start": 2283.95, "end": 2287.29, "text": "dass man da direkt am Anfang das miteinander gegenrechnet und guckt," }, { "start": 2287.43, "end": 2290.67, "text": "welche Farben kann ich wie miteinander kombinieren, damit sie dann barrierefrei sind." }, { "start": 2290.67, "end": 2294.17, "text": "Und wenn man da merkt, da sind keine sinnvollen Kombinationen möglich oder wir" }, { "start": 2294.17, "end": 2298.09, "text": "möchten unterschiedliche Hintergründe haben, dass man das direkt mit auf dem Schirm hat." }, { "start": 2298.17, "end": 2300.85, "text": "Weil sobald man das hat, das ist schon richtig viel wert." }, { "start": 2301.67, "end": 2306.09, "text": "Wenn man dann anfängt, Mockups zu machen und so weiter, dass man da auch noch" }, { "start": 2306.09, "end": 2308.63, "text": "mal drüber guckt, Bewegung ist halt oft ein Problem," }, { "start": 2309.09, "end": 2311.65, "text": "dass man sich überlegt, kann ich eine Alternative beantworten," }, { "start": 2311.79, "end": 2314.73, "text": "also müssen Bewegungen unbedingt sein, irgendwelche Animationen," }, { "start": 2315.13, "end": 2318.67, "text": "falls sie so sein müssen, dass man dann aber auch eine Option mit reinbaut," }, { "start": 2318.67, "end": 2321.19, "text": "dass man sie stoppen kann und dass man einfach." }, { "start": 2322.019, "end": 2325.539, "text": "Vielleicht kann man ja erst mal kreativ sein und dann aber noch mal drüber guckt," }, { "start": 2325.679, "end": 2329.799, "text": "mit einem Barrierefreiheitsblick, gibt es hier Barrieren, gibt es Probleme?" }, { "start": 2330.219, "end": 2333.159, "text": "Auch sowas wie semantische Headline-Strukturen, das ist so dieses Konzeptionsphase." }, { "start": 2334.579, "end": 2337.939, "text": "So was sind unsere Themen, wie soll Inhalt strukturiert sein," }, { "start": 2337.999, "end": 2342.539, "text": "dass man da direkt von Anfang an drauf achtet, sind die Headlines richtig gesetzt," }, { "start": 2342.639, "end": 2346.439, "text": "dass das nicht einfach nur mit reiner Optik ist, sondern auch wirklich eine Semantik dahinter." }, { "start": 2347.339, "end": 2350.359, "text": "Wenn es dann an die Entwicklung geht, also das ist eine Eigenentwicklung," }, { "start": 2350.799, "end": 2353.499, "text": "dass man da auch ganz klar von Anfang an barrierefrei mitdenkt." }, { "start": 2353.599, "end": 2357.779, "text": "Oder wenn man Komponenten verwendet, wie WordPress-Themes, Plug-ins oder andere" }, { "start": 2357.779, "end": 2362.719, "text": "Plattformen, dass man da bei der Auswahl der Komponenten drauf achtet," }, { "start": 2363.099, "end": 2364.379, "text": "dass die alle barrierefrei sind." }, { "start": 2364.459, "end": 2367.559, "text": "Also bevor man sich durch ein Theme auswählt, dass man vorher das Theme prüft," }, { "start": 2368.639, "end": 2369.959, "text": "reicht ja auch teilweise ein grober Blick." }, { "start": 2370.099, "end": 2372.759, "text": "Also häufig, wenn Dinge nicht barrierefrei sind und man macht zwei," }, { "start": 2372.859, "end": 2375.679, "text": "drei, vier Checks, fällt das ja schon häufig direkt mit auf." }, { "start": 2376.359, "end": 2378.999, "text": "Und dass man dann guckt, okay, ist das denn schon barrierefrei?" }, { "start": 2379.799, "end": 2383.039, "text": "Wenn man solche Plugins verwendet, die im Frontend Dinge machen," }, { "start": 2383.559, "end": 2386.039, "text": "dass man da auch drauf achtet, ist das barrierefrei oder nicht?" }, { "start": 2387.439, "end": 2390.699, "text": "Ähm ... Und das sind so verschiedenste Komponenten, die da zusammenkommen," }, { "start": 2390.759, "end": 2391.459, "text": "die man zusammenbringt." }, { "start": 2391.559, "end": 2394.079, "text": "Wenn man da von Anfang an bei jeder Komponente drauf achtet," }, { "start": 2394.639, "end": 2396.759, "text": "da hat man am Ende etwas, was ziemlich barrierefrei ist." }, { "start": 2396.839, "end": 2401.039, "text": "Ich hab auch schon Projekte betreut, wo ich am Ende eine Prüfung gemacht hab" }, { "start": 2401.039, "end": 2405.299, "text": "und wo ganz, ganz, ganz wenige Fehler nur noch waren, die man dann auch ganz gut ausbügeln konnte." }, { "start": 2406.139, "end": 2409.079, "text": "Wenn man jetzt ein bestehendes Projekt hat, und hat ein Theme drin," }, { "start": 2409.119, "end": 2411.339, "text": "was nicht barrierefrei ist, dann muss man das ganze Theme wechseln." }, { "start": 2411.439, "end": 2414.459, "text": "Das ist nicht unbedingt immer so wahnsinnig einfach, je nachdem," }, { "start": 2414.499, "end": 2415.399, "text": "was das für ein Theme ist." }, { "start": 2415.979, "end": 2419.759, "text": "Aber das ist schon wesentlich aufwendiger. Oder wenn man ein komplettes CI," }, { "start": 2419.899, "end": 2423.579, "text": "also Copyright Identity, wechseln muss oder da Farben anpassen muss," }, { "start": 2423.679, "end": 2427.079, "text": "dann betrifft das ja auch häufig noch wesentlich mehr, als zum Beispiel Printbroschüren," }, { "start": 2427.159, "end": 2428.159, "text": "die Social-Media-Kanäle und so." }, { "start": 2430.959, "end": 2431.399, "text": "Denken." }, { "start": 2432.059, "end": 2435.659, "text": "Ja, was auch Sinn gemacht hätte, von Anfang an mitzudenken, wäre ein Outro gewesen." }, { "start": 2436.139, "end": 2439.419, "text": "Naja, jetzt müsst ihr mit mir vorlieb nehmen. Ich hoffe, das ist okay." }, { "start": 2439.839, "end": 2443.399, "text": "Vielen Dank, Maja, für das tolle Gespräch und die gesamte Zusammenarbeit," }, { "start": 2443.739, "end": 2446.759, "text": "denn, wie Feli schon erwähnt hat, hat Maja uns auch dabei geholfen," }, { "start": 2446.899, "end": 2449.759, "text": "unsere eigene Website barrierefrei zu machen. Guckt gerne mal vorbei." }, { "start": 2450.379, "end": 2454.399, "text": "Ansonsten abonniert uns in der Podcast-App eurer Wahl und dann hören wir uns" }, { "start": 2454.399, "end": 2456.379, "text": "in der nächsten Folge wieder. Bis bald!" } ]