CanvaでアクセシブルなPDFを作成
スクリーンリーダーを使用するユーザーや視力の弱い方を含む、さまざまなユーザーが利用できるアクセシビリティなPDFを作成できます。 Canvaのアクセシビリティツールを使用して、一般的なアクセシビリティ問題を特定し、色のコントラストを確認し、画像に代替テキストを追加したり、見出しを構成したり、コンテンツの読み上げ順序を整理したりすることができます。
Canvaドキュメントでは、これらのアクセシビリティ機能を数多く使用できますが、読み上げ順序の配置などの一部の機能は利用できません。 Canvaドキュメント用の別のアクセシビリティガイドがまもなく公開される予定です。
簡単に開始するには、 Canvaのアクセシブルなテンプレートをご覧ください。
デザインにアクセシビリティの問題がないか確認してください
Canvaのアクセシビリティチェッカーを実行し、テキストのカラーコントラストが低いなどのよくある問題を見つけることができます。
- デザインを開きます。
- ファイルを選択します。
- アクセシビリティを選択し、次にデザインアクセシビリティを確認を選択します。
- 検出された問題を確認します。
- 提案された修正を選択するか、問題を解決するために自分で変更を加えます。
注意：アクセシビリティチェッカーは、編集権限のあるデザインするでのみ利用可能です。コメントアクセス権のみの場合は表示されません。
画像に代替テキストを追加
代替テキストは、スクリーンリーダーを使用するユーザー向けに画像を説明します。
- 説明したい画像を選択します。
- 画像を右クリックし、[代替テキスト]を選択します。
- 独自の説明を記述するか、Canvaが提案する説明を確認して使用または編集します。
- 意味を持たない装飾的な画像の場合は、[装飾としてマーク]を選択します。これにより、スクリーンリーダーは画像をスキップします。
見出しのテキスト意味情報を設定する
テキストの意味情報を使用して、テキストを見出しや本文としてスクリーンリーダーにタグ付けする方法を管理します。見出しレベルを設定して、スクリーンリーダーが文書の構成を把握できるようにします。
注：テキストの意味情報を編集する機能は、現在デスクトップでのみ利用可能です。
- ファイルを選択します。
- アクセシビリティを選択し、次にテキストのセマンティクスを編集を選択します。
各テキストボックスのテキストセマンティクスを設定します。
- メインのタイトルにはH1を使用します。一般的に、デザイン内でH1は1つのみ使用してください。
- 主要なセクションにはH2を使用し、それらのセクション内のサブセクションにはH3を使用します。
- 必要に応じて、より低い見出しレベルを順番に使い続けてください。H1からH3へ直接移行するなど、レベルを飛ばすことは避けてください。
- 通常の本文テキストにはParagraphを使用します。
メモ：テキストにセマンティクスを適用しても、デザイン上の表示には影響しません。変更されるのは、スクリーンリーダーやアクセシブルなPDFエクスポートでテキストがどのように識別されるかという点だけです。
ヒント：複数行の見出しは、1つのテキストボックスに収めてください。Enterキーを押す代わりに、テキストボックスの端をドラッグして改行位置を調整してください。これにより、スクリーンリーダーが各行を個別の見出しとして扱ってしまうことを防ぎます。
読む順序を整理する
デフォルトでは、CanvaはデザインをPDFとしてエクスポートするときにコンテンツの読み取り順序を自動的に予測します。読み取り順序を手動で管理するには、以下の手順に従ってください。
PDFダウンロード設定で読み取り順序をレイヤーの順序に合わせるが選択されている場合にのみ、レイヤーの順序がエクスポートされたPDFに適用されます。
- エディターツールバーから配置を選択します。
- レイヤーを選択します。
- H1タイトルなど、最初に読み上げるべき素材を、レイヤーリストの一番下へ移動します。
- 次に読み上げるべき素材を、そのすぐ上に配置します。残りの素材は、読み上げ順に下から上へ配置し続けます。
クイックアクセス（QR）コードを利用できるようにする
代替テキストを追加して、QRコードにアクセスしやすくします。 CanvaのQRコード作成ツールは代替テキストを直接サポートしていないため、以下の追加手順に従ってください。
- CanvaでQRコードを作成します。
- 「共有」を選択し、次に「ダウンロード」を選択します。
- QRコードをPNGまたはSVGファイルとしてダウンロードします。
- ダウンロードした画像をデザインに再度アップロードします。
- アップロードした画像を右クリックし、「代替テキスト」を選択します。
- QRコードの目的または宛先を説明する代替テキストを追加します。例：「イベント登録用QRコード」
- QRコードをスキャンできない人々がアクセスできるように、QRコードの近くに説明的なハイパーリンクまたは短縮URLを追加します。
アクセシブルなPDFとしてエクスポート
アクセシブルな構造を維持するために、PDFをダウンロードする際にこれらのエクスポート設定を使用してください。
- 「共有」を選択します。
- 「ダウンロード」を選択します。
- 形式として「PDF (デジタル)」を選択します。
- 「詳細設定」を選択します。
- 「読み上げ順序をレイヤーに合わせる」をオンにします。
- 「ダウンロード」を選択します。
これにより、見出しの構造と読み上げ順序がPDFファイルに埋め込まれます。
外部ツールでPDFを検証する
エクスポートしたPDFをテストし、アクセシビリティ基準を満たしているかどうかを確認してください。
PDFチェッカーを使用する
Adobe A 画像のアクセシビリティチェッカーやPDFアクセシビリティチェッカー（PAC）などのPDFチェッカーを使用します。 PDFがアクセシビリティ基準を満たしていることを確認してください。
スクリーンリーダーでPDFをテストする
エクスポートしたPDFをAdobe Arobatで開きます。 MacのVoiceOver、WindowsでのNonVisual Designer（NVDA）などのスクリーンリーダーを使ってPDFを閲覧します。見出し、代替テキスト、リンク、読み上げ順序が意図したとおりに機能することを確認してください。
代わりにデザインをWebサイトとして公開
リンクを共有する場合は、デザインをPDFとしてエクスポートする代わりに、Canva Webサイトとして公開できます。公開されたWebサイトには、見出し、代替テキスト、リンクなど、デザインに追加されたアクセシビリティ情報が含まれます。
Webサイトを共有する前に、スクリーンリーダーとアクセシビリティチェックツールを使用してテストし、コンテンツが意図したとおりに機能することを確認します。
PDFエクスポートでサポートされているコンテンツ
PDFとしてエクスポートすると、見出し、段落、シンプルな表、リスト、画像などのコンテンツタイプに正しくタグ付けされます。
PDFのアクセシビリティ改善を継続するため、より多くの素材に対応するサポートを追加しています。フィードバックやご質問がある場合は、accessibility@canva.comまでお問い合わせください。
お役に立ちましたか？
高評価
低評価