Use the following note and image file to reproduce (in the help vault):
---
date: 2021-08-02
---
# Test image alt text
_Internal_ image embeds _don’t_ show alt text, _external_ embeds _do_, but only if using the `` notation (last two).
### Internal
![[crazy-cool-cat.png]]
![[crazy-cool-cat.png|Crazy Cool Cat]]
### External
<!-- Only these last two show an alt text on hover -->
Expected result
All embedded images showing the alt text on hovering.
Actual result
None if the images embedded from the vault display an alt text on hover.
Only 2 of 4 variants of the external embeds show an alt text on hover. (The last two.)
Environment
Operating system: Linux Mint 20.2 and other Linuxes
Obsidian version: 0.12.10, installer 0.12.10
Additional information
Screenshots from the help vault, switched to light mode so the images can be seen.
Note that the alt text appears nowhere in the output, and the alt attribute on the img is just the name of the file. Notably, the [alt text] works fine for embeds to externally linked images.
Environment
Operating system: Windows 10 Pro Build 18363
Obsidian version: v0.8.2
Additional information
I’m trying to add css styles to embedded local images, using markdown syntax, utilizing alt text like this:
And CSS3 substring selectors like so:
img[alt$="-customstyle"] { ... }
If there’s an easier way to add css styles to individual images without resorting to using raw HTML, please let me know.
Failed in Obsidian, but Rendered correctly in Retext:
<img src="./img/dir0/test0.jpg"/>
<img src="./test1.jpg"/>
<img src="test1.jpg"/>
Rendered correctly in Obsidian and Retext:
<img src="https://mma.prnewswire.com/media/1513369/Educative_Logo.jpg"/>
BTW. Retext is a Markdown editor/viewer.
Expected result
All images should be rendered.
Actual result
The first three images are not rendered in Obsidian.
The HTML code with local images can’t be rendered in Obsidian.
