Brightcove Player のアクセシビリティ

このトピックでは、Brightcove プレーヤーのアクセシビリティ機能について説明します。

はじめに

Brightcove は Brightcove プレーヤーのアクセシビリティに注力しており、第三者のアクセシビリティ ベンダーと協力して、Brightcove プレーヤーが WCAG 2.1 AA アクセシビリティ ガイドラインの基準を満たすことを確認しています。

最新の Brightcove プレーヤーは、WCAG 2.1 AA 基準に対して次のテストを実施しています。

  • Windows 10 上の Chrome を使用し、キーボードのみで操作した手動評価
  • Deque aXe ブラウザ拡張機能および Deque aXe Auditor を用いた自動テスト
  • 最新版の NVDA などの支援技術を用いた検証

ご要望に応じて、Brightcove は VPAT(Voluntary Product Accessibility Template)を提供できます。Brightcove の VPAT のコピーについては、弊社営業担当者にお問い合わせください。

Brightcove ではアクセシビリティを重要視しており、お客様からのフィードバックを歓迎します。

アクセシビリティに関する注意事項

アクセシビリティは複雑なテーマであり、お客様から多くのご質問をいただく可能性があることを理解しています。ここで提供する情報は、あくまで一般的な情報であり、法的助言ではありません。特定のご質問や問題については、必ず弁護士にご相談ください。

WCAG とは?

WCAG は、達成すべきアクセシビリティの成功基準をまとめたものです。

  • WCAG ガイドラインは W3C によって策定されています。
  • WCAG の成功基準は複数の方法で満たすことができます。
  • W3C のガイドラインに従うことも、その基準を満たす 1 つの方法です。

W3C 自身も、「どのように実現するか」ではなく、「基準を満たすこと自体」が唯一の必須要件であると推奨しています。

参考情報

さらに詳しく知るためのリソースを以下に示します。

キーボード操作

Brightcove プレーヤーはキーボードで操作できます。タブキーでプレーヤー コントロールにフォーカスを移動させると、次のキーを使ってプレーヤーを操作できます。

  • 大きな再生ボタン - Space または Enter キーで動画を再生します。
  • コントロールバー内の再生ボタン - Space または Enter キーで再生 / 一時停止を切り替えます。
  • プログレスバー -
    • 上矢印 または 右矢印 キーで 5 秒進めます。
    • 下矢印 または 左矢印 キーで 5 秒戻します。
    • PageUp キーで 60 秒進めます。
    • PageDown キーで 60 秒戻します。
  • 音量スライダー - 音量スライダーにタブでフォーカスした状態で Enter キーを押すと、ミュートのオン/オフを切り替えます。もう一度タブで移動すると、次の操作で音量レベルを調整できます。
    • 上矢印 または 右矢印 キーで音量を上げます。
    • 下矢印 または 左矢印 キーで音量を下げます。
  • フルスクリーン - Space または Enter キーでフルスクリーン表示のオン/オフを切り替えます。
  • 字幕(Captions)音声トラック(Audio Tracks)画質選択(Quality Selector) のキーボード操作については、Enter キーでメニューを開き、上下矢印キーで項目を移動し、Enter キーで項目を選択します。

スクリーンリーダー

Brightcove プレーヤーは、デスクトップ ブラウザだけでなく、iOS および Android デバイス上のスクリーンリーダーにも対応しています。Brightcove は、次の環境でテストを行い、問題解消に取り組んでいます。

  • 最新の Android OS 上の TalkBack
  • iOS 12 以降の VoiceOver
  • Windows 上の Firefox および Chrome と組み合わせた最新版 JAWS
  • Safari、Chrome、Firefox と組み合わせた macOS の VoiceOver

Brightcove Player アクセシビリティ FAQ

ここでは、Brightcove プレーヤーを使用する際のアクセシビリティに関するよくある質問と回答を紹介します。

どのバージョンのプレーヤーが WCAG 2.1 AA に準拠していますか?

Brightcove による最新のテストは、青いプログレスバー インジケーターを持つデフォルトスキン(Sapphire スキンとも呼ばれます)を使用したプレーヤーバージョン 6.64.3 を対象に検証されています。Brightcove は第三者ベンダーと協力し、公平なレビューを実施しました。


プレーヤースキンはカスタマイズできますか?

テストの結果、プレーヤースキンが色のコントラスト要件を満たしていないと判定された場合、何か対処できますか?

はい。カラースキームはカスタマイズ可能です。詳しくは次のドキュメントをご覧ください。


お客様側で iframe に title を追加するにはどうすればよいですか?

WCAG ガイドラインでは、iframe を使用してプレーヤーを埋め込む場合、title 属性の指定が求められます。

プレーヤーはカタログからコンテンツを動的に読み込むため、動画が読み込まれる前に iframe に意味のあるタイトルを付与することはできません。また、プレーヤーから親 iframe 要素のタイトルを更新することもできません。以下のように、iframe に独自のタイトルを追加してください。

<iframe title="My video title" src="//players.brightcove.net/...">

埋め込みコード内に字幕は含まれていますか?

監査の際、埋め込みコード内に字幕が含まれていないことに気づく場合があります(WCAG 2.1 AA 成功基準 1.2.2)。

Brightcove は、ユーザーが利用できる字幕トラックを提供します。動画にトラックが追加されている場合、動画が読み込まれたタイミングで利用可能になります。上記の title 属性と同様、Brightcove のバックエンド システムから動画の詳細が返されるまで、プレーヤーは字幕/テキストトラックの有無を認識できません。このため、ユーザーはトラックを利用できますが、埋め込みコード内には字幕が含まれていない状態になります。


さらなる質問がある場合は誰に連絡すればよいですか?

プレーヤーを自動テストツールで検証した際に、VPAT や本 FAQ に記載されていない項目が検出された場合は、Brightcove までお問い合わせください。

既存のお客様は、弊社営業担当までご連絡ください。

新規のお客様は、Brightcove 営業チームまでお問い合わせください。