Opened 7 weeks ago
Last modified 4 weeks ago
#62579 new defect (bug)
iFrame plugins must have an accessible name
Reported by: | jaimewhi | Owned by: | |
---|---|---|---|
Milestone: | Awaiting Review | Priority: | normal |
Severity: | major | Version: | |
Component: | Embeds | Keywords: | reporter-feedback |
Focuses: | accessibility, coding-standards | Cc: |
Description
The Vimeo and YouTube iFrame plug ins do not have an accessible name, which is causing accessibility issues during our audits. We have multiple teams with varied degree of development skill, so custom HTML to correct each time we use these is not feasible. I submitted a support request and they recommended submitting a support ticket.
I don't see this item on the existing tickets. Screen reader users rely on the frame title to describe the content and it can be difficult or confusing for users if the accessible name is missing.
Change History (7)
This ticket was mentioned in Slack in #accessibility by joedolson. View the logs.
6 weeks ago
#3
@
6 weeks ago
Sure. It is on a public-facing site, https://computing.usc.edu/
Using the axe DevTools you can see the USC Frontiers of Computing iFrame does not have an accessible name.
#4
@
6 weeks ago
Yes, I believe that you're seeing that, and I can verify that it is missing on your site - what I'm asking is what your method is for adding the video to the page, and whether it matches what I'm testing (which is the default oembed behavior, by dropping a link to the vimeo URL in a paragraph block.)
Do you get the same result if you add the same video to a new blank page?
If you have a staging environment, do you have the same results after disabling all plugins and switching to a default theme?
#5
@
6 weeks ago
Apologies. The video was added using the Vimeo Embed Block, not directly uploaded to the site. We tried to use the Video Embed Block and the Embed Block, but both automatically switched to the Vimeo Embed Block upon entering the URL because it detected a Vimeo video.
#6
@
5 weeks ago
- Component changed from Plugins to Embeds
I think the problem might relate to your video's privacy settings, whether Vimeo does not give the title for embedding or they give it in a different way that WordPress does not recognize.
- When I insert
https://vimeo.com/76979871
, I get a Vimeo Embed block, and its iframe element has atitle
attribute with the video title (on the front end): "The New Vimeo Player (You Know, For Videos)" - When I insert your Vimeo video into my local installation, I get an error message: "Because of its privacy settings, this video cannot be played here."
The core YouTube and Vimeo embeds already have
title
attributes attached to their iFrames. Can you provide more detail about exactly how you're adding these video embeds?Screenshots are very helpful for knowing more about how you're adding these to your site.