アクセシビリティ (WCAG と ADA)

4 min read

TTSWP は、あなたのサイトが WCAG 2.1 AA および ADA アクセシビリティガイドラインを満たせるよう設計されています。このプラグインはキーボードナビゲーション、スクリーンリーダー、ARIA ラベリングをサポートします。また、音声を好む方や必要とする方が書かれたコンテンツにアクセスできるようにします。

TTSWP がアクセシビリティに貢献する方法

コンテンツのテキスト音声変換

書かれたコンテンツの音声版を提供することで、以下の方々を支援します。

  • 視覚障害のある方 - スクリーンリーダーをコンテンツ閲覧の主な手段として使用する方
  • ディスレクシアや読書困難のある方 - 話し言葉のほうが処理しやすい方
  • 認知障害のある方 - 複数の形式から恩恵を受ける方
  • 視覚に問題がない訪問者 - ハンズフリーでコンテンツを利用したい方

これは、代替フォーマットでコンテンツを提供することで、WCAG 達成基準 1.1.1 (非テキストコンテンツ) および 1.4.5 (文字画像) を直接サポートします。

プレイヤー自体もアクセシブル

TTSWP の音声プレイヤーは WCAG 2.1 AA 要件を満たします。

  • キーボードアクセシブル - すべてのボタンとコントロールをキーボードのみで操作できます
  • スクリーンリーダー対応 - すべてのボタンに説明的な ARIA ラベルがあります
  • フォーカスインジケーター - すべてのインタラクティブ要素に見やすいフォーカス枠を表示
  • カラーコントラスト - デフォルトの色は 4.5:1 の最小コントラスト比を満たします
  • 発作リスクなし - 点滅するコンテンツはありません

プレイヤーのキーボードショートカット

  • 再生ボタンで スペース または Enter を押すと再生/一時停止が切り替わります
  • Tab でコントロールを前方に移動します
  • Shift+Tab で後方に移動します
  • 速度セレクターで 矢印キー を使うと再生速度が変わります
  • 音量スライダーで 矢印キー を使うと音量が調整されます

WCAG 2.1 AA チェックリスト

TTSWP が準拠支援のために提供する機能:

達成基準 TTSWP の対応方法
1.1.1 非テキストコンテンツ テキストコンテンツの音声版を提供
1.2.1 音声のみ (収録済み) トランスクリプト利用可能 (PRO の音声認識機能)
1.4.5 文字画像 音声代替により文字画像の問題を回避
2.1.1 キーボード プレイヤーが完全にキーボードアクセシブル
2.1.2 キーボードトラップなし タブ順序がプレイヤーを正しく抜け出す
2.4.7 フォーカスの可視化 すべてのコントロールに明確なフォーカス枠を表示
3.3.2 ラベルまたは説明 すべてのコントロールに ARIA ラベルを付与
4.1.2 名前、役割、値 セマンティック HTML + ARIA

TTSWP は自動的にサイト全体を WCAG 準拠にするわけではありません。テーマとコンテンツも重要です。ただし、このプラグイン自体が準拠の妨げになることはありません。

米国における ADA 準拠

ADA は一般向けサービスを提供する事業者のウェブサイトに適用されます。WCAG 2.1 AA 基準は ADA ウェブアクセシビリティの事実上の基準です。WCAG 基準を満たすことで、法的リスクを大幅に軽減できます。

EAA (欧州アクセシビリティ法)

EAA は 2025 年 6 月に施行されます。対象企業はアクセシブルなデジタルサービスを提供しなければなりません。TTSWP の音声フォーマットは、コンテンツの知覚可能性に関するいくつかの EAA 要件を満たします。

TTSWP 使用時のベストプラクティス

トランスクリプトを提供する

動画やポッドキャスト音声の場合、聴覚が難しい方のためにトランスクリプトが役立ちます。TTSWP の音声認識機能 (PRO) は音声からトランスクリプトを生成します。

わかりやすいラベルを使う

ショートコードジェネレーターやカスタムプレイヤーの配置では、明確なラベルを設定してください。「再生」だけでなく「この記事を聴く」のように具体的に書きましょう。

スクリーンリーダーでテストする

Chrome の組み込みスクリーンリーダー、macOS の VoiceOver、Windows のナレーターが使えます。キーボードとスクリーンリーダーだけで投稿をナビゲートし、プレイヤーが正しくアナウンスされるか確認してください。

音声の自動再生はしない

音声の自動再生は WCAG 上の懸念事項です。TTSWP ではショートコード属性で自動再生を設定できますが、アクセシビリティの観点から推奨しません。

関連ページ