Contrib.social

Duplicate id attribute value "oembed-iframe"

Open on Drupal.org →
Created on 30 January 2025, about 1 month ago

Problem/Motivation

We are getting the following errors on Pa11y

 Error: Duplicate id attribute value "oembed-iframe" found on the web page.
   ├── WCAG2AA.Principle4.Guideline4_1.4_1_1.F77
   ├── #oembed-iframe
   └── <iframe data-src="/en-int/media/oembed?url=https%3A//www.youtube.com/watch%3Fv%3DddaXO9t-5EU%26t%3D2s&amp;max_width=0&amp;max_height=0&amp;hash=kvq8bpiuY3BW6X55Z9WtCg-k6euCDnHj34jorRJQM4o&amp;oembed_lazyload=1&amp;provider=YouTube&amp;options%5Bautop...
• Error: Duplicate id attribute value "oembed-iframe" found on the web page.
   ├── WCAG2AA.Principle4.Guideline4_1.4_1_1.F77
   ├── #oembed-iframe
   └── <iframe data-src="/en-int/media/oembed?url=https%3A//www.youtube.com/watch%3Fv%3DddaXO9t-5EU%26t%3D2s&amp;max_width=0&amp;max_height=0&amp;hash=kvq8bpiuY3BW6X55Z9WtCg-k6euCDnHj34jorRJQM4o&amp;oembed_lazyload=1&amp;provider=YouTube&amp;options%5Bautop...

Steps to reproduce

We are using the video on a paragraph field, when there are multiple videos on the same page with the same media, the id is always the same 'oembed_lazyload', we did not find why it is necessary for the id on the iframe, so the attribute could be removed.

Proposed resolution

The solution could be removing the attribute or changing the ID on a different stage if we want the iframe cached.

It is an edge scenario, and in most of the cases, the media will be different.

🐛 Bug report
Status

Active

Version

2.0

Component

Code

Created by

🇪🇸Spain eduardo morales alberti Spain, 🇪🇺

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024