Youtube контролирует отчет о доступности

1

У меня есть следующий iframe:

<iframe src="http://www.youtube.com/embed/{{ item.getFieldCollectionItem().field_youtube.value }}?playsinline=0&rel=0&showinfo=0&controls=2&modestbranding=1&autohide=1" frameborder="0" width="300" height="169"></iframe>

однако кнопки, созданные из API, не имеют текста внутри, что делает их недоступными. В отчете доступности я имею в виду следующее:

"Unlabelled 2 Button"

Я предполагаю, что ссылаюсь на кнопки "play" и "pause".

Есть ли способ сделать их более доступными, имея внутри описательный текст?

  • 0
    Как выглядит дерево DOM для этих кнопок?
Теги:
accessibility

1 ответ

0
Лучший ответ

Вместо того, чтобы возиться с тем, что дает нам YouTube, я бы рекомендовал использовать сторонний видеоплеер, который поддерживает видео на YouTube:

  • Able Player доступен под лицензией MIT. (Исходный код на GitHub.)
  • Plyr поддерживает видеоролики YouTube и Vimeo. Исходный код GitHub доступен под лицензией MIT.
  • Video.js также поддерживает видео YouTube, если вы добавляете свой подключаемый модуль YouTube.

Есть и другие видеоплееры, которые уделяют внимание доступности, но не все из них поддерживают видео на YouTube.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню