こんな人に

ページの枠を外して記事だけを読む

ページの付属物は見た目の散らかりだけではありません。スクリーンリーダーが読み上げ、読み手が訪れるたびに飛ばさなければならないテキストです。クリップウィンドウは記事だけを、ブラウザのライトまたはダークの設定で、ページのスクリプトを動かさずに表示します。

ページがかき分けさせるもの

最初の文の前に、同意のダイアログ、購読の勧誘、固定ヘッダー、パンくずリスト、共有ボタンの列があります。スクリーンリーダーではページごとに 1 分間の読み上げです。400 % の拡大鏡では、テキストがどこから始まるかを探すだけで大量のスクロールです。ブラウザ内蔵のリーダーモードは動けば助けになりますが、どこでも動くわけではありません。

そしてページが割り込んできます。3 段落目でニュースレターのパネルが滑り込み、隅で動画が始まり、広告の読み込みでレイアウトが組み直され、読んでいた場所を見失います。どれも記事ではなく、どれも記事と競い合っていて、元のページより保存した写しのほうが読みやすいことが多いのはそのためです。

構造による移動は、それに頼っていない人には気づきにくい形で損なわれます。見出しから見出しへ移るのは長い記事を読み進めるいちばん速い方法で、それが機能するのは見出しが記事に属しているときだけです。メニューのセクション、宣伝のパネル、フッターの列がすべて見出しとしてマークアップされたページでは、その近道は付属物の中を案内するだけです。クリップには記事自身の見出しだけが、記事が使った階層で入っているので、近道がまた近道として働きます。

クリップウィンドウが表示するもの

• 閲覧ビューはクリップを普通のテキストとして表示します。 Markdown 記号なしで、リンクは動き、見出しは本物の見出しです。
• サイトではなく、ブラウザのライトとダークの設定に従います。
• 長い記事のために、ウィンドウは画面のおよそ 4 分の 3 まで広がります。
• クリップウィンドウではページのスクリプトが動きません。 読んでいるあいだに何かが滑り込んだり、自動再生されたり、組み直されたりしません。
• 保存したファイルはただのテキストで、どのスクリーンリーダー、点字ディスプレイ、読書用の道具も、ナビゲーションにつまずかずに扱えます。
• 見出しは見出しのまま残るので、ノートの中でも見出しごとの移動が使えます。
• リストはリスト、表は表のままなので、スクリーンリーダーは区切りのないテキストの連なりではなく、リストや表として読み上げます。
• 記事自身のリンクだけを残すので、ノートから作ったリンクの一覧には、120 件のメニュー項目ではなく参照先が並びます。

• この数字の出どころ：エンジンのバージョンと日付を載せたベンチマーク

Introduction to Web Accessibility

Web accessibility means that websites, tools and technologies are designed
and built so that people with disabilities can use them.

Accessibility supports social inclusion for:

  • people with disabilities
  • older people with changing abilities
  • people using a small screen or a slow connection

Learn more about the Web Content Accessibility Guidelines

読むための設定

設定は 4 つで、どれも拡張機能の抽出のしかたは変えません。変わるのは、ショートカットを押したあとにたどり着く場所で、読むことにとってはそれが体験のすべてです。

1. 拡張機能のアイコンを右クリックして オプション を選びます。アイコンをクリックしたとき はウィンドウを開くのままにします。読むためには、ウィンドウはファイルへの途中の段階ではなく行き先です。
2. chrome://extensions/shortcuts でキーボードショートカットを確認します。Alt+Shift+M はポインターをまったく動かさずにクリップでき、アイコンが十数個のほかのアイコンの横の小さな的になっているページでは、それが大事です。
3. 長い記事で一度クリップウィンドウを開き、広げます。画面のおよそ 4 分の 3 まで広がり、その大きさは毎回設定するものではなく、置いたままになります。
4. ウィンドウの中で 閲覧ビュー に切り替えます。クリップを普通のテキスト（本物の見出し、動くリンク、Markdown 記号なし）として、サイトではなくブラウザ自身のライトまたはダークの設定で表示します。
5. 読むサイトでスクリーンリーダーが説明のない画像を読み上げるなら、画像を 含めない に、全体でもサイト別ルールでも設定します。拡張機能は説明を作り出さないので、ページが説明を付けなかった画像は説明のないままです。
6. 残す価値のある記事はファイルを保存し、すでに使っている道具で読みます。ただのテキストファイルにはスクリプトも、レイアウトも、固定の文字サイズもないので、表示の仕方はすべて読書用の道具が決めます。
7. 毎日読む 2〜3 のサイトにサイト別ルールを追加し、それぞれに合う設定を、毎回調整するものでなくします。

