Comment on [zmg] tag: image size and alt text cannot be combined correctly
harald@hub.volse.no 5 days ago To actually get an alt attribute in the generated html, use something like
There's a few other attributes supported as well. Here's a complete list:
In addition there's a legacy format still supported:
Note that the order of the attributes must be exactly like this in the legacy format. Both the float and alt attributes are optional, but must come in this order if present.
Note also that the
I think we should probably add back the float attribute directly in the new format as well.
[zmg ... alt="a bleak outlook over a nascent moon"]There's a few other attributes supported as well. Here's a complete list:
alt="Alt text"title="A title"width="42"with in px.height="66"height in px.class="myclass otherclass"custom CSS classes.
In addition there's a legacy format still supported:
[zmg=42x66 float=left alt=some alt text at end]Note that the order of the attributes must be exactly like this in the legacy format. Both the float and alt attributes are optional, but must come in this order if present.
Note also that the
float attribute is not directly supported in the new format, but can be simulated by setting a CSS class instead.I think we should probably add back the float attribute directly in the new format as well.
Attachment: # ↗
Based on my tests, I’ve found that the ‘alt’ attribute has no effect whatsoever, at least on my hubs.
The ‘title’ attribute must be used as the alt text. That way, it works.
The example from @𝓒𝓱𝓻𝓲𝓼 above does not set the correct html alt attribute:
Don't confuse the alt attribute with the title which is the one that pops up when you hover over the image.
I’ve just had a look at the source code of my test posts. AND: Yes, the `alt` attribute does what it’s supposed to do and inserts the `alt` attribute correctly into the HTML.
It was simply a misunderstanding.
< img class="zrl" style="width:50px;height:50px;max-width:10%;" alt="Bilde/fotografi" title="Alt Text" src="https://klacker.org/photo/cd747cd9-3f05-42cd-94cc-91c7368c5a18-2.png" / >
Ah, OK... we’re using different terms here.
You mean the actual HTML ‘alt’ attribute, which contains text that is displayed if the actual image cannot be shown. I think you can set it correctly using ‘alt=’ in Hubzilla. So it will work after all.
However, by “alttext” we actually mean this pop-up text, because that’s what’s now commonly used in everyday language for image descriptions. And for that, “alt” doesn’t work – only “title” does.
A communication problem due to differing definitions.
It really would be better not to write or say “alttext” for image descriptions, but to actually use “image description”.
Have a look online: there are now quite a few “alt-text bots” that are actually “image description bots”.
The alt attribute is the one being used by screen readers to provide image descriptions to blind or visually impaired people.
The title attribute however is a global attribute meant to provide additional info about whatever element it's attached to. This is typically shown as a tooltip when hovering over the element.
Most screen readers will fall back to the title if the alt attribute is not present, but it's not safe to rely on that. The attributes are distinct and has a different purpose for a reason.
[img=https://klacker.org/photo/cd747cd9-3f05-42cd-94cc-91c7368c5a18-2.png]Bilde/fotografi[/img]settings for width and height have no effect :-(
Bilde/fotografi
alt="Alt text"does not work