Beiträge

Hallo an alle und danke, daß dieses Thema hier angestoßen wird.

In diesem Zusammenhang bin ich auch auf einige Dinge gestoßen. Für mich bedeutet Barrierefreiheit im Wesentlichen:

1. Durchgängig mit Tastatur bedienbar
2. Gutes Kontrastverhältnis Text / Hintergrund
3. Semantik der Syntaxelemente korrekt nutzen (H1, H2, H3 ect.)
4. ARIA-Regeln beachten
5. Bilder und Videos mit aussagekräftigem ALT - Attribut.

Genau zu Punkt 5. hätte ich eine Frage:
Wenn ich ein Bild einfüge, steht im ALT automatisch der Dateiname des Fotos. Wie und Wo kann ich denn einen aussagekräftigen Alternativtext eingeben, der dann auch im Quelltext erscheint? Oder muß ich den Dateinamen des Bildes eben als eindeutige Beschreibung festlegen?

Bei den Bildern der Galerien kann man einen Untertitel eingeben, welcher dann das Alt-Attribut füllt.
----------------------------------------
Dieses Thema Barrierefreiheit sollten wir vielleicht ausbauen - betrifft wohl doch einige. Es sind auch schon Schreiben im Umlauf, die ein Angstgebäude von Abmahnungen aufbauen.

Gruß

Danke für Eure Reaktionen.
Die Tipps von harry60 werde ich mir mal anschauen. Man muß ja nicht immer wieder alles neu erfinden.

Da ich selbst nicht so tief drinstecke, sehe ich sicher Einiges zu einfach; ein bißchen naiv eben. Ist doch eine komplizierte Kiste, Software universell und updatesicher zu erstellen. Da fehlt mir der Durchblick und natürlich auch die Erfahrung bei professioneller Softwareentwicklung. Ich will hier bestimmt nicht mäkeln; schätze die Arbeit aller Beteiligten sehr hoch.

Viele Grüße

Hallo harry60, das ist mir schon klar. Ich bin mit Eingriffen sparsam und dokumentiere fleißig.
Aber mal eine Frage an die Entwickler-Spezialisten:
Die Anzahl der Plugins ist doch überschaubar. Es kommen auch kaum neue dazu. Könnte man nicht aus der Gesamtzahl der Plugins nochmals nur eine Teilmenge auswählen, eben die, welche am häufigsten genutzt werden.
Diese Plugins dann mal systematisch durchforsten und gerade mit dem Sprung auf CMS 3.x modernisieren und vereinheitlichen? z.B.
- alle Plugins, die jQuery nutzen (sind nicht alle) konsequent für jQuery 3.7 anpassen
- jetzt schon die bekannten Dinge von jQuery 4.x berücksichtigen
- generell nur eine jQuery Bibliothek schon im template laden (hier hatte ich Probleme beim Zusammenspiel von PhotoSwipe und Loghtbox; beide brachten eigenes jQuery in unterschjiedlichen Versionen mit und beharkten sich)
- eine Sammlung von nützlichem JavaScript für den Einbau in alle Templates bereithalten (mir fallen da sofort ein: Softscroll; GoTop-Button für Sprung bei Scroll nach oben - eben oft verwendete Scripte)

Das sind gerade Fragen, über die ich gestolpert bin. Leider reichen meine Kenntnisse für sowas nicht aus. Soll nur eine Anregung sein. Mir ist klar, daß dies auf eine Mehrarbeit der an der Entwicklung und Pflege Beteiligten hinausläuft.

Falls das Thema interessant ist und hier falsch plaziert wurde, dann gerne woanders hinschieben.

Gruß

Habe jetzt mal das template auf jQuery 3.7.1 umgestellt. Nur eine Instanz wird im template.html geladen. Plugins greifen darauf zu; bringen kein eigenes jQuery mehr mit.
Dabei wurde festgestellt, daß PhotoSwipe auch nochmal komplett jQuery aufruft, was dann zweimal aktiv ist und Probleme mit der ersten Galerie machte.
Bei mir in Zeile 112:
$jsincludes = self::$uiIsInitialized ? '' : '<script src="' . $plugindirpath . $this->JQUERY_SUBFOLDERNAME . '/jquery-2.2.2.min.js"></script>

