question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Feature Request] Include a hidden <img> tag inside <v-img>

See original GitHub issue

What 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:closed
  • Created 5 years ago
  • Reactions:4
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
KaelWDcommented, Nov 29, 2018

Because you can’t have it with an empty aria-label, so it defaults to the equivalent of <img alt="">

1reaction
KaelWDcommented, Nov 21, 2018

If you supply alt text then role="img" will be used along with aria-label.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found