[Feature Request] Include a hidden <img> tag inside <v-img>
See original GitHub issueWhat problem does this feature solve?
The current implementation of v-img
renders the image inside a background-image
. While this is the intended behaviour to achieve the correct sizings, the lack of a real sibling img
tag prevents tools like Safari Web Reader, which are very important for accessibility, to identify such images.
What is your proposed solution?
The proposal is to render a hidden img
tag as a sibling of div.v-image__image
.
The Polymer team has this feature at their element iron-image
and works like a charm.
Their implementation is available at:
https://github.com/PolymerElements/iron-image/blob/master/iron-image.js
Issue Analytics
- State:
- Created 5 years ago
- Reactions:4
- Comments:5 (5 by maintainers)
Top Results From Across the Web
HTML img hidden Attribute - Dofactory
A hidden attribute on an <img> tag hides the image. Although the image is not visible, its position on the page is maintained....
Read more >How to create a hidden <img> in JavaScript? - Stack Overflow
I'm not sure I understand your question. But there are two approaches to making the image invisible... Pure HTML <img src="a.gif" style="display: none;"...
Read more >Prevent wasteful hidden image requests (display: none)
We often hide images using CSS with "display: none", but this doesn't actually prevent the browser from downloading these images.
Read more >Why I love Vim: It's the lesser-known features that make it so ...
Since I started using Vim in 2016, I've discovered several lesser-known features that Vim offers out of the box without any plugins.
Read more >Markdeep - Casual Effects
Markdeep is a technology for writing plain text documents that will look good in any web browser, whether local or remote. It supports...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Because you can’t have it with an empty
aria-label
, so it defaults to the equivalent of<img alt="">
If you supply alt text then
role="img"
will be used along witharia-label
.