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&max_width=0&max_height=0&hash=kvq8bpiuY3BW6X55Z9WtCg-k6euCDnHj34jorRJQM4o&oembed_lazyload=1&provider=YouTube&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&max_width=0&max_height=0&hash=kvq8bpiuY3BW6X55Z9WtCg-k6euCDnHj34jorRJQM4o&oembed_lazyload=1&provider=YouTube&options%5Bautop...
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.
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.
Active
2.0
Code
On our case, we will remove the id, but it could be a breaking changing.
This seems like something we can write a test case for. I think before attempting a fix here, we'll need a failing test.