Magazin-Template Kinetic für Serendipity

Über einen „Artikel von Matthias Mees“:http://matthias.yellowled.de/archives/1192-s9y-Was-es-nicht-ist.html bin ich auf „einen Artikel von Don Chambers“:http://www.optional-necessity.com/archives/14-Kinetic-a-magazine-and-news-template-for-Serendipity.html gestossen, in dem dieser über sein neues News und Magazin Template „Kinetic“ für [[Serendipity|Serendipity/S9y]]schreibt.Den besten Eindruck von Kinetic erhält man über die „Demo Seite“:http://www.optional-necessity.com/demo/kinetic/.

Vorab. Kinetic ist nicht kostenlos. Don „verlangt“:http://www.optional-necessity.com/demo/kinetic/pages/purchase.html rund 80 Dollar für das Template. Im März gibt es einen Rabatt, sodass 60 Dollar zu bezahlen wären. Eine „Multi-Site Licence“ kostet 200 Dollar (im März 150), die eine Mehrfachinstallation erlaubt sowie die Option die Copyrightinformationen zu entfernen. Klingt nach viel. Aber wer sich schon einmal ein Template für seine Website erstellen hat lassen, weiß wieviel so etwas kosten kann.

h2. Features

Auf der Demo Seite sind auch die „Vielzahl von Features“:http://www.optional-necessity.com/demo/kinetic/pages/features.html ersichtlich:

* Alle Einstellungen sind über Verwaltungsoberfläche konfigurierbar. Screenshots und Erläuterungen sind im „Supportforum“:http://www.optional-necessity.com/support/viewforum.php?f=7 zu sehen/nachzulesen.
* 11 Farbschemen, weitere sind „käuflich erwerbbar“:http://www.optional-necessity.com/demo/kinetic/pages/colorsets.html
* Für einzelne Statische Seiten können alle Seitenleisten ausgeblendet werden
* Werbebanner unterschiedlicher Größe können eingebunden werden
* Die Suche kann an drei verschiedenen Positionen dargestellt werden
* Drei Navigationsleisten, davon zwei mit Submenüs
* Drei Seitenleisten, mit zusätzlichen Optionen
* Später veränderte Einträge können optional speziell markiert werden
* XHTML und W3C CSS valide
* Sprachdateien, derzeit englisch und deutsch
* und einiges mehr

h2. Support

Im Preis inbegriffen sind laut Don ein immerwährender Support, die Weiterentwicklung des Templates und somit auch der Zugriff auf das „Support Forum“:http://www.optional-necessity.com/support/. Dieses ist in Teilen für jeden offen. Der spezielle Support zum Template ist aber nur Bezahlkunden offen.

Zur Integrität von Don Chambers sei noch erwähnt, dass er ein langjähriger Serendipity Entwickler ist und schon das „Bulletproof Template Framework“:http://s9y-bulletproof.com/ mit entwickelt hat. Mit derzeit rund 1.800 Beiträgen im „S9y Forum“:http://board.s9y.org/ hat er schon einiges zu dessen Informationsfülle beigetragen.

h2. Barrierefreiheit

Auf den ersten und zweiten Blick hat mich Kinetic fasziniert. Gerade mein Mehr-Themen-Blog könnte dadurch eventuell besser strukturiert werden und so den unterschiedlichen LeserInnengruppen zu Gute kommen. Nun, auch das müsste ich mir genauer ansehen.

Nachdem es mir prinzipiell ein Anliegen ist und ich (mit vielen anderen) einiges an Arbeit in mein jetziges Template gesteckt habe um es barriereärmer zu machen ist es natürlich für mich interessant und wichtig, wie barrierfrei Kinetic ist.

Also, laden wir nochmals die „Startseite der Demo“:http://www.optional-necessity.com/demo/kinetic/ und werfen das „Web-Developer Tool“:http://chrispederick.com/work/web-developer/ für Firefox an. Ich will mir gar nicht anmaßen einen umfassenden Accessibility Test durchführen zu könne. Aber mit diesem Tool kann man zumindest einige rudimentäre Fragen abklären. Nachfolgend ein paar Eindrücke:

* Deaktiviert man das CSS erscheint die Reihenfolge der Elemente durchaus sinnvoll. Kinetic bietet auch ganz zuoberst Sprungmarken zu den wichtigsten Navigationsbereichen an. So wie ich die Diskussion in der Fachwelt beobachte sind aber 8 Sprungmarken zuviel des guten. Noch dazu weiß man natürlich nicht, was ein Sprung in die rechte oder linken Seitenleiste bedeutet. Ob man die Sprungmarken auch selbst in der Verwaltungsoberfläche verändern kann, konnte ich noch nicht rausfinden.
* Alternativtexte: Alle Bilder haben ein Alt-Attribut, entweder mit Inhalt oder leer, wenn es sich um „Schmuckgrafik“ handelt. Die Icons für RSS Feeds etc. sind entsprechend benannt.
* Deaktiviert man Java/Javascript ist zumindest die Navigation weiterhin bedienbar.
* Die Tastaturnavigation ist nicht so einfach. Denn zumindest im Firefox sehe ich nicht auf welchen Link ich gerade mit der Tabulatortaste gelandet bin (kein Fokus). Das sollte sich aber durch einen einfachen Eingriff in die CSS Datei beheben lassen (wäre zumindest zu hoffen).
* Für die Darstellung der Website braucht man eine Minimalauflösung von 1024 Pixel in der Breite.
* Bei den Überschriften muss ich dies mal mit ein paar ExpertInnen darüber plaudern. Die Frage was eine h1 sein soll ist ja oft und viel diskutiert. Bei Kinetic sind h1 und h2 der Titel des Blogs bzw. sein Subtitel. h3 wird für die Darstellung der Kategorieüberschriften und für einige Seitenleisten Elemente verwendet, erst die h4 verweist auf einzelne Artikel. Kurz gesagt: Es gibt eine eindeutige Struktur, aber ob die gut geeignet für die Nutzung per Screenreader und Co. ist möchte ich gerne weiter diskutieren. Würde ich mein Blog auf Kinetic umstellen, so müsste ich zumindest die Überschriften in einzelnen Artikeln anpassen.

h2. Fazit

Kinetic sieht man von außen – und insbesondere im Backend – an, dass da viel Arbeit dahinter steckt. 80 resp. 60 Dollar für die Vielfalt der Optionen ist nicht viel Geld. Für jemand, der ein größeres Blogprojekt aufsetzen möchte ist dieser Betrag sicherlich gut investiert um die Informationen gut strukturiert anzubieten.

Ich werde mir auf alle Fälle Kinetic weiter ansehen und auch den Accessibility Fragen weiter nachgehen.