向上 – 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.
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
Boost your website (performance)
Page Speed, sauber gehaltener und aktueller Code sowie Extensions-Expertise für schnelle Ladezeiten. Allesamt essenziell für den Erfolg Ihrer Website. Denken Sie zum Beispiel an User Experience und SEO.
Das Website-Theme kojo stellt Ihnen die Basis, damit Sie durchstarten können. Sie profitieren dabei von allen CMS-Vorteilen mit TYPO3, kombiniert mit den toujou-Annehmlichkeiten.
Page Speed
toujou-Websites profitieren vom umfangreichen Caching, dass das erneute Laden von Ressourcen verringert. Der imgproxy wandelt im Backend hochgeladene Bilder im Frontend in eine effizientes Format um. Qualität, Effizienz und Funktionalität der Dateien werden so verbessert. Ebenfalls ein Vergnügen: lazy loading, das die Ladezeit einer Webseite im Sinne der Website-Performance verringert.
Upgrades, HTML, CSS & Javascript
Die im toujou-Tarif inkludierten TYPO3-Upgrades sorgen für eine stets unterstützte und damit aktuelle TYPO3-Version, aktuelle php-Version und Server-Unterstützung für HTTP/2 inklusive.
Die Trennung von HTML und CSS sowie minimale Javascript-Verwendung verringert ebenfalls die Ladezeit.
CDN, Extensions & Expertise
Die Ladezeiten für User auf der ganzen Welt werden mittels Content Delivery Network (CDN) optimiert. TYPO3-Konfigurationen werden erst nach Prüfung ins System übernommen, sodass keine unnötigen Extensions und kein unnötiger Code bestehen. Integrierte Extensions werden zugleich gewartet. Dritt-Extensions und Systemintegrationen bleiben gleichzeitig möglich.
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.
Unsere neuesten Blogbeiträge
Lesen Sie mehr zu toujou und TYPO3, warum SEO gar nicht so schwer ist, goldene Regeln für die Kommunikation und immer wieder Tipps & Tricks für Ihre Website.