Version 4.5 - Automatisch verfügbarNeu: Barrierefreie Webseite und Online-Kalender für Vereine
Seit dem 28. Juni 2025 ist in der ganzen EU ein neues Gesetz in Kraft, dass zum Ziel hat den Zugang zu digitalen Produkten und Dienstleistungen für Menschen mit Behinderungen zu verbessern. Auch wenn die Anforderungen des Barrierefreiheitsstärkungsgesetz (BFSG in Deutschland bzw. BaFG in Österreich) von vielen Vereine nicht zwingend eingehalten werden müssen, können Vereine die ClubDesk nutzen die Anforderungen des BFSG bzw. BaFG an Vereinswebseiten, Online-Kalender, Anmeldeformulare usw. nun ganz einfach erfüllen.
Mit der neue Version 4.5 von ClubDesk ist eure Webseite, ohne dass ihr etwas ändern müsst, automatisch über die Tastatur navigierbar, unterstützt Screenreader die eure Seiteninhalte vorlesen, verwendet barrierefreie CAPTCHAs u.v.m. Dasselbe gilt natürlich auch für den Handy-Vereinskalender. So können alle Mitglieder, Unterstützer oder Interessierte unabhängig von ihren individuellen Einschränkungen, eure digitalen Vereinsangebote einfach nutzen. Egal ob es sich um die Anmeldung zu einem Vereinsevent oder das Übermitteln einer Spende handelt, eure Inhalte stehen allen offen.
Mehr als Inklusion, auch ein Vorteil für euren Verein
Eine gute Umsetzung der digitalen Barrierefreiheit ist also nicht nur für Menschen mit Behinderungen, sondern auch für euch als Verein eine richtig gute Sache. Für euren Verein ist es zweifelsohne von Vorteil, wenn eure Webseite nicht nur von Menschen mit Sehbehinderung, Menschen mit motorischen Einschränkungen, sondern auch von älteren Nutzer*innen oder jemand der einfach seine Brille gerade nicht findet, gut bedient werden kann. Dann werden mehr Leute eure Angebote nutzen, an Veranstaltungen teilnehmen, eure Spendeneinnahmen steigen usw.
Es lohnt sich daher sogar etwas Zeit zu investieren und zu überprüfen, ob die fünf oder sechs von euch auf der Webseite verwendeten Farben genug Kontrast aufweisen und für die wichtigsten Bilder einen Beschreibungstext zu erfassen.
Gesetzliche Vorgaben
Für die meisten Vereine ist all das aber nicht gesetzlich vorgeschrieben, da das Barrierefreiheitsstärkungsgesetz (BFSG) für sie auf Grund der Kleinstunternehmerregelung (weniger als 10 Mitarbeiter, sowie höchstens 2 Mio. Umsatz) nicht gilt. Wer überprüfen will für welche Vereine das BFSG bzw. BaFG genau gilt, welche Angebote barrierefrei angeboten werden müssen, welche Maßnahmen man dann umsetzen muss und wie man die Einhaltung des BFSG bzw. BaFG überprüft, kann das im ClubDesk Vereinswissens-Ratgeber "Barrierefreiheitsstärkungsgesetz: Digitale Barrierefreiheit für Vereine" nachlesen.
Alle neuen Funktionen für eine barrierefreie Vereinswebseite
Die folgenden Neuerungen ermöglichen es euch eure Vereinswebseite auch für Menschen mit Behinderungen und Beeinträchtigungen nutzbar zu machen.
Die meisten Anpassungen erfolgen automatisch, ihr müsst dafür also gar nichts machen. Natürlich verändert ClubDesk nicht eigenmächtig die Farben oder Schriftgrößen von bestehenden Webseiten, aber auch das ist in ClubDesk mit wenigen Klicks für die ganze Vereinswebseite möglich.
Damit eine Webseite für Menschen mit einer Seh- oder mit einer motorischen Behinderung bedienbar ist, muss man die Webseite komplett mit der Tastatur bedienen können. Mit ClubDesk 4.5 kann man daher sämtliche Menüpunkte, Knöpfe, Eingabefelder, Texte usw. mit der Tabulatortaste ansteuern, sich mit einem Screenreader vorlesen lassen und dann mit der Entertaste ausführen. Wenn ihr eure Webseite mit ClubDesk erstellt habt, ist eure Vereinswebseite automatisch voll tastaturnavigierbar.
Tipp: Bei den meisten CMS-Systemen oder Webseiten-Baukasten ist dies nicht der Fall. Wenn ihr nicht ClubDesk für eure Webseite verwendet, solltet ihr das umgehend prüfen und die notwendigen Anpassungen an den verwendeten Templates vornehmen oder von externen Dienstleistern programmieren lassen (letzteres mussten wir für unsere eigene, mit dem CMS «Contao» erstellte, Firmenwebseite „www.clubdesk.de“ machen).
Damit Besucher*innen einer Vereinswebseite nicht unnötig Zeit verlieren, wurde mit ClubDesk 4.5 ein unsichtbarer Schalter ergänzt, der erst beim Navigieren mit der Tastatur oder einem Screenreader sichtbar wird: „Zum Hauptinhalt springen“. Mit einem Klick oder Tastendruck kann man damit direkt in den eigentlichen Seiteninhalt springen und muss nicht jedes Mal die gesamte Navigation und den Header durchlaufen.
Gerade für sehbehinderte Menschen, die mit Screenreader und Tabulatortaste arbeiten, ist das eine enorme Erleichterung. Stellt euch vor, jemand möchte auf eurer Webseite nur die Informationen zu einem Event lesen. Ohne diese Funktion müsste er oder sie sich jedes Mal durch alle Menüeinträge hangeln, bevor der eigentliche Inhalt vorgelesen wird. Mit „Zum Hauptinhalt springen“ geht es sofort zum Wesentlichen – schnell, barrierefrei und ohne Umwege.
Das Beste daran: Auch bestehende Vereinswebseiten, die mit ClubDesk erstellt wurden, profitieren automatisch von dieser Neuerung. Ihr müsst nichts anpassen, um euren Mitgliedern diese zusätzliche Erleichterung zu bieten.
Damit niemand beim Navigieren mit der Tastatur den Überblick verliert, hebt ClubDesk 4.5 nun automatisch jedes Element hervor, das gerade ausgewählt ist. Für Buttons, Links oder Formularfelder erscheint ein klar sichtbarer Fokusrahmen, dessen Farbe automatisch passend zu euren Vereinsfarben gewählt wird.
Das ist besonders wichtig für Menschen mit motorischen Einschränkungen oder für alle, die lieber mit der Tastatur statt mit der Maus arbeiten. Wenn jemand online ein Anmeldeformular für eine Mitgliedschaft im Verein ausfüllt, ist Dank des sichtbaren Fokusrahmens jederzeit klar erkennbar, in welchem Eingabefeld sich der Cursor gerade befindet oder ob ein Link oder Knopf angewählt ist. So werden Fehler vermieden und die Bedienung deutlich einfacher und sicherer.
Auch diese Funktion wird mit Version 4.5 automatisch auf allen bestehenden Vereinswebseiten aktiviert. Ihr müsst also nichts tun, damit eure Webseite von diesem zusätzlichen Komfort profitiert.
Mit ClubDesk 4.5 ist es jetzt möglich, für alle Bilder auf eurer Vereinswebseite Alternativ-Texte (Alt-Texte) zu erfassen. Diese kurzen Beschreibungen werden von Screenreadern vorgelesen und machen Bilder so auch für Menschen verständlich, die sie nicht sehen können. Das gilt für alle Inhaltsblöcke wie Bilder, Bilder-Karussells, Videos oder Audios. Wenn ihr z.B. ein Foto eures Vereinsheims auf der Webseite hochladet, könnte man im Alt-Text hinterlegen „Vereinsheim SC Muster“. Lässt sich nun ein Mensch mit eingeschränkter Sehkraft die Seite vorlesen, ist für ihn klar, dass dort ein Foto eures Vereinsheims angezeigt wird, da der Screenreader den Inhalt entsprechend vorliest.
Damit ihr dabei so wenig Aufwand wie möglich habt, ergänzt ClubDesk viele Alt-Texte sogar automatisch. Zeigt ihr auf eurer Webseite z.B. eine Liste der Vorstandsmitglieder inkl. Foto an, werden diese beispielsweise mit „Portrait von Max Mustermann“ versehen und ein Mannschaftsbild im Bereich der Herrenmannschaft 1 erhält automatisch den Text „Gruppenfoto der Herrenmannschaft 1“. So wird die Seite für alle verständlicher und barrierefreier.
Ein weiterer wichtiger Schritt in Richtung Barrierefreiheit ist das neue Altcha-Captcha, das in ClubDesk 4.5 integriert wurde. Klassische Bild- oder Klick-Captchas, wie das mühselige Auswählen von Ampeln oder Zebrastreifen, stellen für viele Nutzer*innen eine echte Hürde dar, vor allem für Menschen mit Sehbehinderungen.
Das Altcha-Captcha arbeitet völlig unsichtbar im Hintergrund und erfordert keine Eingabe oder Bestätigung durch die Besucher*innen eurer Vereinswebseite. Stellt euch vor, jemand meldet sich online zu einem Training an oder möchte eine Spende übermitteln: Anstatt ein störendes Captcha lösen zu müssen, kann er oder sie den Vorgang einfach direkt abschließen.
Trotz seiner Einfachheit bietet das System zuverlässigen Schutz vor Spam und erfüllt vollständig die Anforderungen an digitale Barrierefreiheit. Für eure Vereinswebseiten bedeutet das: weniger Barrieren für eure Mitglieder und Interessierten und gleichzeitig mehr Sicherheit für euch.
Mit ClubDesk 4.5 wurden auch die Seitentitel überarbeitet, also die Texte, die oben im Browser-Tab angezeigt werden. Die Reihenfolge wurde z.B. so angepasst, dass immer die wichtigste Information zuerst steht und der Vereinsname am Ende folgt.
Das erleichtert insbesondere sehbehinderten oder eingeschränkten Nutzer*innen die Orientierung, da Screenreader die Titel direkt vorlesen. Wer also mehrere Tabs geöffnet hat, erkennt sofort, ob es sich um die Seite mit dem Anmeldeformular, den Terminkalender oder die Startseite handelt, ohne erst den eigentlichen Seiteninhalt durchzugehen. So finden alle schneller die gewünschte Information und behalten jederzeit den Überblick.
Alle ClubDesk-Webseiten-Design-Vorlagen wurden umfassend für die Barrierefreiheit optimiert. Mit dem Profi-Überprüfungstool Eye-Able® haben wir alle Vorlagen nach den Vorgaben des European Accessibility Acts (EU Richtlinie 2019/882) und den Web Content Accessibility Guidelines (WCAG) getestet und die notwendigen Anpassungen umgesetzt.
Dabei haben wir insbesondere darauf geachtet, dass alle Texte groß genug sind, genügend Textabstand vorhanden ist, um eine optimale Lesbarkeit zu gewährleisten. Auch die Farbkontraste wurden angepasst, sodass Texte, Buttons, Bedienelemente, Fokusanzeigen usw. auf allen verwendeten Hintergrundfarben, Bildern usw. auch für Menschen mit Sehbehinderung erkennbar bleiben. Zusätzlich weisen alle Bilder «gute» Alternativ-Texte auf.
Verwendet ihr also eine der mit ClubDesk 4.5 mitgelieferten Designs, könnt ihr euch sicher sein, dass eure Vereinswebseite all diese Anforderungen der Barrierefreiheit erfüllt.
Wenn ihr die Farben anpasst, beispielsweise an eure Vereinsfarben, bleibt eure Vereinswebseite vermutlich barrierefrei, solange die verwendeten Farben ähnlich hell bzw. dunkel sind wie die der Vorlagen. Die mitgelieferten Designs könnt ihr also als Orientierungshilfe verwenden, wie stark der Kontrast zwischen Hintergrundfarben und Elementen im Vordergrund sein sollten.
Tipp: Da das clevere Webseitenmodul von ClubDesk alle für Titelbalken, Listenhintergründe, Knöpfe, Links, Titel usw. verwendeten Farben zusammensucht und in einem Fenster anzeigt, ist die Farbanpassung mit ClubDesk eine kleine Sache. Eine einfache Schritt für Schritt Anleitung findet ihr in der ClubDesk Wissensdatenbank unter dem Titel "Wie wird meine Webseite barrierefrei? Kontraste und Farben einstellen.".
Kostenlose Tools für Kontrastüberprüfung
Verwendet ihr deutlich hellere oder dunklere Farben als in den Designvorlagen, solltet ihr eure Webseite kurz mit einem entsprechenden Tool prüfen. Kostenlose Online-Tools wie Barrierefreies.Design oder Siteimprove Contrast Checker prüfen, ob eure Farbkombinationen den Anforderungen der Barrierefreiheit entsprechen.
Damit Vereinswebseiten noch leichter bedient werden können, haben wir in ClubDesk 4.5 wichtige sensorische Eigenschaften ergänzt. Elemente wie Links werden nicht mehr nur farblich hervorgehoben, sondern zusätzlich durch Unterstreichungen oder andere visuelle Merkmale kenntlich gemacht. Dadurch können z.B. auch Menschen mit Farbfehlsichtigkeit Links zuverlässig erkennen.
Auch die Darstellung von Fehlermeldungen wurde verbessert. Neben der farblichen Markierung erscheint jetzt automatisch ein deutlich sichtbares Fehler-Icon, das sofort ins Auge fällt und von Screenreadern zuverlässig erfasst wird. Zusätzlich zeigt der Browser Fehlermeldungen direkt in Eingabefeldern an. Das erleichtert allen Nutzer*innen die Bedienung, besonders aber Menschen, die auf unterstützende Technologien angewiesen sind.
Tipp: Prüftools für Barrierefreiheit
Wenn ihr eure Webseite komplett auf Barrierefreiheit überprüfen wollt, z.B. weil euer Verein Mitglieder mit einer Behinderung hat, euch das Thema besonders am Herzen liegt oder für euren Verein das BFSG bzw. BaFG bindend ist, dann gibt es dafür verschiedene Software-Tools. Diese sind allerdings in der Regel nicht kostenlos. Wir bei ClubDesk haben für die Überprüfung unserer eigenen Webseite www.clubdesk.de und für die Prüfung der in ClubDesk enthaltenen Designvorlagen die online Lösung "Eye Able" verwendet.
Mit diesem Tool könnt ich gleich auch auf Knopfdruck eine «Barrierefreiheitserklärung» erstellen, die unter anderem alle nicht barrierefreien Inhalte auflistet, was man auch für Inhalte machen muss, die nicht mit der «EN 301 549» (auch EAA genannt) vereinbar sind. Daher kann für die Barrierefreiheitserklärung nicht einfach eine Standardvorlage verwendet werden.
Barrierefreiheit im ClubDesk-Vereinskalender
Auch alle mit ClubDesk erstellten Vereins-Kalender wurde so erweitert, dass sie von allen Menschen, unabhängig von individuellen Einschränkungen, einfach genutzt werden können. Die Verbesserungen greifen automatisch, sodass ihr keine Anpassungen vornehmen müsst. Ob Termine ansehen, sich zu einem Training anmelden oder Einladungen verschicken: Mit den neuen Funktionen ist euer Kalender jetzt vollständig barrierefrei zugänglich, egal ob auf eurer Vereinswebseite oder dem Handy-Vereinskalender.
Mit ClubDesk 4.5 ist nun auch der Vereinskalender vollständig über die Tastatur bedienbar. Das bedeutet, dass sich Termine, Veranstaltungen oder Trainings mit der Tabulatortaste gezielt ansteuern und per Enter-Taste öffnen lassen. Natürlich kann man sich dann auch per Tabulator- und Entertaste für den gewählten Termin an- oder abmelden, herausfinden wie viele Leute sich sonst schon angemeldet haben, verweisende Links aufrufen u.v.m., all das ganz ohne Maus.
Für Menschen mit Behinderung ist das ein entscheidender Vorteil, weil sie so schnell und zuverlässig durch die Terminlisten und Einzeltermin-Infos navigieren können. Aber auch für alle anderen Nutzer*innen ist es praktisch: User, die gerne Tastaturkürzel verwenden, können Termine und Funktionen nun deutlich schneller bedienen, ohne ständig zwischen Tastatur und Maus wechseln zu müssen.
Diese Funktion ist, wie alle folgenden Neuerungen auch, automatisch für alle bestehenden Vereinskalender verfügbar und macht die Nutzung von Terminen für alle Vereinsmitglieder, Fans, Sponsoren usw. noch komfortabler.
Wie auch bei den mit ClubDesk erstellten Webseite wurde im ClubDesk-Kalender ein zusätzliches, zunächst unsichtbares Bedienelement integriert: „Zum Hauptinhalt springen“. Damit können Nutzer*innen beim Navigieren mit Tastatur oder Screenreader sofort zu den wirklich relevanten Inhalten gelangen, etwa direkt zur Terminliste oder zu den Detailinformationen einer Veranstaltung.
Für Menschen mit Behinderung ist das eine große Erleichterung, da sie nicht erst die Navigation und Kopfzeile durchlaufen müssen, bevor der eigentliche Inhalt vorgelesen wird. Stattdessen geht es mit einem einzigen Tastendruck direkt dorthin, wo die wichtigen Informationen stehen.
Diese Funktion steht automatisch in allen bestehenden Vereins-Kalendern zur Verfügung.
Damit beim Navigieren mit der Tastatur jederzeit klar ist, wo man sich gerade befindet, zeigt euer Vereinskalender nun automatisch einen deutlichenFokusrahmen um das jeweils aktive Element an. Ob Terminlisteneintrag, Button oder Eingabefeld: der Fokus ist sofort erkennbar und erleichtert die Bedienung erheblich.
Diese Verbesserung unterstützt nicht nur Menschen mit Seh- oder Motorik-Einschränkungen, sondern macht den Kalender auch für alle komfortabler. Wer beispielsweise schnell zwischen mehreren Terminen wechseln möchte, sieht sofort, welcher Eintrag gerade ausgewählt ist.
Damit Screenreader Inhalte im Kalender besser erkennen und verständlich wiedergeben können, wurden alle Felder, Elemente und Abschnitte entweder beschriftet oder mit einer unsichtbaren Beschriftung versehen. So ist jederzeit eindeutig, ob sich der Fokus gerade in der Terminliste, in der Detailansicht eines einzelnen Termins oder in einem Eingabefeld befindet.
Das macht die Orientierung deutlich einfacher, da Screenreader für Menschen mit Behinderung die passenden Beschriftungen direkt vorlesen.
Im ClubDesk-Kalender wurden auch die Seitentitel verbessert, also die Texte, die im Browser-Tab angezeigt und von Screenreadern vorgelesen werden. Neu enthalten sie die jeweils wichtigsten Informationen der geöffneten Seite. So wird beim Event-Detail beispielsweise zusätzlich der Betreff des Termins im Titel angezeigt.
Das erleichtert allen Nutzer*innen die Orientierung. Insbesondere Menschen mit Sehbehinderungen, die Screenreader verwenden profitieren davon. Sie können sofort hören, auf welcher Seite sie sich befinden, ohne erst den kompletten Seiteninhalt durchzugehen. Auch wer mehrere Tabs geöffnet hat, weiß sofort, welche Kalenderseite gerade aktiv ist.
Auch im Vereinskalender haben wir die Darstellung wichtiger Elemente verbessert, damit sie für alle Nutzer*innen leichter erkennbar sind. Links werden nicht mehr nur farblich markiert, sondern zusätzlich durch Unterstreichungen oder andere visuelle Merkmale hervorgehoben. So können sie zuverlässig erkannt werden, auch von Personen mit eingeschränktem Sehvermögen.
Bei Fehlermeldungen sorgt jetzt ein deutlich sichtbares Fehler-Icon dafür, dass Probleme sofort auffallen und gleichzeitig von Screenreadern korrekt erfasst werden. Zusätzlich zeigt der Browser Fehler in Eingabefeldern direkt an, zum Beispiel wenn ein Pflichtfeld in einem Anmeldeformular vergessen wurde.
Diese Anpassungen machen den Kalender nicht nur barrierefreier für Menschen mit Sehbehinderungen, sondern erhöhen für alle Mitglieder die Übersichtlichkeit und Bedienfreundlichkeit.
Damit Inhalte im Vereinskalender für alle gut lesbar sind, haben wir sämtliche Farbkontraste optimiert. Texte, Buttons und Symbole heben sich nun klar vom Hintergrund ab und bleiben für Menschen mit eingeschränkter Sehkraft noch gut erkennbar.
Diese Anpassung macht den Kalender aber auch für alle anderen angenehmer lesbar: egal ob am Laptop, Tablet oder Smartphone.
Im ClubDesk-Kalender wird neu automatisch eine Barrierefreiheitserklärung im Footer angezeigt: direkt neben Impressum, Datenschutzbestimmungen und AGB. Diese Erklärung informiert darüber, in welchem Umfang der Kalender die Anforderungen zur Barrierefreiheit erfüllt. Gerade für digitale Angebote, wie zum Beispiel dem Vereinskalender, der für viele Personen zugänglich ist, eine solche Erklärung wichtig, da sie für Menschen mit Behinderung Transparenz schafft.
Übrigens: Für Vereinswebseiten stellen wir bewusst keine Standard-Vorlage für eine Barrierefreiheitserklärung zur Verfügung. Der Grund ist einfach: Die Barrierefreiheitserklärung ist für jede Seite sehr individuell da sie jedes Element, das nicht Barrierefrei ist, einzeln auflisten muss. Für den Großteil der Vereine gilt zudem keine gesetzliche Pflicht zur Veröffentlichung. Wer dennoch eine Erklärung benötigt, sollte diese mit Hilfe eines spezialisierten Prüf-Tools erstellen lassen, das eure Seite analysiert und eine genau passende Erklärung generiert.
Mit der automatisch integrierten Erklärung im Vereinskalender habt ihr jedoch die Sicherheit, dass dieser zentrale Bereich eures digitalen Vereinslebens die relevanten Barrierefreiheits-Anforderungen erfüllt. Und das dank ClubDesk ganz automatisch.
Mit diesen Anpassungen erfüllt euer Vereinskalender, sofern er mit ClubDesk erstellt wurde, zentrale Anforderungen an die digitale Barrierefreiheit: von optimierten Farbkontrasten über die vollständige Tastaturnavigation bis hin zur automatischen Barrierefreiheitserklärung. Alle Verbesserungen greifen automatisch und sorgen dafür, dass Termine, Anmeldungen und Veranstaltungen für wirklich alle Menschen im Umfeld eures Vereins vollumfänglich nutzbar sind. So wird der Kalender nicht nur inklusiver, sondern auch für alle einfacher und komfortabler zu bedienen.
Für Interessierte: Vereinswissen-Ratgeber
Wer sich intensiver mit dem Thema Barrierefreiheit beschäftigen möchte, findet in unserem Vereinswissen-Ratgeber viele hilfreiche Infos, Tipps und Links zu weiterführenden Ressourcen. Für den Großteil der Vereine gelten die gesetzlichen Anforderungen des BFSG bzw. BaFG zwar nicht, dennoch können zusätzliche Maßnahmen die Zugänglichkeit und Nutzerfreundlichkeit eurer Vereinsangebote weiter verbessern.
Im Ratgeber erfahrt ihr:
Für welche Vereine gilt das BFSG bzw. BaFG?
Welche Dienstleitungen und Produkte muss man barrierefrei anbieten.
Welche Anforderungen sollten bzw. müssen eure Angebote erfüllen, um barrierefrei zu sein?
Ein Blick in den Ratgeber lohnt sich also. Vor allem, wenn sich euer Verein generell für Menschen mit Behinderungen engagieren möchte oder ihr nicht sicher seid ob für euren Verein das BFSG bzw. BaFG gilt oder nicht.
Übrigens: Barrierefreiheit ist für uns bei ClubDesk nicht nur ein gesetzliches Thema, sondern ein echtes Anliegen. Deshalb haben wir natürlich unsere eigene Webseite (www.clubdesk.com) umfassend überarbeitet und dafür das professionelle Tool von Eye-Able® eingesetzt. Damit konnten wir unseren Webauftritt umfassend auf digitale Barrierefreiheit prüfen und dann an vielen Stellen optimiert, um die hohen Standards der Barrierefreiheit zu erfüllen.
