Ein alternative Text wird m.W. dann ausgegeben, wenn das zugeordnete Bild nicht angezeigt werden kann.
Hallo,
Ja, stimmt - aber: ein Alt Text sollte im Quelltext stehen.
steht eh da:
<img class="caption" title="kirschen-heute-gepflueckt" src="/meine_seite/images/stories/fruit/cherry.jpg" alt="kirschen" itemprop="thumbnailUrl">
Und ausgegeben wird er ja - aber der falsche Text
als Beispiel, hier den "alt text" und "title" eingegeben:
Ergebnis:
... und beim Drüber hovern:
Liebe Grüße
Christine
Das "title"-Attribut hat laut Standard im img-Tag gar nichts zu suchen. Wie kommt das denn da hin?
Das "title"-Attribut hat laut Standard im img-Tag gar nichts zu suchen.
verstehe ich jetzt nicht (?)
https://wiki.selfhtml.org/wiki…dia_und_Grafiken/Grafiken (Pflichtangaben & optionale Angaben)
Wie kommt das denn da hin?
siehe 1. screenshot. 
Habe lediglich versucht, beides, also "alt" und "title" durch ein nachgestelltes "Nur als Beispiel" darzustellen. Ich geh jetzt wieder.
Liebe Grüße
Christine
verstehe ich jetzt nicht (?)
https://wiki.selfhtml.org/wiki…dia_und_Grafiken/Grafiken (Pflichtangaben & optionale Angaben)
Upps! Mea culpa - ich hab nur hier gecheckt und da keine optionalen Attribute gesehen. https://wiki.selfhtml.org/wiki/Referenz:HTML/img
Alles anzeigenHallo,
steht eh da:
<img class="caption" title="kirschen-heute-gepflueckt" src="/meine_seite/images/stories/fruit/cherry.jpg" alt="kirschen" itemprop="thumbnailUrl">
als Beispiel, hier den "alt text" und "title" eingegeben:
Ergebnis:
... und beim Drüber hovern:
Liebe Grüße
Christine
Genau da sehen wir das Problem - beim Hoover erscheint die Bildunterschrift und nicht der Alt-Text
Das "title"-Attribut hat laut Standard im img-Tag gar nichts zu suchen. Wie kommt das denn da hin?
Das title ist nötig, damit die Caption-Funktionalität, die Joomla dabei hat und durch die class="caption" ausgelöst wird, überhaupt eine Bildunterschrift erzeugt.
Sowohl title als auch dieses class="caption" setzt ein Joomla ohne veraltete Overrides bzw. Templates durch die JLayouts full_image.php und intro_image.php.
joomla.content.full_image
https://github.com/joomla/joom…la/content/full_image.php
https://github.com/joomla/joom…a/content/intro_image.php
Da dieses Caption-Javascript TOTAL veraltet ist und nicht responsiv arbeitet, kann man nur empfehlen, Overrides für die beiden JLayouts zu erstellen, die mit <figure> und <figcaption> arbeiten, also HTML statt JavaScript, und diese weiter nach seinen Vorstellungen anpassen, z.B. DRINGEND dieses class="caption" entfernen, damit sich dieses JS nicht angesprochen fühlt.
Joomla-4.0.0-alpha-10 hat die z.B. so drinnen, wie sie auch unter Joomla 3 funktionieren sollten.
https://github.com/joomla/joom…la/content/full_image.php
https://github.com/joomla/joom…a/content/intro_image.php
Etwas zusätzliches CSS ist nötig. Bspw max-width- Werte für figure.item-image, wenn es dann responsiv "schön" arbeiten soll ... damit keine Mikro-Bilder rauskommen, wenn man Umfließungen bei den Bildern eingestellt hat.
Leider konnte der Caption-Müll nicht aus Joomla-3 entfernt werden, wegen der Rückwärtskompatibilität.
Genau da sehen wir das Problem - beim Hoover erscheint die Bildunterschrift und nicht der Alt-Text
Zumindest frühere Browser haben da unterschiedlich gearbeitet, was sie dann beim Hovern angezeigt haben.
Desweiteren ist der ALT-Text noch nie der gewesen, der beim Hovern angezeigt werden sollte, wenn man nach Standards geht.
Es kann aber auch schlicht sein, dass das o.g. JavaScript was verdreht. Weiß ich nicht, da oben kein Link zum Problem gepostet wurde. Müsstet Ihr mal im Browser-Inspektor statt HTML-Quelltext überprüfen, was da am Ende title ist, was alt ist.
Das ALT-Attribut wird von Screenreadern und Braille-Zeilenlesegeräten verwendet. Da Bilder blinden Menschen nicht "vorgelesen" werden können, wird stattdessen der Text des Alt-Attributs "vorgelesen". Mit Hovern hat das nichts zu tun.
Axel
Im Quelltext passiert das gleiche: Dort wird die Bildunterschrift als ALT Text ausgegen.
Die Bildunterschrift ist: "Beschriftung"
Titel beim hovern ist: "Titel"
ALT Text ist: "Beschreibung". wo siehst Du den als Bildunterschrift?
<p>TEST</p>
<p> </p>
<figure><img title="Titel" src="/images/powered_by.png" alt="Beschreibung" />
<figcaption>BeschriftungLiebe Grüße
Christine