Sammlung von Feature-Requests ausgehend von Version 2.3:
- Bei einem Single Post Seite, steht auf English „Leave a comment“, das könnte auf deutsch übersetzt werden.
- Die gewählte Font, Bebas, fehlt viele Charakter aus andere Sprachen. Man könnte einen Font, der alle Unicode-Character enthält wählen. Sonst gibt es Probleme wenn man das Thema nicht auf deutsch benuzten will. (Fast keine türkische spezielle Charakter war drin. Andere Charakter aus zB Polnisch usw sind möglicherweise auch nicht drin).
- Ergänzung für Links und Titel für die Werbeplakate.
- CSS- und Grafik-Option oder eigenes Theme für Piratenwebsites mit eigenem Farbschema.
Bitte in Kommentaren ergänzen.
– Bei den Kategorie-Seiten/Übersichten optional Artikelbilder/Thumbnails mit dazu
– Benutzerprofile der Autoren ausbauen
Kategorie-Bilder einbauen. Für jede Kategorie soll ein eigenes Kategoriebild definierbar sein
Social Media Buttons erweitern um Flickr.
notiertFlickr und Delicious ergänzt
Layout der Social Media Button Bar wie auf piratenpartei.de / piratenpartei-nrw.de (Einheitlicher Hintergrund von Suchfeld über Menübuttons bis Social Media Buttons, und MouseOver invertiert.
Nö, geht nicht, da die dortige Form nicht barrierefrei und nicht allgemein nutzbar für Sitebetreiber umsetzbar ist.
Werbesticker an piratenpartei.de Layout anpassen, ohne Border bei Mouseover, stattdessen Bildwechsel.
No. Auch hier: Die Form auf der Hauptwebsite ist nicht ausreichend barrierefrei. Ausserdem ist sie nicht anpassbar an unterschiedliche Wünsche der Sitebetreiber, die individuelle Anpassungen machen können müssen, ohne hierbei tief in den Code einsteigen sollen.
Erklärung zur Barrierefreiheit: Bei der Hauptwebsite sind Sticker und auch die Icons als Hintergrundbild realisiert. Hintergrundbilder sind jedoch weder mit einem ALT-Tag versehen, noch wird deren optischer Wechsel bei der Benutzung von Screenreadern „übertragen“. Daher ist diese Technik (CSS-Sprites) nicht geeignet für barrierefreie Websites.
Der Border drumherum ist aus diesem Grund unverzichtbar, da er sozusagen das Fallback ist für alte Browser und IE-Versionen, die die anderen optischen Eigenschaften (Drehungm Skalierung, Farbwechsel) nicht beherrschen.
Verstehe ich nicht ganz, bei vielen Links auf der Seite ist kein Border, bzw. könnte man den Border nicht auf 0 setzen?
Wenn es eine Grafik ist, dann brauch ich irgendeine Eigenschaft mit der ich den Hover-Zustand (Wenn die Maus oder der Tastaturfokus über den Bild ist) optisch deutlich machen kann.
Da ich aus Gründen der Barrierefreiheit keinen Wechsel des eigentlichen Bildes durchführen kann, muss das irgendwas anderes sein. Also z.B. eine Skalierung, eine Rotation, Hintergrundfarbe oder eben ein Border.
Skalierung und/oder Rotation sind schön, aber funltionieren nur mit modernen Browsern.
Also bleibt eigentlich nur der Border übrig. (Den Hintergrundwechsel sieht man nämlich nicht, wenn ein Bild genommen wird, welches keine Transparenz verwendet).
Das Problem tritt nicht ein, wenn der Sticker von sich aus schon nur ein echter Text wäre.
Allerdings hab ich hier andere Probleme: Die Schrift Bebas vom Browser interpretiert, ist weniger „fett“ als in der Grafik. Und daher bei dem obigen Hintergrund nicht so gut zu erkennen. (Was der Grund ist warum ich einen Schattenwurf ergänzt hab).
Ausserdem kann man mit grafischen Sticker doch viel mehr machen. z.B. eine Art Stempel usw. Diese Möglichkeit sollte man also drin lassen.
Von daher hab ich es jetzt so gemacht, dass der Sitebetreiber selbst entscheiden kann, ob er eine Grafik verwendet oder einen Text. Wer eine gute Grafik machen kann, sollte die verwenden. Die meisten verbände haben aber nicht immer einen Designer bei der Hand, so dass denen eine einfache ALternative zur Verfügung stehen muss: Eben Text.
Würde der Screenreader es erkennen, wenn der Border die selbe Farbe wie der Hintergrund hat?
Das war ungenau ausgedrückt: Wegen den Screenreadern kann man die Technik mit den Sprites nicht verwenden. Die erkennen dann nämlich vom „Inhalt“ nichts, weil diese keine ALT-tags haben. Folge: Wegen Screenreader muss ich die herkömmliche Technik nutzen.
Aber wenn ich dann die herkömmliche Technik, also das direkte Einbinden von Bildern mit <img src> nutze, DANN brauche ich irgendetwas um optisch einen Unterschied herzustellen. Das interessiert dann die Screenreader nicht mehr, sondern die normalen Browser.
Denk halt dran: Du musst einen optischen Unterschied haben, woran du erkennst, wo du gerade bist, wenn du mit der Tastatur (Tab-Taste) navigierst. Bei der Maus weißt du ja, wo du gerade bist, Du siehst ja den Mauszeichen. Bei der Tab-Taste gibt es den allerdings nicht. Also muss bei einem Hover/Tastaturfocus irgendwas optisch geschehen.
„Tabbe“ mal diese Seite hier und piratenpartei.de durch. Also navigiere mal völlig ohne Maus, nur mit der Tab-Taste. Dann verstehst du was ich meine.
Bei den Stickern hab ich davon unabhängig heute aber Änderungen eingebaut, damit Sitebetreiber auch ohne Grafik einfach und schnell ein Text als Sticker hinterlegen können.
Das Resultat hab ich eben hier eingespielt.
Umgesetzt/gelöst in der Github-Version:
– Auswählbarkeit der angebotenen Kommentarfelder bei der Anonymisierfunktion (Request aus dem LV Bandenburg)
– Einbaumöglichkeit von eigenem HTML-Code am Ende der Website zum Einbau individueller Skripten (Request aus dem LV Bandenburg)
– Optionale Klasse „gedreht“ für Textsticker im Header. (Dreht einen Stickertext um 5 Grad nach links). Optik dann so wie bei einer Schriftgrafik. Allerdings nur bei modernen Browsern. Einsatz dann so:
<div class=“gedreht“>Text normal<br><span>Orange</span></div>
Bugmeldung/Problem aus tk:
Wenn der Slider Artikel aus einer Kategorie anzeigen soll, dessen Name Umlaute oder Sonderzeichen enthält, dann zeigt der Slider nichts an, da die Artikelsuche in dem Fall nicht funktioniert.
=> Kategorieauswahl umcoden auf Id-Nummern.
Updates seit dem frühen Abend im Github:
– Bugfix zur Kategorieauswahl drin
– Bugfix zur Barrierefreiheit bei der Focussetzung bei der Beantwortung von Kommentaren drin
– Viele Titel der Site parametrisiert um eine Internationalisierung des Themes voranzutreiben, indem man nur noch verschiedene Konfigurationen ändert und nicht mehr in alle Themedateien rein muss
– Sticker nochmal angepasst, so dass die Farbgebung noch genauer angepasst werden kann. Auswahl individuell durch span-Klassen.