addEventListener

[Rolf B]

Hallo Hartmut,

Hat jemand eine Idee, was ich falsch mache?

Schon. Es ist ziemlich viel.

Primärproblem: <img> Elemente sind nicht interaktiv. Einen click-Handler auf ein img oder figure Element zu registrieren macht es klickbar, aber nicht bedienbar. Diese Elemente müssen Buttons werden.

Ein Button ist ein Form-Element und hat eine form Eigenschaft. Die kannst Du dann auch verwenden. Ein Image ist kein Form-Element und hat deshalb auch keine form-Eigenschaft.

Mit Buttons hast Du auch das Problem der Bedienbarkeit reduziert. Man kann nun mit Tastatur von Element zu Element springen. Die Infos gehen deswegen aber trotzdem nicht auf, weil Du auf :hover reagierst. Für Tastaturbedienung musst Du auf :focus reagieren.

Das größte Bedienproblem sind diese herumeiernden Buttons. Wer gesund ist und keine Probleme mit seiner Beweglichkeit hat, erwischt einen davon. Lass deinen Vater (oder Großvater) die Seite ausprobieren, und sie werden Dich verfluchen. Bedienelemente, die vor dem Bediener flüchten, sind ein absolutes no-go.

Und jetzt habe ich Self-Stammtisch und mache erstmal Schluss... Wer nicht im Verein ist und teilnehmen möchte: Jederzeit gerne, schaut nach dem gepinnten Einladungs-Thread. Ihr braucht Discord.

Rolf