向上 – kojo

Ein Website-Theme für Performance, Barrierefreiheit & Flexibilität

Modern, aufgeräumt und technisch optimiert – goutiert mit allen Annehmlichkeiten einer CMS-Website auf TYPO3-Basis. Dafür steht kojo. So rückt dieses Website-Theme die Themen Barrierefreiheit, Performance und redaktionelle Flexibilität in den Vordergrund und bietet Agenturen für Ihre Kunden-Projekte und Unternehmen für ihre Corporate Website eine professionelle Basis für einen individuell-gelungenen Web-Auftritt. 

Auf einer kojo-Seite umschauen  kojo kostenlos testen

kojo: Verbesserung für alle

Die Welt steht bekanntermaßen nicht still. Und die Welt des Internets erst recht nicht. Die Anforderungen an Websites entwickeln sich ständig weiter – und so auch die Anforderungen an Themes.

Logisch also, dass auch die Websites-Themes von toujou mit den neuesten Entwicklungen Schritt halten. Herausgekommen ist ein neues Theme: kojo. Der Name ist in der toujou-Tradition dem Japanischen entlehnt und lässt sich am besten mit Verbesserung / Verfeinerung übersetzen. Eine Weiterentwicklung sozusagen für redaktionelle Anwendungen als auch für technische Grundlagen einer Website, in die die Erfahrungen der vergangenen Themes gepaart mit der Expertise aus über 20 Jahren Webentwicklung eingeflossen sind. 

Alle User erreichen mit barrierefreier Website

Eine barrierefreie – oder zumindest barrierearme – Website wird in Deutschland nicht nur durch das Barrierefreiheitsstärkungsgesetz, das Mitte 2025 in Kraft tritt, relevant. Es lassen sich auch mehr Menschen erreichen und so die Zielgruppe vergrößern und die Userzahl erhöhen. 

Mit kojo nutzen Sie ein Theme, das Basis und Tools für barrierearme Websites nach WCAG-Kriterien bietet.

Technische Grundlagen

Zur technischen Basis von kojo gehören eine Reihe von Punkten, die Ihnen toujou bereitgestellt:

• Trennung von HTML und CSS: Für weniger Barrieren und eine klare Struktur.
• Tastatur-Navigation: Bedienung der Topbar, Navigationsreiter, Links, Schaltflächen und Formulare auch via Tastatur möglich.
• Skalierbare Schriftgrößen: Texte passen sich an das jeweilige Endgerät an und bleiben lesbar.
• Browser-Kompatibilität: Ihre Website funktioniert in aktuellen Versionen der gängigen Browser. Zudem werden User Preferences, z.B. reduced motion, berücksichtigt.
• Freifläche: Ausreichend Freifläche und Abstand zwischen den Zeilen und Texten. Für eine bessere Lesbarkeit.

Redaktionelle Hilfsmittel

Zudem stehen Ihnen in kojo – und allen anderen toujou-Themes – mehrere Hilfsmittel beim redaktionellen Bearbeiten für eine barrierearme Website zur Verfügung. Neben der Lesbarkeitsanalyse via Yoast SEO, die Verbesserungsvorschläge für leicht verständliche Sprache bereithält, sind das vor allem die Farbkontraste und Alt-Tags: 

Sorgen Sie für Farbkontraste

• Definieren Sie der Website zugrundeliegende Farben für Hintergrund, Schrift sowie eine Primär- und Sekundärfarbe im Setup – samt jeweils hellen und dunklen Abstufungsvarianten.
• Testen Sie via Farbkontrast-Checker alle gewählten Farben und passen Sie den Kontrast bei Bedarf an.

Gestalten Sie Medien barrierefrei

• Hinterlegen Sie einmalig Alt-Tags und Video-Untertitel über die jeweilige Datei im Fileadmin.
• Profitieren Sie von den hinterlegten Einstellungen bei jeder Nutzung des Mediums auf der gesamten Website. Diese globalen Einstellungen lassen sich jederzeit für ein bestimmtes Element editieren.

Parallax-Effekte

Für optische Abwechslung auf der Website sorgen mittels eines Parallax-Effekts. Einfach entsprechendes Bild im Backend hochladen, gewünschte Einstellungen treffen und ganz ohne Programmierkenntnisse diesen imposanten Effekt nutzen.

Mehr redaktionelle Flexibilität beim Website-Gestalten

Für mehr redaktionelle Freiheit bei der Gestaltung einer CMS-Website erhalten Redakteurinnen und Anwender neben dem Parallax-Effekt die Möglichkeit, Hintergrundfarben samt Schriftfarbe sowie Abstände für einzelne Seitenabschnitte zu definieren. Möglich im Chapter-Element und ganz ohne Programmierkenntnisse. Weitere Individualisierungen via CSS bleiben jederzeit in gewohnter Manier möglich.

Dazu stehen natürlich auch die bisherigen redaktionellen Mittel für die individuelle Website zur Verfügung. Als da wären: 

• 150+ Elemente, mit u.a. Teaser, Medien, Slider, Texte, Schaltflächen und zahlreichen Widgets
• toujou-Setup mit Auswahlmöglichkeit von Theme, Schrift und Farben
• Zahlreiche Features wie Multisite, Mehrsprachigkeit, Formulare, Blog, Events und Consent-Management
• Element Design, das eine optische Anpassung eines Elements mit einem Klick in primary, secondary oder inverted design erlaubt. 

Hintergrund in dunkler Primärfarbe mit Schriftfarbe in Hintergrundfarbe

Hintergrund in heller Sekundärfarbe mit Schriftfarbe in Schriftfarbe

Hintergrund in heller Schriftfarbe mit Schriftfarbe in Primärfarbe

Auf einer kojo-Seite inspirieren lassen Kostenlos kojo testen

Funktionen für alle Themes verfügbar

In der Tradition von toujou stehen die aufgeführten Elemente und Features wie Parallax und Hintergrundfarben in den anderen Website-Themes ebenfalls zur Verfügung. Sie müssen also keinesfalls auf diese Möglichkeiten verzichten, wenn tabi, hissu oder medatsu besser zu Ihren Vorstellungen und Inhalten passt. 

Natürlich können Sie in kojo alle individuellen Einstellungen wie die Schriftart und die CI-Farben jederzeit selbst editieren. Auch der Theme-Switch ist jederzeit möglich. Unter Umständen kann es allerdings zur optischen Notwendigkeit von Nachbesserungen bei einzelnen Elementen kommen. 

Hinweis für toujou-Kunden, die mit Ihrer Website bereits online sind: Von einer Live-Umstellung auf kojo raten wir dringend ab. Bitte kontaktieren Sie uns bei Interesse, bevor Sie das Theme umstellen.