読みやすさのための設定

考える価値があるのは画像の行です。ページに何が入っているかではなく、あなたがどう読むかによって決まるからです。

# Understanding Success Criterion 1.4.3: Contrast (Minimum)

## Intent
## Benefits
### Users with low vision
### Users with colour vision deficiencies
## Examples
## Related resources

3 階層、7 つの見出しが、ページで使われていた順に並んでいます。階層が
平らにされていないので、ノートの中でも見出しごとの移動が使えます。

3 つの読み方

スクリーンリーダーでニュース記事を

ページでは、最初の文の前に同意のダイアログ、購読の勧誘、固定ヘッダー、パンくずリスト、共有ボタンの列があり、そのすべてが読み上げられます。クリップウィンドウでは、見出しがあり、そのあとに記事があります。

その違いを測った数字が重複したナビゲーションです。109 ページで繰り返された行は 102 行、比較したエンジンは 282、478、491 行でした。繰り返される行こそ、セクションごとにまた読み上げられる素材です。

高倍率での長い記事

400 % では、テキストがどこから始まるかを探すのが作業の大半で、広告が読み込まれるたびにレイアウトが組み直されて読んでいた場所も一緒に消えます。クリップウィンドウではページのスクリプトが動かないので、開いたあとは何も滑り込まず、自動再生されず、動きません。

ウィンドウを画面のおよそ 4 分の 3 まで広げれば、テキストに動かない列ができます。背後の記事は手つかずです。拡張機能は元のページの見た目を変えず、テキストの写しを見せます。

あとで、自分の道具で読む

ファイルを保存し、すでに使っているリーダーで開きます。そこでは文字の大きさ、間隔、コントラスト、声はあなたのものです。見出しの構造も記事が使った階層でついてくるので、見出しごとの移動はウィンドウと同じようにノートの中でも使えます。

ただのテキストファイルには固定の文字サイズも、最小幅も、スクリプトもなく、保存したウェブページとは違って、読書用の道具の中で素直に振る舞うのはそのためです。

ページの枠を外すほかの方法との比較

どれも、ページが読みにくいから存在しています。それぞれ別の部分を解決し、これも含めて、すべてを解決するものはありません。

クリップウィンドウが役に立たないとき

ウィンドウに記事がないと表示される

そのページはフィード、ストアのトップ、検索結果、トップページで、表示すべき記事がありません。拡張機能は抽出した文字の約 4 分の 1 を超える部分がリンクのラベルの中にあるページを拒否し、そうしたページはまさにそれでできています。トップページが一覧になっているサイトでは、先に項目を開いてからそれをクリップしてください。

文字がそれ以上大きくならない

クリップウィンドウは独自の大きさの操作を持たずブラウザのズームに従うので、Ctrl と + が操作です。これは意図的で、1 つのウィンドウだけの別の大きさの設定は、好みを繰り返し設定する場所がもう 1 つ増えるだけです。文字、間隔、声を完全に選ぶには、ファイルを保存して自分の読書用の道具で開いてください。

スクリーンリーダーが説明のない画像を読み上げる

代替テキストは、ページが用意していれば届き、していなければ空です。拡張機能が説明を生成することはありません。推測した説明を事実として読み上げるのは、沈黙より悪いからです。いつもこれがひどいサイトでは、そのサイトについて画像を「含めない」にすれば、クリップにはまったく現れなくなります。

ウィンドウを開いていてもページが割り込み続ける

クリップウィンドウではページのスクリプトが動きませんが、背後のタブはまだ動いているページで、その動画、タイマー、通知は続きます。ページの前のウィンドウではなく保存したファイルから読むのが、元のページを完全に後にする方法です。

しないこと

何も読み上げず、スクリーンリーダーでもありません。すでに使っている道具のために、きれいなテキストを作ります。サイトそのものの見た目は変えず、元のページはウィンドウの背後で手つかずのままです。文字の大きさは独自の操作ではなくブラウザのズームに従います。そして記事の本文がないページ（フィード、ストアのトップ、検索結果）では表示するものがなく、拡張機能はリンクを並べる代わりにそう伝えます。

よくある質問