スクリーンリーダーで読めない、スキャンやタグなしのPDF

近所のカフェ「Corner Kitchen」は、すべてのページから「ランチメニュー（PDF）」にリンクしています。画面のPDFは、テーブルに置いてあるメニューと同じ見た目です。タイトルの下に2つの段があり、左がスープとサラダ、右がメインで、料理ごとに価格が付いています。カフェはこのPDFを次の2つの方法のどちらかで作っていて、それぞれ違う形で問題が起きます。

1つ目は、印刷したメニューを事務所の複合機でスキャンし、その画像をアップロードしたものです。デザインツールからの書き出しでも、同じファイルになることがあります。印刷所にデザインどおり渡すためにCanvaの「Flatten PDF」（PDFのフラット化）をオンにすると、文字も画像になります。目の見えない利用者がリンクをたどってPDFを開くと、スクリーンリーダーはファイル名を読んだ後、何も読みません。ページは1枚の画像で、言葉が入っていないからです。行を選択しても何も選択されず、「スープ」を検索しても見つかりません。拡大すると、ぼやけた紙の写真が見えるだけです。

2つ目は、デザインアプリからタグを付けずに書き出したものです。言葉は実際のテキストなので読み上げられますが、ファイルが描く順にひと続きで読まれます。「ランチメニュー。スープとサラダ　メイン。トマトスープ 6.50　キノコのリゾット 12.00。グリーンサラダ 7.00　グリルチキン 13.50。」と、行が2つの段をまっすぐ横切るため、スープの次にメイン料理が続き、タイトルと2つのセクション名が見出しであることも伝わりません。Hキーで次の見出しへ移動しようとしても、見出しは見つかりません。

サイトからリンクするPDFもサイトの内容の一部で、WCAGはページと同じようにPDFにも当てはまります。W3CはそのためのPDFの達成方法を公開しています。2つの形は、それぞれ別の達成基準を満たしていません。

• スキャンは、テキストの代替がない非テキストコンテンツで、1.1.1を満たしません。メニューの言葉はすべてピクセルとしてしか存在せず、タグのないPDFには、代替テキストを設定するFigureタグさえありません。
• タグなしの書き出しは、1.3.1と1.3.2を満たしません。PDFでは、見出し、リスト、表と、それを読む順序をタグが伝えます。ページでHTMLの要素が伝えるのと同じです。タグがないと、タイトルの大きさやセクション名の太さは見た目だけの情報になり、読む順序はファイルがたまたまテキストを描いた順になります。この例ではそれが段を横切るため、価格が別の料理の隣に来て、意味が変わってしまいます。

適合しないPDFも、適合した代替版がそばにあれば、適合したサイトの一部にできます。代替版とは、同じ内容を同じだけ新しく保ったページで、PDFが見つかる場所からたどれるものです。これが次の1つ目の修正です。

メニュー、料金表、サイズガイド、規約、パンフレットは、PDFでしか公開されていないことがよくあります。ファイルを読めない利用者には、カフェに読み上げてもらうほかに、内容を知る方法がありません。

10グループ中3グループに影響

• 全盲 （影響あり）
• 弱視 （影響あり）
• 色覚 （影響なし）
• ろう （影響なし）
• 難聴 （影響なし）
• 発話 （影響なし）
• 手の操作 （影響なし）
• 届く範囲・力 （影響なし）
• 認知 （影響あり）
• 光過敏 （影響なし）

• 視覚を使わない スキャンでは、スクリーンリーダーが読めるテキストがないため、メニューはファイル名だけの空のページになります。タグなしの書き出しでは言葉はありますが、移動できる見出しがなく、2つの段が1行ずつ混ざるため、左右の料理と価格がひと続きに読まれます。
• 視覚が限られる スキャンを拡大しても、ぼやけた紙の写真が大きくなるだけで、折り返しも、文字の拡大も、配色の変更もできません。スマートフォンでは、どちらの形でも、印刷用のページを指で広げて動かしながら1行ずつ読むことになります。
• 言語・認知・学習の能力が限られる 読み上げツールで聞く人、フォントを変える人、ページを翻訳する人は、スキャンからは何も得られません。タグなしの書き出しは、2つのセクションが混ざった順に読み上げられます。

axe などのページのチェックは、ページ自体のHTMLを確かめます。PDFは別のファイルで、これらのツールは開かないため、すべての文書がスキャンでも、エラーなしで通ることがあります。見えているのはリンクだけで、リンクには問題がないからです。この診断では、ページがリンクするPDFのうち、各ページで最初の5つを、1回の診断で1回ずつ開き、そのバイト列を読みます。フォントもタグも代替テキストもなく、画像だけのPDFは問題として報告します。読めるものが何もないことは、コードだけで証明できるからです。そのほかのリンク先の文書は、内容しだいで結果が変わるため、人が確認する候補にします。テキストのあるタグなしのPDFは、失う構造が少ないことも多いこともあります。タグ付きのPDFも、タグの順序が違ったり、見出しが段落としてタグ付けされていたり、表がばらばらのテキストになっていたりします。WordやExcelのファイルは開きません。

修正に見えて修正にならない近道が2つあります。スキャンにOCRをかける（「検索可能にする」）と、隠れたテキストの層が加わり、「テキストがある」というチェックは通ります。しかしタグは加わらず、読み間違いもあります。「6.50」が「650」になったり、段の区切りが消えたりします。最近は、ビューアー自体がスクリーンリーダーの利用者のためにスキャンにOCRをかけるものもありますが、限界は同じで、そのビューアーでしか働きません。AIツールやAcrobatの自動タグ付けで「PDFをアクセシブルにする」と、たいていタイトルと言語を設定し、レイアウトからタグを推測します。2段組みのページでは、その推測でも順序が横切ったままになることがよくあります。