Opened 17 months ago
Closed 4 months ago
#58272 closed defect (bug) (worksforme)
Accessibility issues with core embed block's handling of Flickr and TikTok
Reported by: | markcmorantt | Owned by: | joedolson |
---|---|---|---|
Milestone: | Priority: | normal | |
Severity: | normal | Version: | 6.2 |
Component: | Embeds | Keywords: | needs-patch has-screenshots reporter-feedback |
Focuses: | accessibility | Cc: |
Description
There is an accessibility error with the embed iFrame for Flickr and TikTok. Specifically, that the iFrame is missing a title, with no "title" attribute, or the "title" attribute being empty. Site Improve is requesting that the frame provide an attribute titie="", and to add a description of the content in the title.
There is also an "Link without a text alternative" message for the <a data-rapid="flickr"... > link, stating that "links should always have a text alternative". In order for a link to be readable by screen reader users links must all contain either plain text, or in the case of a linked image, alt text describing where the link goes. If the linked image contains text, a good general rule is to make the alt text the same, or similar to the text in the image.
The same issue goes with the inline (iframe) frame, that does not include a text altnerative.
All three of these issues will lower page accessibility for those using screen readers.
Thanks for your help.
Attachments (3)
Change History (19)
#2
follow-up:
↓ 3
@
17 months ago
- Component changed from General to Embeds
- Focuses accessibility added
#3
in reply to:
↑ 2
@
17 months ago
Replying to sabernhardt:
Thank you!
This ticket was mentioned in Slack in #accessibility by joedolson. View the logs.
15 months ago
#5
@
15 months ago
- Milestone changed from Awaiting Review to 6.4
- Owner set to joedolson
- Status changed from new to accepted
We're not able to do anything at all about the content within the iframe; that's provided by the media provider, in this case Flickr. However, we should be able to add a title attribute to the iframe itself, so that the container is labeled for screen readers.
We'll probably want to do something similar to what we did for the YouTube oEmbed: https://core.trac.wordpress.org/attachment/ticket/40245/40245.3.diff
This ticket was mentioned in Slack in #accessibility by joedolson. View the logs.
13 months ago
This ticket was mentioned in Slack in #accessibility by joedolson. View the logs.
13 months ago
#9
@
13 months ago
I've done some exploration of this, and have not been able to reproduce this issue. Can you provide specific step-by-step methods to reproduce this?
Specific examples to embed and the steps followed to embed them on the page would be very helpful.
This ticket was mentioned in Slack in #accessibility by joedolson. View the logs.
13 months ago
#12
@
12 months ago
- Milestone changed from 6.4 to 6.5
Because we don't have steps to reproduce the issue, there is no activity in the ticket, and we have 11 days until RC1, I am moving this ticket into the next milestone for further investigation.
This ticket was mentioned in Slack in #core by audrasjb. View the logs.
8 months ago
#14
@
8 months ago
- Milestone changed from 6.5 to Future Release
As per today's bug scrub, we decided to move this ticket to Future Release
to give it more time to get a patch.
This ticket was mentioned in Slack in #accessibility by joedolson. View the logs.
4 months ago
#16
@
4 months ago
- Milestone Future Release deleted
- Resolution set to worksforme
- Status changed from accepted to closed
Since we were unable to replicate the issue as described, and we have no option to fix issues inside the embed itself, we're closing this issue as worksforme
. If you're still experiencing this issue and can provide steps to replicate consistently, please feel free to comment or reopen.
Another related note is that the blocks mentioned are not navigable by keyboard, which is causing another accessibility warning with Site Improve.
I'm unable to add other attachments for the Tiktok issue screen shots, but they are essentially the same as the one shown in these attachments.
Also, apologies if my formatting for this ticket is completely wrong. I don't have a lot of experience submitting tickets to WordPress so I'm sure there are a lot of issues with how I'm posting this up. Apologies for any confusion.