2015-08-10 34 views
7

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?

+0

Passa l'audit se estrai l'iframe? – approxiblue

+0

Assolutamente - è solo il codice che YouTube inserisce nell'iframe. – Snowcrash

+0

In questo caso non sono sicuro che tu possa fare qualcosa, dopotutto è colpa di YouTube. – approxiblue

risposta

0

tenta di aggiungere https: nella parte anteriore del src iframe:

Questa shoud essere il tuo codice:

<iframe src="https://www.youtube.com/embed/my-video" width="225" height="150"></iframe> 

Anche il vostro tipo di video Chrome non potrebbe sostenere.