Ho un iframe che contiene un video di Youtube in questo modo:iframe con video di YouTube - Accessibilità errore: attributi ARIA che si riferiscono ad altri elementi per ID dovrebbe fare riferimento a elementi che esistono nel DOM
<iframe src="//www.youtube.com/embed/my-video" width="225" height="150"></iframe>
quando eseguo il sito web attraverso il Controllo Chrome Accessibility ottengo il seguente errore all'interno di tale iframe:
[Severe] ARIA attributes which refer to other elements by ID should refer to elements which exist in the DOM (3)
See AX_ARIA_02 for more information.
Qualsiasi idea di come risolvere questo?
UPDATE ====
ho notato errori aggiuntivi come:
[Severe] Controls and media elements should have labels
See AX_TEXT_01 for more information.
<video class="video-stream html5-main-video" style="width: 225px; height: 150px; left: 0px; top: -150px; transform: none;"></video>
e
[Severe] Elements with ARIA roles must ensure required owned elements are present (3)
See AX_ARIA_08 for more information.
<div class="ytp-playlist-menu-items" role="menu"></div>
<div class="ytp-related-menu-items" role="menu"></div>
<div class="ytp-menu" role="menu" id="ytp-main-menu-id"></div>
Presumibilmente il video player di YouTube non è compatibile ARIA?
Passa l'audit se estrai l'iframe? – approxiblue
Assolutamente - è solo il codice che YouTube inserisce nell'iframe. – Snowcrash
In questo caso non sono sicuro che tu possa fare qualcosa, dopotutto è colpa di YouTube. – approxiblue