Gehirngerecht Digital GmbH

Warum du Farben in der Theorie nicht anpassen musst: So einige Firmen verzweifeln fast, wenn sie hören, dass sie ihr Corporate Design aufgrund der Barrierefreiheit jetzt umstellen sollen. Die gute Nachricht: Die Farben deiner Website müssen nicht zwingend angepasst werden, solange du eine alternative barrierefreie Lösung bereitstellst. Gemäß den Richtlinien ist es zulässig, eine konforme Alternativ-Version deiner Website bereitzustellen, wenn: … sie den gleichen Inhalt hat: Die alternative Version bietet den gleichen Inhalt und Funktionalität wie die Hauptseite. … sie barrierefrei ist: Die alternative Version ist vollständig barrierefrei und erfüllt die relevanten Kriterien. … sie einfach zu erreichen und bedienen ist: Nutzer*innen können leicht auf die alternative Version zugreifen, z. B. über einen Link oder einen Button (der die Kontrastanforderungen erfüllt). Mehr Details dazu findet ihr auch in der Handreichung des BFIT: https://lnkd.in/esed22vC Würden wir allerdings empfehlen, die Farben nicht anzupassen? Nicht wirklich. Auch wenn sich die Probleme auf der Website mit einem Umschalter lösen lassen, bleibt das Problem auf anderen Medien wie Flyer, Apps, Social-Media-Posts, Plakate und Ähnliches bestehen. Diese werden dadurch nicht automatisch barrierefreier. Auch wenn Barrierefreiheit in diesen Fällen nicht immer verpflichtend ist, bietet ein Umschalter keine ganzheitliche Lösung. Dazu kommt die Frage, ob es nicht mehr Aufwand bedeuten würde, eine alternative Version zusätzlich zur regulären Version der Website zu pflegen und aktuell zu halten. #digitaleBarrierefreiheit #Barrierefreiheit #a11y #Kontraste

BFSG! Kennt ihr diese Abkürzung? Ab spätestens 28.06.2025 solltet ihr das auf jeden Fall tun! Denn BFSG steht für das "Barrierefreiheitsstärkungsgesetz". Zugegeben, dieses Wort hat 32 Buchstaben und ist damit nicht wirklich barrierefrei, aber das ist ein anderes Thema. 😅 Konkret geht es darum, Maßnahmen zu ergreifen, um Menschen mit den unterschiedlichsten Einschränkungen den Zugang zu Information bzw. Dienstleistungen zu ermöglichen. Beispiele: 👉 Schriftgrößenänderung bei Websites 👉 Alt-Texte bei Bildern 👉 Die Website mit der Tastatur bedienen können 👉 Kontrast 👉 Untertitel für Videos 👉 uvm. Genau darüber habe ich in der neuesten Podcastfolge gesprochen: 👉 Folge 203 - Das 3er-Gespräch mit Bernhard - Thema: Digitale Barrierefreiheit mit Nina Jameson und Tobias Roppelt Jetzt online streamen, (fast) überall da, wo es Podcasts gibt! Den Link zu allen Streamingdiensten findet ihr in den Kommentaren. Ein kleiner Vorgeschmack gibt's hier im Video. Wie barrierefrei sind eure Webseiten? Was denkt ihr? Schreibt es in die Kommentare 👇 #Barrierefrei #Podcast #Marketing #KevinalleinimMarketing

Update: Ich habe einige Rückmeldungen erhalten und sie an den potenziellen Kunden weitergeleitet. Vielen lieben Dank für die Unterstützung! :) Für eine Kundenanfrage suchen wir Spezialist*innen, die eine JAVA-Anwendung auf Barrierefreiheit nach BITV 2.0 testen können. Wenn jemand jemanden kennt, der jemanden kennt, schreibt mir bitte direkt oder eine E-Mail an hallo@gehirngerecht.digital Danke euch! #BITV #barrierefreiheit #digitaleBarrierefreiheit

