Backend-Barrierefreiheit von TL?

[SunBlack]

Hallo ihr,

Typolight ist ja allgemein darauf bedacht das alles so gut wie es möglich ist Barrierefreiheit. Aber irgendwie habe ich den Eindruck, dass eine Stelle nicht beachtet wurde: Die Barrierefreiheit von Leuten die zwar noch sehen etc. können, aber halt nicht mehr so gut. Was will ich damit sagen? Der Kontrast vom Backend ist imho zu gering. Wenn ich mich Recht entsinne hatte ein Validator, der auch auf so etwas testet, bei einer meiner Seiten mal gemeint, das der Helligkeitsunterschied zwischen Schrift und Hintergrund mindestens 128 sein soll, damit er gut lesbar ist.
Und davon kann man im Backend von TL nur träumen (Vorsicht: Hyperbel ).
Beispiel: Moduleauflistung -> Modultyp hat eine Helligkeit von 179 auf einem weißen Hintergrund. Der Kontrast ist also nur wenig mehr als die Hälfte von dem, was man mindestens haben sollte. Das äußert sich übrigens auch auf Notebooks, deren Hintergrundhelligkeit man stark gesenkt hat (das weiß ist dann doch nicht mehr so rein, sprich der Kontrast des Displays verringert sich noch einmal). Von daher ist es manchmal selbst als nicht-eingeschränkte Person schwierig einiges zu lesen.

Von daher wäre ich zu mindestens für folgende Anpassung im Backend:
a, body etc: statt #666966 #333533
Modultyp etc: statt #B3B3B3 #7e827e
(etc.)

Die Standardgrauverläufe müssten dann natürlich auch ein bisschen angepasst werden. Man könnte an der Stelle vlt. auch ein kleines bisschen Farbe einbringen, damit das Backend nicht so trist aussieht (ok Mac-User sind vlt. an einer tristen/grauen Oberfläche gewöhnt, Windows, Linux, Symbian, ...-User jedoch nicht)

Was meint ihr dazu?

SunBlack

[MacKP]

Hallo SunBlack,
auch mir geht es teilweise so, das der Kontrast recht niedrig ist im BE.
Leider funktionieren die Validatoren und Prüfprogramme nicht so wie es sinnvoll wäre.. in kürze: die Ergebnisse sagen leider nicht wirklich genug aus, weil sich das leider nicht so einfach testen lässt.

Ich würde es aber dennoch begrüßen wenn der Kontrast erhöht werden würde.

Viele Grüße

[alex]

Hallo,

