PDFのアクセシビリティ機能

デザインをPDFとしてダウンロードすれば、スクリーンリーダーや支援技術との連携が改善されます。

1. エクスポートするデザインを開きます。
2. [
   共有]に移動してから[
   ダウンロード]を選択します。
3. [ファイルの種類]から[
   PDF標準]を選択します。
4. [PDFを平らにする]チェックボックスがオフになっていることを確認します。 フラット化するとアクセシビリティタグが削除されます。
5. [
   ダウンロード]を選択します。デザインに有料素材が含まれている場合は、[お支払いとダウンロード]を選択します。

ヒント：アクセシビリティタギングは、平面化されたPDFではサポートされていません。

スクリーンリーダーは、デザインに表示される要素の順序でコンテンツを読み取ります。

• 読み込み順序はエクスポート時に自動的に計算されます。
• シンプルな線形レイアウトに最適です。

1. デザインに移動します。
2. [位置]に移動して、すべてのレイヤーを表示します。
3. レイヤーを読み取りたい順序で配置します。 下のレイヤーが最初に読み込まれます。
4. [共有]に移動してから[ダウンロード]を選択します。
5. ダウンロードする前に、読み取り順序をレイヤーの配置に合わせるを選択します。

Canvaドキュメントでは、選択した見出しの種類に基づいてセマンティックタグが適用されます。たとえば、

セマンティックタグがない古いデザインでは、Canvaはフォントサイズや配置などの視覚的な階層に基づいて見出しレベルを自動的にタグ付けすることがあります。

構造が目的と一致しない場合は、手動で編集することができます。

見出しセマンティクスを編集するには：

1. [ファイル]に移動し、[アクセシビリティ]を選択します。
2. [テキストの意味情報を編集する]を選択します。
3. テキスト要素を選択し、見出しレベルを更新します。

PDFアクセシビリティのためのテキストセマンティクスの編集について詳しくはこちら。

デザインにスクリーンリーダーの言語を設定することができます。 この言語は、スクリーンリーダーがテキストを正しく解釈するのに役立つように、エクスポートされたPDFに埋め込まれています。

スクリーンリーダーの言語を設定する方法をご紹介します。

ブラウザ組み込みのPDFリーダーとVoiceOver

エクスポートされたPDFをmacOSプレビューまたはSafariで開くと、ブラウザに組み込まれているPDFリーダーとVoiceOverが正しく読み取れないことがあります。

• 一部のコンテンツはスキップされる場合があります。

この問題は、Adobe Acrobatでタグが正しく表示されている場合でも発生することがあります。

おすすめの回避策

NVDA、JAWS、またはVoiceOverで最も信頼性の高いスクリーンリーダーのエクスペリエンスを得るには、Adobe AcrobatでエクスポートされたPDFを開きます。

Adobe Acrobatは、組み込みのブラウザビューアよりも一貫してアクセシビリティタグを読み取ります。

画像および他の非テキスト要素は、代替テキストを含むことができる。

• 代替テキストはインスタンスベース です
• 画像の各コピーは、コンテキストに応じて異なる代替テキストを持つことができます

スクリーンリーダーのユーザーがPDFを理解できるようにするには、すべての画像や要素に代替テキストを追加するか、エクスポートする前にそれらを装飾としてマークします。 代替テキストを要素に追加する方法について説明します。 インポートされたPDFやPPTXに埋め込まれている代替テキストは、エクスポート時にも保持されます。

Canvaは次のタグを付けて、支援技術が正しく解釈できるようにします。

• 表
• リスト
• テキストエフェクト（湾曲テキストなど）

Canvaには、アクセシブルなPDFを作成するのに役立つツールがあります。

• テキストの意味—スクリーンリーダーの互換性のために見出しとコンテンツを構造化します。
• 代替テキスト—画像の説明を追加するか、画像をデコレーションとしてマークします。
• 読み上げ順—シーケンスコンテンツの読み上げを制御します。
• デザインアクセシビリティチェッカー-エクスポート前に色のコントラスト、代替テキスト、タイポグラフィの問題をキャッチします。