Comments (3)
fwiw the actual youtube embed doesn't show the poster image as an <img>
.
in practical terms it would add a lot of complexity to the responsive layout we support.
and i think its semantic wins actually dont convey into actualized user benefit.
i think this is really raising the question: "what is the ideal accessibility experience for a (unplayed) video embed?" i think that's a great question that i don't know the answer to. but i assume that the answer is quite involved. i've filed #40 to find out
from lite-youtube-embed.
My personal context on this is, the poster isn't the primary content. It is supplemental for the overall appearance to be closer to the regular embed. So it does feel like it belongs in the CSS more.
The purpose of the embed is not to provide the poster image to a user. It is to provide a rapidly rendered action to the page which can be replaced with the video embed itself. Therefore it is not primary content and isn't necessarily needed an in-markup image element.
If there is any supporting accessibility documentation to move the needle further in either direction then I'd love to read over it to consider. However short of that I don't see why we'd want to switch from what we have now unless it is somehow (non-marginally) faster as well.
from lite-youtube-embed.
@Garbee You make good points, but I'd argue that the poster is a stand-in for the primary content, which makes it content nonetheless, at least until an interaction is made. You could say it's just a link to the video and text would be enough, but as the saying goes, a picture carries much more information and nuance than text. A lot of videos use the poster as hook to the video content. From the perspective of crawlers and assistive technology a link could, at most, have some meaning extracted and be translated. But an image could be described to a blind person, analyzed and have its content categorized and even connected back to the original video. Plus if the video doesn't load, having the image there is the next best thing, content wise.
from lite-youtube-embed.
Related Issues (20)
- Types: Property 'ready' does not exist on type 'typeof YT'. HOT 1
- Failed to execute 'postMessage' HOT 2
- Type declarations
- On mobile, double click is neccesary HOT 8
- Display a title on the video thumbnail HOT 2
- Graceful degradation if YT API breaks
- NPM version is outdated HOT 1
- Custom Width and Height for Youtube shorts HOT 6
- Will it be counted as views on YouTube? HOT 2
- sometime no image loaded HOT 1
- does not work on mobile HOT 2
- Early click on Progressively Enhanced version directs user to youtube.com HOT 1
- A11Y: Why `a.lty-playbtn` instead of `button`? HOT 2
- Start and end params not working when using js-api
- I am using lite youtube embed and I want to get onStateChange player.getPlayerState():
- How can we keep the lower quality preview?
- Could we get a more noob friendly guide for Pro-usage? 😇
- Deprecated navigator.vendor HOT 1
- v0.3.2 Release HOT 1
- Yield on LiteYTEmbed click listener to reduce INP impact HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lite-youtube-embed.