warum nutzt Ihr nicht das Backend Template (https://contao.org/erweiterungsliste...010009.de.html) von Helmut. Ihr könnt es ja noch weiter modifizieren ...

[SunBlack]

Brauchst du das wirklich?

Die Frage ist nicht so sehr ob ich das wirklich brauche, sondern ob Typolight seinen Anspruch als Barrierefrei in dieser Hinsicht wahrnehmen will - vor allem, da vom Aufwand es relativ problemlos machbar ist (Zahlenwerte tauschen riecht ja). Und nebenbei würde es auch dem normalen User zu Gute kommen.

PS: Wegen Aufwand: Wenn man die Systemtemplates so weit wie möglich CSS basiert gemacht hätte (nicht direkt die Werte setzten sondern die Klasse ändern/hinzufügen) wäre dies auch relativ problemlos machbar (warum muss beim FileWizard der Hovereffekt per JS statt CSS sein?)

[SunBlack]

Am besten ist du stellst eine Liste zusammnen mit dem Änderungen und schreibst diese in den Tracker

Tja mit gesperrten Trackeraccount geht das sehr gut .

Denn ich glaube nicht, dass er in der 2.8 so gerne Template changes machen will.

Imho wären keine Templatechanges dabei. Lediglich CSS - zu mindestens hoffe ich doch das Leo keine Farben hardgecodet im HTML hat .

[lucina]

Imho wären keine Templatechanges dabei. Lediglich CSS - zu mindestens hoffe ich doch das Leo keine Farben hardgecodet im HTML hat .

Ich habe mal für die 2.5 das Backend in Deinem Sinne angepasst, das war schieres CSS. Muss mal schauen, ob ich das über die Feiertage mal auf die 2.8 portieren kann. Stelle ich dann gerne zur Verfügung.

MfG, Carolina.

[Nina]

Das Thema mit dem Backend ist auf jeden Fall in meinem Visier, da ich auch bereits mehrere entsprechende Rückmeldungen von Nutzern erhalten habe. Ich gebe das auf jeden Fall entsprechend weiter.

Die Sache mit den Kontrastwerten ist eine Kleinigkeit und lässt sich leicht anpassen. Ich arbeite jedoch parallel an einer Sammlung von Punkten wie man das Backend an sich barrierefreier gestalten kann. Dieser Punkt ist von uns bisher definitiv vernachlässigt worden, aber nachdem mit der 2.8 jetzt im Frontend für die Barrierefreiheit sehr viel gemacht wurde, können wir bei Zeiten auch das Backend angehen.

[Sebastian]

HI

was ich immer schon seltsam fand, war die HTML-Struktur der Backend-Navigation. Irgendwie sind die Listen merkwürdig aufgebaut.

Auch würde ich mir wünschen, dass auch im Backend bei den Navigationselementen, etc. Klassen wie „first“, „last“, „even“, „odd“ verfügbar wären, um die Navigation zum Beispiel anders zu gestalten.

Sebastian

[Nina]

Ihr könnt hier gerne Anregungen rein posten, ich sammle ja eh noch

[SunBlack]

Achja, irgendwie war das klar das Leo so etwas ablehnt

@Nina: Was sind bei dir durchschnittliche Billigmonitor? Wenn ich den Testbericht meines Notebooks [ok hab noch ein bisschen Leistungsfähriges Notebook dieser Reihe] von vor einem Jahr anschaue, frage ich mich was du einen guten Monitor nennst, wenn ein gemessener Kontrast von 965:1 noch nicht reicht und mein Notebook damals das zweitbeste Display hatte (wie gesagt: ich finde das TL-Backend auf diesem Bildschirm auch ein bisschen blass). Viele Noteboks schaffen ja gerade mal nen Kontrast von 200-300:1. Ich möchte nicht wissen wie das Backend da aussieht .

[Nina]

Mich hatte dieser Thread hier wieder daran erinnert, dass ich die Sache (schon seit Sommer) unbedingt in 2.8 reinbekommen wollte und das bisher in kein Ticket verfasst hatte. Dass Leo es nun abgelehnt hat, ist schade. Es bringt aber nichts, wenn man nun hier über die einzelnen Aspekten der Aussagen rumdiskutiert ("Billigmonitor oder nicht").

Wenn ein Ticket abgelehnt wird, kann man das nicht negieren indem man virtuell mit dem Fuß aufstampft, sondern nur indem man seine Argumente klarer und eindeutiger belegt. Daran arbeite ich.

Nutzt diesen Thread doch bitte für allgemeine neue Anregungen (siehe auch WAI-Aria Thread) fürs Backend.

[Sebastian]

HI

ich bin sicher, Leo würde ein alternatives Backend-Theme mit höherem Kontrast in den Core aufnehmen. Wollen wir ein solches gemeinsam entwickeln?

Sebastian

[Nina]

Das habe ich bereits vorgeschlagen. Erstmal abwarten, was er dazu meint.

[sq......]

... ein alternatives Backend-Theme mit höherem Kontrast in den Core aufnehmen ...

hi,

nicht weit weg wird gerade heiss diskutiert warum der core schlanker gemacht werden muss und sollte ... als alternative extension ok , in den core nein ... meine meinung.

[Nina]

Aus genau diesem Grund wäre es mir natürlich auch lieber, dass das Backend Theme selbst angepasst wird. Aber im Notfall bin ich eben auch bereit einen Kompromiss einzugehen. Man muss ja nicht immer mit dem Kopf durch die Wand

[leo]

ich bin sicher, Leo würde ein alternatives Backend-Theme mit höherem Kontrast in den Core aufnehmen. Wollen wir ein solches gemeinsam entwickeln?

Eine sehr gute Idee. Es ist nämlich wesentlich mehr zu tun, als nur drei Farben anzupassen, wenn das Theme danach auch noch nach etwas aussehen soll. Wir sollten nicht vergessen, dass in "Webdesign" auch das Wort "Design" steckt

Wenn das Theme fertig ist, kann es über das Repository verfügbar gemacht werden. Eine eigene Kategorie dafür hat Peter damals schon vorgesehen.

[Sebastian]

HI

Das klingt ja gut. In der Tat wäre wohl eine reine Veränderung einiger der Farben optisch eher keine Verbesserung. Soll es denn tatsächlich eine Hochkontrast-Version (Schwarz-Weiß) sein, oder einfach ein kontrastreicheres Theme, aber dennoch bunt und nett anzusehen? Was meint ihr?

Sebastian

[FloB]

Letzteres ;-). Schwarz-weiß ist zu "krass".

