Eine Agentur, die Skateboards produziert – da drängt sich auf den ersten Blick die Frage nach dem “warum?” ins Rampenlicht und wartet ungeduldig auf Antworten. Schließlich heißt es ja so schön: “Schuster bleib’ bei deinen Leisten!”.
Um ganz ehrlich zu sein: die Frage hat sich uns nie gestellt. Warum nicht? Schließlich haben wir doch selbst unzählige Jahre in den Skateparks dieser Welt auf die Hausaufgaben vergessen, unser hart erwartetes Taschengeld in spärlich vorhandenen Skateshops durchgebracht und in Zeiten mageren Internets Magazine von vorne bis hinten auswendig gelernt.
Warum also eigentlich nicht?
Die Materie “Deck”
Als kreative Spielwiese bieten Skateboards herrlich uneingeschränkte Möglichkeiten und ein haptisches Erlebnis, das in Zeiten digitalen Arbeitens und digitaler Produkte, unglaublich erfrischend und zufriedenstellend ist.
Naja, um ehrlich zu sein vielleicht nicht ganz uneingeschränkt: Das extreme Format eines Decks ist für den Designprozess in jedem Fall eine Herausforderung. Eine schöne allerdings. Durch die speziellen Dimensionen, verdeckende Achsen oder die spätere Abnutzung, wird bereits im Konzept und Design zum Denken abseits täglicher Muster angeregt.
Auch die Art und Weise der Verwendung macht die Konzeption so spannend: welche Orientierung hat das Skateboard-Design? Hochformat, Querformat? Wie wird es gehalten? Was wird dadurch verdeckt, unleserlich oder gewollt betont?
Ein kleiner Auszug der Dinge, die Designern bei diesem Thema die Herzen höher schlagen lassen. Und dabei reden wir noch nicht mal von der Qual der Wahl in Sachen Deck-Shape, Sizes, Base-Colors etc.
Skate or die be good
Ist nun also das erste Deck designt, durch die Produktion gelaufen und wird zum ersten Mal in Händen gehalten, will es auch gefahren werden. Das kann man nun entweder selbst machen oder man gesteht sich ein, dass das irgendwann vielleicht nicht mehr die beste Idee ist und es Menschen gibt, die das sowieso auch wesentlich besser können. Zugegeben verwenden wir die Decks schon auch zur eigenen Fortbewegung und der Stolz über den erfolgreichen Ollie auf den abgesengten, barrierefreien Bordstein zaubert regelmäßig ein selbstzufriedenes Grinsen in unser Gesicht. So weit darf schon geprahlt werden.
Aber wie bereits erwähnt, sollen die Decks auch wirklich gefahren werden und Menschen glücklich machen.
Underexposed
Auf der Suche nach Menschen, die Skateboarden können und denen ein Deck nicht nur Freude bereitet, sondern sie auch wirklich weiterbringt, kam die Dokumentation Underexposed unverhofft und mit wegweisendem Impact ins Spiel. Der Film beleuchtet die Skateboarding-Industrie und hinterfragt welche Rolle Frauen in dieser Welt spielen. Eine unscheinbare. Zu wenig Support, zu wenig Wettbewerbe und nur langsam wachsende Aufmerksamkeit von Sponsoren.
Somit war klar, die Decks sollen Gutes tun und Frauen in der Skate-Szene unterstützen bzw. weiter bringen.
Mit Alisa Fessl konnte Johnny Be Good die erste Fahrerin für sich gewinnen. Wir sind stolz, sie laufend auf ihrem Weg unterstützen zu dürfen.
Seit dem arbeiten wir auf Hochtouren an weiteren Deck-Designs und daran, wie wir etwas dagegen unternehmen können, dass Mädchen und Frauen im Skatesport “underexposed” sind.
Dieser Modus ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem das Risiko von Anfällen, die durch blinkende oder blinkende Animationen und riskante Farbkombinationen entstehen, eliminiert wird.
Sehbehindertenmodus
Verbessert die visuelle Darstellung der Website
Dieser Modus passt die Website an die Bequemlichkeit von Benutzern mit Sehbehinderungen wie Sehschwäche, Tunnelblick, Katarakt, Glaukom und anderen an.
Kognitiver Behinderungsmodus
Hilft, sich auf bestimmte Inhalte zu konzentrieren
Dieser Modus bietet verschiedene Hilfsoptionen, um Benutzern mit kognitiven Beeinträchtigungen wie Legasthenie, Autismus, CVA und anderen zu helfen, sich leichter auf die wesentlichen Elemente der Website zu konzentrieren.
ADHS-freundlicher Modus
Reduziert Ablenkungen und verbessert die Konzentration
Dieser Modus hilft Benutzern mit ADHS und neurologischen Entwicklungsstörungen, leichter zu lesen, zu surfen und sich auf die Hauptelemente der Website zu konzentrieren, während Ablenkungen erheblich reduziert werden.
Blindheitsmodus
Ermöglicht die Nutzung der Website mit Ihrem Screenreader
Dieser Modus konfiguriert die Website so, dass sie mit Screenreadern wie JAWS, NVDA, VoiceOver und TalkBack kompatibel ist. Ein Screenreader ist eine Software für blinde Benutzer, die auf einem Computer und Smartphone installiert wird und mit der Websites kompatibel sein müssen.
Online Wörterbuch
Lesbare Erfahrung
Inhaltsskalierung
Standard
Textlupe
Lesbare Schriftart
Legasthenie-freundlich
Markieren Sie Titel
Links hervorheben
Schriftgröße
Standard
Zeilenhöhe
Standard
Buchstaben-Abstand
Standard
Linksbündig
Zentriert ausgerichtet
Rechtsbündig
Optisch ansprechendes Erlebnis
Dunkler Kontrast
Leichter Kontrast
Einfarbig
Hoher Kontrast
Hohe Sättigung
Niedrige Sättigung
Textfarben anpassen
Titelfarben anpassen
Hintergrundfarben anpassen
Einfache Orientierung
Töne stummschalten
Bilder ausblenden
Hide Emoji
Lesehilfe
Animationen stoppen
Lesemaske
Markieren Sie Schweben
Fokus hervorheben
Großer dunkler Cursor
Großer Lichtcursor
Kognitives Lesen
Virtuelle Tastatur
Navigationstasten
Sprachnavigation
Barrierefreiheitserklärung
johnnybegood.at
30.05.2026
Konformitätsstatus
Wir sind fest davon überzeugt, dass das Internet für alle Menschen zugänglich und nutzbar sein sollte. Daher setzen wir uns dafür ein, eine Website bereitzustellen, die für ein möglichst breites Publikum zugänglich ist – unabhängig von persönlichen Umständen oder Fähigkeiten.
Um dieses Ziel zu erreichen, bemühen wir uns, die Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortiums (W3C) auf Konformitätsstufe AA so strikt wie möglich einzuhalten. Diese Richtlinien beschreiben, wie Webinhalte für Menschen mit unterschiedlichsten Behinderungen zugänglich gemacht werden können. Die Einhaltung dieser Richtlinien hilft uns sicherzustellen, dass unsere Website für alle Menschen zugänglich ist: für blinde Menschen, Menschen mit motorischen Einschränkungen, Sehbehinderungen, kognitiven Beeinträchtigungen und viele mehr.
Diese Website verwendet verschiedene Technologien, um jederzeit eine möglichst hohe Barrierefreiheit zu gewährleisten. Wir nutzen eine Barrierefreiheits-Schnittstelle, die es Menschen mit bestimmten Behinderungen ermöglicht, die Benutzeroberfläche (UI) der Website an ihre persönlichen Bedürfnisse anzupassen.
Darüber hinaus verwendet die Website eine KI-basierte Anwendung, die im Hintergrund läuft und die Barrierefreiheit kontinuierlich optimiert. Diese Anwendung überarbeitet den HTML-Code der Website, passt Funktionalitäten und Verhalten für Screenreader (für blinde Nutzer) und Tastaturfunktionen (für motorisch eingeschränkte Nutzer) an.
Wenn Sie einen Fehler entdeckt haben oder Vorschläge zur Verbesserung haben, freuen wir uns über Ihre Rückmeldung. Sie erreichen die Betreiber der Website unter folgender E-Mail-Adresse: [email protected]
Screenreader- und Tastaturnavigation
Unsere Website setzt ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene funktionale Anpassungen ein, um sicherzustellen, dass blinde Nutzer mit Screenreadern die Website lesen, verstehen und nutzen können. Sobald ein Nutzer mit einem Screenreader die Website betritt, erhält er eine Aufforderung, das Screenreader-Profil zu aktivieren, um effektiv durch die Seite zu navigieren und diese zu bedienen. So erfüllen wir die wichtigsten Anforderungen für Screenreader-Nutzer, inklusive Codebeispiele in der Konsole:
Screenreader-Optimierung: Wir führen im Hintergrund einen Prozess aus, der die Website-Komponenten vollständig analysiert, um auch bei Änderungen die Barrierefreiheit aufrechtzuerhalten. In diesem Prozess stellen wir Screenreadern bedeutungsvolle Informationen mithilfe von ARIA-Attributen zur Verfügung. Dazu gehören z. B. präzise Bezeichnungen für Formulareingabefelder, Beschreibungen für anklickbare Symbole (wie Social-Media-, Such- oder Warenkorb-Symbole), Hinweise zur Eingabevalidierung sowie Rollenzuweisungen für Elemente wie Buttons, Menüs und Popups. Zusätzlich scannt dieser Prozess alle Bilder auf der Website und ergänzt nicht beschriebene Bilder mit sinnvollen, KI-basierten ALT-Texten durch Bilderkennung. Auch in Bildern eingebettete Texte werden mithilfe von OCR-Technologie erkannt und ausgegeben. Um Screenreader-Anpassungen jederzeit zu aktivieren, genügt die Tastenkombination Alt+1. Screenreader-Nutzer erhalten beim Betreten der Website automatisch einen Hinweis zur Aktivierung des Screenreader-Modus.
Diese Anpassungen sind mit allen gängigen Screenreadern wie JAWS und NVDA kompatibel.
Tastaturnavigations-Optimierung: Der Hintergrundprozess passt zudem den HTML-Code an und ergänzt Verhaltensweisen via JavaScript, um die vollständige Bedienung per Tastatur zu ermöglichen. Dies umfasst die Navigation über Tab- und Shift+Tab-Tasten, die Bedienung von Dropdown-Menüs mit den Pfeiltasten, das Schließen mit Esc, das Auslösen von Buttons und Links mit Enter sowie die Navigation zwischen Radio-Buttons und Checkboxen mit den Pfeiltasten. Die Auswahl erfolgt mit Leertaste oder Enter. Tastaturnutzer finden zudem Schnellnavigations- und Inhaltsüberspringungsmenüs, die über Alt+1 erreichbar oder als erste Elemente beim Navigieren sichtbar sind. Auch Popups werden automatisch fokussiert, sobald sie erscheinen, sodass der Fokus nicht außerhalb des Popups wandern kann.
Zusätzlich können Nutzer Tastenkombinationen wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Buttons) und „G“ (Grafiken) nutzen, um gezielt zu bestimmten Elementen zu springen.
Unterstützte Behinderungs-Profile auf unserer Website
Epilepsie-sicherer Modus: Dieser Modus ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem blitzende Animationen und gefährliche Farbkombinationen deaktiviert werden.
Modus für Sehbehinderte: Passt die Website für Menschen mit Sehbeeinträchtigungen wie nachlassendem Sehvermögen, Tunnelblick, Katarakt, Glaukom usw. an.
Modus für kognitive Beeinträchtigungen: Bietet Unterstützung für Nutzer mit Dyslexie, Autismus, Schlaganfallfolgen und ähnlichen Beeinträchtigungen durch Fokussierung auf wesentliche Website-Elemente.
ADHS-freundlicher Modus: Unterstützt Nutzer mit ADHS und neurodivergenten Veranlagungen beim Lesen, Navigieren und Fokussieren, indem Ablenkungen minimiert werden.
Blindheitsmodus: Passt die Website für Screenreader wie JAWS, NVDA, VoiceOver und TalkBack an. Screenreader sind Softwarelösungen für blinde Nutzer auf PCs und Smartphones – Websites müssen mit diesen kompatibel sein.
Tastaturnavigationsprofil (motorisch eingeschränkt): Ermöglicht motorisch eingeschränkten Nutzern die Bedienung der Website über Tab-, Shift+Tab- und Enter-Tasten. Auch hier stehen die Tastenkürzel „M“, „H“, „F“, „B“ und „G“ zur Verfügung.
Zusätzliche UI-, Design- und Lesbarkeitsanpassungen
Schriftanpassungen – Nutzer können Schriftgröße, -art, Zeilenabstand, Ausrichtung und mehr anpassen.
Farbkontraste – Es stehen verschiedene Farbkontrast-Profile zur Verfügung: hell, dunkel, invertiert, monochrom. Auch individuelle Farbanpassungen für Texte, Hintergründe und Titel sind möglich.
Animationen – Nutzer mit Epilepsie können alle laufenden Animationen (Videos, GIFs, blinkende CSS-Effekte) per Knopfdruck deaktivieren.
Inhaltshervorhebungen – Nutzer können wichtige Elemente wie Links und Überschriften hervorheben oder sich auf fokussierte/hoverte Elemente konzentrieren.
Audio-Stummschaltung – Nutzer mit Hörgeräten können durch automatisch abgespielte Töne beeinträchtigt werden. Diese Funktion erlaubt es, den Ton der gesamten Website sofort zu deaktivieren.
Kognitive Unterstützung – Eine integrierte Suchmaschine mit Wikipedia- und Wiktionary-Anbindung hilft beim Verständnis von Ausdrücken, Abkürzungen oder Slang.
Weitere Funktionen – Nutzer können die Cursorgröße und -farbe anpassen, den Druckmodus aktivieren, eine virtuelle Tastatur einblenden und vieles mehr.
Kompatibilität mit Browsern und Hilfstechnologien
Wir streben an, eine möglichst breite Kompatibilität mit Browsern und assistiven Technologien zu erreichen, sodass unsere Nutzer ihre bevorzugten Tools mit minimalen Einschränkungen verwenden können. Deshalb haben wir intensiv daran gearbeitet, alle gängigen Systeme zu unterstützen, die über 95 % Marktanteil ausmachen – darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera, Microsoft Edge sowie die Screenreader JAWS und NVDA.
Anmerkungen, Kommentare und Feedback
Trotz unserer größten Bemühungen, die Website vollständig anpassbar zu gestalten, kann es vorkommen, dass einzelne Seiten oder Inhalte noch nicht vollständig barrierefrei sind, sich in der Umsetzung befinden oder technisch schwer zugänglich sind. Wir verbessern unsere Barrierefreiheit jedoch fortlaufend, fügen neue Funktionen hinzu und setzen neue Technologien ein, um das bestmögliche Niveau der Zugänglichkeit zu erreichen. Für Unterstützung oder Rückfragen kontaktieren Sie uns bitte unter [email protected]