Kann ich mit Elementor barrierefreie Webseiten erstellen? Elementor ist eines der beliebtesten Tools, um schnell und ohne tiefgehende HTML-Kenntnisse eine Website zu erstellen. Doch gerade in puncto Barrierefreiheit zeigt sich, dass der Page-Builder seine Grenzen hat. Zwar bietet die Pro-Version mittlerweile Optionen, HTML-Tags und ARIA-Attribute anzupassen – ein essenzieller Schritt für barrierefreies Webdesign –, doch das erfordert technisches Verständnis und manuelles Feintuning. Viele der Elementor-Nutzenden verlassen sich aber darauf, dass die Drag-and-Drop-Elemente von Elementor automatisch barrierefrei sind. Genau hier entstehen jedoch die größten Probleme. Beispielsweise erzeugt Elementor bei Dropdown-Menüs ein semantisch inkorrektes Verhalten: Ein Element wird teils wie ein Link, teils wie ein Button behandelt, mit falschem HTML-Tag und unnötigen ARIA-Elementen. Gleichzeitig gibt es kaum Möglichkeiten, solche vorgefertigten Komponenten individuell anzupassen oder durch barrierefreie Alternativen zu ersetzen. Kurzgefasst sind die Probleme von Elementor also: - Semantisch inkorrektes HTML der Standard-Elemente - Problematische ARIA-Nutzung der Standard-Elemente - Fehlende Anpassungsmöglichkeiten des HTML Wird sich das ändern? Vielleicht. Ist es möglich, mit Elementor barrierefreie Webseite zu erstellen? Ja, wenn sie wenig Funktionalität hat oder mit vielen Extra-Plug-Ins. Allerdings bevorzugen wir aus Gründen der Performance und Skalierbarkeit eben Page-Builder wie Bricks. Bricks bietet nicht nur eine intuitive Drag-and-Drop-Oberfläche, sondern gibt dir auch die vollständige Kontrolle über den HTML-Code. Damit lassen sich barrierefreie, schnelle und zukunftssichere Webseiten erstellen. Wenn du lernen möchtest, wie du mit Bricks professionelle, barrierefreie Websites erstellst, ist unser Workshop vielleicht etwas für dich: https://lnkd.in/e_2HtVUb #barrierefreiheit #wordpress #elementor #a11y

Am 22.11. findet wieder unser Online-Workshop zum Thema digitale Barrierefreiheit für Content statt. Von 9 bis 13 Uhr lernst du: - Was digitale Barrierefreiheit bedeutet - Welche Gesetze & Standards du kennen musst - Wie du barrierefreie Inhalte erstellst - Wie du diese auf Websites, Blogs und Social Media umsetzt - Tipps für die Erstellung von barrierefreien Dokumenten Nach dem Workshop: - Bist du bereit, Inhalte zu gestalten, die für alle zugänglich sind. - Machst du deine Arbeit zukunftsfähig, gesetzeskonform und inklusiv. Special Offer: Mit dem Code InternetFuerAlle erhältst du 15 % Rabatt auf den Ticketpreis! Mehr dazu findest du auf unserer Eventbrite-Seite: https://lnkd.in/eVWSYnns #DigitaleBarrierefreiheit #Inklusion #Workshop

Perfektioniere deine Alt-Texte! Wenn du Alt-Texte für Bilder schreibst, vermeide Formulierungen wie: - Ein Bild von ... - Das Bild zeigt ... - Auf dem Bild sieht man ... Warum? Der Screenreader erkennt bereits, dass es sich um ein Bild handelt und fügt das Wort „Bild“ automatisch hinzu. Aus alt=”Sam am Strand“ macht der Screenreader „Sam am Strand, Bild“. Spare dir unnötige Worte und mach deinen Alt-Text noch prägnanter! #DigitaleBarrierefreiheit #NoExcluses

„Der Artikel wurde in den Warenkorb gelegt!“ – Muss diese Nachricht aufgrund der Barrierefreiheit so lange stehen bleiben, bis Nutzer*innen sie selbst schließen? Laut dem WCAG-Kriterium 2.2.1 „Timing adjustable“ dürfen Statusmeldungen nicht einfach so von selbst verschwinden, wenn sie wichtige Infos enthalten. Allerdings gibt es hier zwei Ausnahmen: Die Erste: Die Statusmeldung bestätigt nur das erwartete Ergebnis einer Aktion. Stell dir vor, du erledigst deine Steuererklärung in Elster und speicherst zwischendurch deinen Fortschritt. Die Meldung „Daten wurden gespeichert“ ist lediglich eine Bestätigung des erwartbaren Ergebnisses. Die Meldung darf sich also nach einer Zeit verabschieden. Die zweite Ausnahme betrifft unseren Warenkorb: Wenn die Info an einer anderen, dauerhaft sichtbaren Stelle auf der Webseite verfügbar ist, darf die Statusmeldung dazu von allein verschwinden. Im Shop zeigst du vermutlich irgendwo anders an, wie viele Artikel sich im Warenkorb befinden. Darum muss diese Nachricht von ganz oben auch nicht dauerhaft stehen bleiben. #digitaleBarrierefreiheit #NoExcluses #a11y #eCommerce