[lucina]

Beides - wenn man es eh schon mal anfaßt ...

Carolina.

[SunBlack]

Also ich bin für

einfach ein kontrastreicheres Theme, aber dennoch bunt und nett anzusehen?

Denn Augenkrebs soll man beim betrachten ja auch nicht bekommen . Allgemein würde ich das Theme so lassen, nur halt alles ein bisschen kräftiger machen.

Btw.: Ist es nicht eigentlich inkonsitent das das TL-Logo und Website orange ist, aber das Backend grün?

[Bobi]

Also ich bin für

Denn Augenkrebs soll man beim betrachten ja auch nicht bekommen . Allgemein würde ich das Theme so lassen, nur halt alles ein bisschen kräftiger machen.

Btw.: Ist es nicht eigentlich inkonsitent das das TL-Logo und Website orange ist, aber das Backend grün?

Also ich würde auch eine kontrastreiche Version mit dem Orange begrüßen - jedoch wie auch Leo schon sagte - es nicht nichtmal kurz 2-3 Dinge ändern - man sollte bedenken das man dort auch die CSS`s des Installscriptes etc anpassen sollte - um einen gleichleibenden Look zu schaffen.

Es bringt ja nichts das nachher das Backend toll ist, jedoch keine einheitliche Linie mehr drin ist.

[Liebei]

Man sollte auch nicht vergessen, dass mittlerweile ja auch Printmedien unterwegs sind, gerade ein video2brain erstellt wird.

Ich finde das Backend so wie es ist gut, was angepasst werden sollte ist der Kontrast, der ist wirklich teilweise mies.

[SunBlack]

Also ich würde auch eine kontrastreiche Version mit dem Orange begrüßen

Wäre eine Überlegung Wert. Ist allerdings nicht ganz so einfach, da Orange eine aggressive Farbe ist. Also den Hintergrund (dunkelgrau->grau) würde ich so lassen (wie es mit Orange aussieht kannst du ja mal bei taic [siehe Signatur] anschauen )

[Sebastian]

HI

ich würde, um den Kontrast zu erhöhen, auch die Icons austauschen. Die aktuellen finde ich sehr blass und außerdem haben sie, wenn ich mich richtig erinnere nur die Maße 14 x 14 Pixel. Kennt jemand gute Icons im Format 16 x 16 Pixel, die nicht zu bunt, aber auch nicht blass sind, und alle üblichen Symbole enthalten? Mir fallen im Moment nur die Silk-Icons von famfamfam ein, aber die sind nicht wirklich schön. Wer weiß was?

Sebastian