a11y: Каков правильный элемент `<track>` для видеочатов?

Question

Я создаю приложение видеочата с React.

Когда я использую элемент <video />, мой ESLint плагин для написания доступного пользовательского интерфейса кричит мне, что <track /> элемент отсутствует.

Код:

function Video({ autoPlay, playsInline, videoEl }) {
  return <video autoPlay={autoPlay} playsInline={playsInline} ref={videoEl} />;
}

Предупреждение:

error  Media elements such as <audio> and <video> must have a <track> for captions  jsx-a11y/media-has-caption 

После того, как я посмотрел <track />, он, кажется, ожидает атрибут src с .vtt файл. Но в видеочате нет подписей. Какой самый доступный способ сделать видео чат доступным HTML?

Answer 1

После этого вы можете полностью игнорировать это сообщение

Это относится к руководству WCAG: Понимание критерия успеха 1.2.4: подписи (в реальном времени)

В директиве конкретно указывается, что:

Этот критерий успеха был предназначен для применения к трансляции синхронизированных мультимедийных данных, а не предназначен для того, чтобы требовать двусторонних мультимедийных вызовов между двумя или более лицами через веб-приложения должны иметь подпись независимо от потребностей пользователей.