Auf dem Weg zu Experten für digitale Barrierefreiheit! Heute stand Teil 2 unseres Trainings mit Tobias Roppelt von Gehirngerecht Digital GmbH auf der Agenda mit Themenfokus Design, Content-Erstellung und Storytelling. Unabhängig davon, dass der Tag auch diesmal wieder zwar anstrengend, aber super kurzweilig war, haben wir auch verdammt viel mitgenommen und fühlen uns ready für barrierefreie Design- und Webprojekte! 💪 Hier ein paar Learnings des Tages: - Die Barrierefreiheit einer Farbe kann nur im Kontrast mit einer anderen Farbe bestimmt werden. Texte sollten mindestens einen Kontrast von 4,5:1 haben, Bedienelemente (Buttons) sollten mindestens einen Kontrast von 3:1 haben. (für WCAG Triple AAA ist es noch strenger...) - Kontraste haben oft zwei Ebenen, die stimmen müssen: Text auf Bedienelement und Bedienelement auf Hintergrund. - Typografie: Die Auswahl einer barrierefreien Schriftart ist zwar nicht von der WCAG vorgeschrieben, aber dennoch ziemlich wichtig, zum Beispiel für Menschen mit Dyslexie. Tipp: Einzelne Buchstaben sollten gut erkennbar sein und man könnte eine Schrift wählen, bei der sich die Buchstaben deutlich voneinander unterscheiden. Zentrierte Texte sind übrigens nix. 😉 - Um Icons barrierefrei zu nutzen, solltest du sie beschriften, mindestens 24 mal 24 Pixel groß machen und ihnen einen Mindestkontrastwert von 3:1 geben. - Das Wichtigste bei Bildern ist ein aussagekräftiger Alt-Text oder, dass sie irgendwo im Text beschrieben werden. Das mal ein paar der Informationen, Dos and Don'ts, die heute Teil des Workshops waren. Dann lasst uns mal die barrierefreie Digitalwelt ein bisschen mitgestalten!

Brauche ich einfache oder Leichte Sprache auf meiner Webseite? Kurz: Nein. Es scheint immer noch viele Missverständnisse zum Barrierefreiheitsstärkungsgesetz (BFSG) und diesem Thema zu geben. Das BFSG verpflichtet dich nicht dazu, deine Webseite in einfacher oder Leichter Sprache anzubieten.  Leichte Sprache ist durch die Barrierefreien-Informationstechnik-Verordnung (BITV) für öffentliche Stellen verpflichtend. Daher kommt wahrscheinlich auch öfter die Verwirrung.  Unternehmen müssen sich vom Gesetz her keine Gedanken über einfache oder Leichte Sprache machen. Unabhängig vom Gesetz ist es dennoch natürlich hilfreich, einfache oder Leichte Sprache zu verwenden.  Besonders einfache Sprache ist, einfach gesagt, einfach Umgangssprache! Wer die Texte auf seiner Webseite so knapp, klar und verständlich wie möglich hat, tut seinen Besuchern (seinen Verkaufszahlen und seinem Support) einen ziemlich großen Gefallen. Alles Wichtige über einfache Sprache hat Christiane Hackl in unserem Blog zusammengefasst: https://lnkd.in/ey-a55nZ Leichte Sprache ist ein ganz anderes Thema. Sie ist streng geregelt und umfasst sowohl die Sprache als auch Schriftart und Layout.  Leichte Sprache richtet sich zudem an eine bestimmte Zielgruppe: Menschen mit Lernbehinderung, Demenz, Aphasie und Gehörlose. Mehr zur Leichten Sprache und den Unterschied zur einfachen Sprache findet ihr im Artikel von Andrea Halbritter auf unserer Seite: https://lnkd.in/dwPNBdDv #digitaleBarrierefreiheit #a11y #LeichteSprache #EinfacheSprache