Hab das rausgeschmissen. Nun habe ich keine Probleme mehr, selbst wenn ich zweimal die gleiche Galerie einbinde.

Gruß

Hallo harry60, Du wirkst beruhigend wie ein großer Bruder!

Ich habe eigentlich alles richtig eingebunden - auch mal mit Deiner Seite verglichen.

Die Lösung ist gleichermaßen simpel und verrückt!

Ich arbeite wieder mit XAMPP lokal an einer Testversion; probiere viel. Der Einfachheit halber habe ich DIE GLEICHE GALERIE Bilder mehrfach eingebunden. Genau da kommt der Effekt her! Mit tatsächlich unterschiedlichen Galerien passiert das nicht!
(Interessant ist, daß bei gleichem Galerienamen nur die erste eingebundene Galerie spinnt. Bei Abbruch der Diashow bleibt das letzte Bild in Großdarstellung und die Seite friert ein)

Ich hoffe, das wars. Du hast mich drauf gebracht. Danke!
(Wer bindet schon die gleichen Bilder mehrfach auf einern Seite ein!!!!!!)

Gruß an alle

Unabhängig von meinem obigen Wunsch (ist ja kein Fehler) mal noch eine andere Anmerkung. Das Problem hatte ich schon mal im Zusammenhang mit Lightbox geschildert:

Ich bemerke Probleme mit PhotoSwipe immer dann, wenn auf einer Inhaltsseite mehr als eine Galerie eingebunden wird. Bei nur einer Galerie funktioniert die Galerie.

Am Galerieanfang steht im Quelltext folgendes:

<script src="/plugins/PhotoSwipe/jquery-2.2.2/jquery-2.2.2.min.js"></script>
         <script src="/plugins/PhotoSwipe/photoswipe-4.1.1/photoswipe.min.js"></script>
         <script src="/plugins/PhotoSwipe/photoswipe-4.1.1/photoswipe-ui-default.min.js"></script>
         <script src="/plugins/PhotoSwipe/photoswipe.js"></script>
<link rel="stylesheet" property="stylesheet" href="/plugins/PhotoSwipe/photoswipe-4.1.1/photoswipe.css">
         <link rel="stylesheet" property="stylesheet" href="/plugins/PhotoSwipe/photoswipe-4.1.1/default-skin/default-skin.css">
         <link rel="stylesheet" property="stylesheet" href="/plugins/PhotoSwipe/plugin.css">

... hier kommen dann die Bilder ...

Abgeschlossen wird das Ganze dann mit folgender Zeile:

<script>initPhotoSwipePlugin();</script>

Wenn ich nun eine zweite Fotogalerie einbinde, kommt alles nochmal komplett wieder.

Ist das so normal und muß so sein?
Da ich nicht wirklich Ahnung habe, hier nurmal die vorsichtige Frage:
Könnte das die Probleme verursachen, daß beim Abbruch der Diashow ein großes Bild stehen bleibt und die Seite erst mal nicht bedienbar ist.

Viele Grüße

Noch ein Hinweis von mir:
Ich kann natürlich jetzt schon per Klick (z.B. auf ein Bild) zu einer Seite mit der gewünschten Galerie springen. Muß aber dort nochmal klicken, um die Galerie zu starten.
Diesen zusätzlichen Schritt möchte ich umgehen. Klick auf LINK (Text, Bild) - Photoswipe startet sofort die zugehörige Galerie.
Gruß

Hallo mozilo-Gemeinde,
ich habe mal die Einträge zu Photoswipe durchforstet aber keinen Hinweis zu meinem Problem gefunden.
Situation im plugin:
- alle Bilder der Galerie werden in Minivorschau gezeigt
- per Klick auf ein beliebiges Minibild startet die Vorschau
Mein Wunsch:
- es wird nur ein Bild der Galerie (oder ein x-beliebiges Bild) gezeigt
- per Klick auf dieses Bild wird die dazugehörige Galerie per Photoswipe wie gehabt angezeigt

Wenn ich also 4 Galerien mit je 8 Fotos habe, dann werden jetzt 4 x 8 Bilder angezeigt.

Ich möchte aber, dass nur 4 Startfotos zu sehen sind und per Klick auf eines davon dann Photoswipe mit den zugehörigen 8 bilder aktiv wird.

Ich hoffe, ich habe mich verständlich ausgedrückt.

Geht sowas? Gibt es das schon? Oder was wären Hinweise zur Lösung?

Gruß

Hallo harry60,
freue mich immer, von Dir zu hören.
Der Tip hat geholfen. Ich habe jetzt 2 Versionen von PhotoSwipe (mit und ohne Jquery).

Rückfrage an marusti: Diese Testseite, um die es hier geht, habe ich lokal unter XAMPP. Da das Problem erst mal geklärt ist, würde ich es hier abschließen.

Danke an alle

Hallo und vielen Dank für die Hilfe.
Ich werde es morgen probieren und hier das Ergebnis mitteilen.
Noch eine (bestimmt naive) Frage:
Muß jedes Plugin sein eigenes Jquery mitbringen? Kann man nicht eine aktuelle Version von Jquery gleich mit mozilo zusammen ausliefern und die Plugin-Entwickler nutzen diese? So werden auch nicht einige Instanzen geladen.

Viele Grüße und bis bald

Nachtrag:
Komme mit dem jquery der einzelnen Plugins nicht klar!
Ich habe Colorbox erst mal deaktiviert. So funktioniert PhotoSwipe wieder.
Einzelbild-Zoom ist nicht so wichtig. Evtl. finde ich dafür noch eine andere Lösung.

Gruß an alle

Ich danke Dir harry60, deshalb begann auch das Problem nach Austausch von PhotoSwipe!

werde mich mal mit den jquery-Bibliotheken beschäftigen. Bin da noch unbedarft; freue mich immer,wenn es funktioniert ohne genau zu wissen, was da passiert.

Aber so lernt man halt dazu und Spaß macht es allemal.

Gruß

Hallo harry60,
ich habe mich mal Schritt für Schritt angenähert. Du haßt wohl recht.

Im Original des Layouts von torstn funktioniert Colorbox noch.
Ich habe das Plugin Colorbox auf meiner Testseite dann überall mal eingebaut und dadurch den Übeltäter gefunden.:
Das neue Plugin PhotoSwipe V61 macht irgendwie Probleme. Nach PhotoSwipe funktioniert ColorBox nicht mehr!
Nehme ich ColorBox V61 raus oder installiere die ältere Version, geht ColorBox auch bei Einbau nach PhotoSwipe!

Ursache gefunden. Lösung steht noch aus.
Vielleicht hat jemand dazu eine Idee.

Noch eine Frage an Torstn:
Kann man irgendwo das Layout Querenburg_2 oder ein aktuelleres runterladen?
Es gefällt mir gut und ich möchte damit gerne experimentieren und eine Seite aufbauen.
Gruß

Hallo mozilo-Gemeinde,
ich experimentiere gerade mit dem layout Querenburg_1.
Habe dort cms 3.0.2 und PHP 8.2 zum laufen; in XAMPP.
Plugin ColorBox aktualisiert.

ColorBox wird mehrfach auf der Seite verwendet.

In einigen Fällen tut ColorBox das, was es soll: Bild mit Rahmen drumherum vergrößern; mit Klick auf X oder ESC verschwindet alles.

In einigen Fällen wird das Bild vergrößert; ist aber größer als sonst; ohne Rahmen; kein X zum Beenden; ESC hat keine Wirkung; Maus-Cursor ändert sich zur Lupe mit entweder + oder -; ich kann diesen Zustand nicht beenden; muß Seite neu laden.

Die Einbindung von ColorBox ist identisch. Habe den Code mehrfach kopiert.

Viele Grüße schon mal

Danke für Deine Rückmeldung.

Ich habe mal den Code analysiert. Bin nicht der Profi - aber fündig geworden.
In der plugin.css werden die Elemente als Tabellenbestandteile angesprochen.
Hier die Selektoren für das CSS (falls da noch jemand Interesse hat)

ganze Tabelle gestalten: .gallerytable
die einzelnen Zellen: .tallerytd
.thumbnail
.picture
.caption

Beste Grüße