iFrame title missing – Instagram embed

How did you embed your Instagram posts? How that was accomplished influences what might be possible for resolution.

For example, if you just placed a link into post content and it turned into an embed automatically, you relied upon oEmbed to get the embed code. oEmbed content can be filtered through the ‘oembed_result’ hook. A title attribute could be inserted this way.

I’m unsure what would be used for a title value though. “Instagram image” isn’t very helpful. Something better would need to already exist somewhere in the HTML being filtered, such as an aria-label value or something.

Thanks for your reply.

I have used the html block of WordPress to include the code of the Instagram posts. This code can be found on each Instagram post: click on the 3 dots in the right corner above the post, than click on include, copy the code and paste this in the html block in Word Press.

This is a great way since it doesn’t require any third party plugins.

It is possible to include also the information of the post in this code. Maybe in this code, there are words that can be used to create a title value?

I only get this notice regarding Instagram posts, not when I embed YouTube video’s. How are these video’s given a proper title value? Could this be applied to the Instagram posts as well?

It looks like the iframe HTML is injected by script from instagram.com/embed.js. So the onus is upon Instagram to provide a title attribute in the HTML they are injecting. Aside from pleading with Instagram to fix their embed HTML, your only other option would be to add your own script that inserts a title attribute. The key to your script would be it must only run after the embed.js script has already injected the HTML. I’m not much of a JavaScript coder, TBH I’m not sure how your script would ensure it only runs after the Instagram injection.

Other embed blocks like YouTube rely upon oEmbed to get appropriate HTML content. It’s up to the remote oEmbed server to provide proper HTML (which it apparently does), but we do have an opportunity to alter the HTML before it’s output. When the HTML is injected via embed.js instead, there is no such opportunity, the HTML can only be altered by other scripts after it had been injected.

Thanks for your reply.

I am currently on vacation and should not work ;-). I will look into this when I start working again next Monday 12 June.

There are still too many issues with Accessibility Technology, on my website there are already 4 issues that I cannot solve, and they should be solved by the parties that are responsible for this.