適用對象

只讀文章，不看周圍的頁面

頁面雜物不只是視覺上的雜亂：它是螢幕閱讀器每次造訪都會唸出來、讀者都得跳過的文字。擷取視窗單獨顯示文章，採用你瀏覽器的淺色或深色設定，而且不執行任何頁面腳本。

頁面讓你得先涉過什麼

第一句之前，有同意對話框、訂閱推銷、固定頁首、麵包屑，還有一排分享按鈕。使用螢幕閱讀器時，那就是每個頁面一分鐘的朗讀。放大到 400% 時，得捲動很久才找得到文字從哪裡開始。瀏覽器內建的閱讀模式在觸發時有幫助，但它並不是每個地方都會觸發。

接著頁面會打斷你。電子報面板在第三段滑進來，角落的影片開始播放，廣告載入時版面重排，你讀到哪裡就不見了。這些都不是文章，卻都在和文章搶注意力，這也是為什麼讀存下來的副本，往往比讀原本的頁面輕鬆。

依結構導覽受到的影響，如果你不依賴它，很容易忽略。逐個標題移動，是讀完長文最快的方法，但只有當標題屬於文章本身時才有效：在選單區段、推廣面板和頁尾欄位全都標記成標題的頁面上，這個捷徑帶你走過的是雜物。擷取內容只包含文章自己的標題，而且保留文章使用的層級，所以捷徑又能當捷徑用。

擷取視窗顯示什麼

• 閱讀檢視以一般文字呈現擷取內容：沒有 Markdown 符號，連結可用，標題是真正的標題。
• 它跟隨你瀏覽器的淺色和深色設定，而不是網站的。
• 視窗可以放大到約四分之三的螢幕，方便閱讀較長的文章。
• 擷取視窗中不執行任何頁面腳本：閱讀時沒有東西會滑進來、自動播放或重排版面。
• 儲存的檔案是純文字，任何螢幕閱讀器、點字顯示器或閱讀工具都能處理，不會被導覽絆住。
• 標題保留為標題，所以在筆記裡也能逐個標題導覽。
• 清單仍是清單，表格仍是表格，所以螢幕閱讀器會把它們唸成清單和表格，而不是一整串沒有區分的文字。
• 只保留文章自己的連結，所以從筆記產生的連結清單裡是參考資料，而不是一百二十個選單項目。

• 這些數字從哪裡來：實測數據頁面，附引擎版本與日期

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

為閱讀設定擷取

四項設定，沒有一項會改變擴充功能的擷取方式。它們改變的是你按下快速鍵後看到的畫面，而對閱讀來說，那就是全部的體驗。

1. 在擴充功能圖示上按右鍵，選擇選項。把按下圖示時的動作保留為預覽視窗：對閱讀來說，視窗就是目的地，而不是通往檔案的中間步驟。
2. 在 chrome://extensions/shortcuts 確認鍵盤快速鍵。Alt+Shift+M 完全不需要移動指標就能擷取，這在圖示只是十幾個圖示旁的小目標的頁面上很重要。
3. 在一篇長文上打開擷取視窗一次，把它放大。它會放大到約四分之三的螢幕，而且大小會維持在你設定的樣子，不必每次重設。
4. 在視窗中切換到閱讀檢視。它以一般文字呈現擷取內容（真正的標題、可用的連結、沒有 Markdown 符號），採用你瀏覽器自己的淺色或深色設定，而不是網站的。
5. 如果你的螢幕閱讀器會在你閱讀的網站上唸出沒有標籤的圖片，就把圖片設為略過，可以全域設定或作為個別網站規則。擴充功能絕不會自行編造描述，所以頁面沒有標籤的圖片仍然沒有標籤。
6. 文章值得保留時就儲存檔案，再用你已經在用的工具閱讀。純文字檔沒有腳本、沒有版面，也沒有固定的字型大小，所以呈現方式完全由你的閱讀工具決定。
7. 為你每天閱讀的兩三個網站新增個別網站規則，適合每個網站的設定就不再需要你每次調整。

閱讀舒適度的設定

圖片那一列最值得想一想，因為它取決於你怎麼閱讀，而不是頁面包含什麼。

# Understanding Success Criterion 1.4.3: Contrast (Minimum)

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

七個標題、三個層級，依頁面使用的順序排列。因為層級沒有被攤平，
所以在筆記裡也能逐個標題導覽。

三種閱讀方式

用螢幕閱讀器讀一篇新聞

在頁面上，第一句之前有同意對話框、訂閱推銷、固定頁首、麵包屑，還有一排分享按鈕，全部都會被唸出來。在擷取視窗中，只有一個標題，接著就是文章。

這個差別的測量版本是重複的導覽：在 109 個頁面上有 102 行重複，比較的引擎分別是 282、478 和 491 行。重複的行，正是每個段落都會被再唸一次的內容。

以高倍率放大讀長文

放大到 400% 時，找到文字從哪裡開始就佔了大部分的力氣，而每載入一則廣告，版面就重排一次，你讀到的位置也跟著不見。擷取視窗不執行任何頁面腳本，所以打開之後，沒有東西會滑進來、自動播放或移動。

把視窗放大到約四分之三的螢幕，文字就有一個固定不動的欄位。後面的文章原封不動。擴充功能不會重新設定原始頁面的樣式：它給你看的是文字的副本。

稍後在你自己的工具中閱讀

你儲存檔案，在你慣用的閱讀器中打開，字型大小、間距、對比和語音都由你決定。標題結構會跟著一起過來，保留文章使用的層級，所以在筆記中逐個標題移動，和在視窗中一樣好用。

純文字檔沒有固定的字型大小、沒有最小寬度，也沒有腳本，這就是它在閱讀工具中的表現和已存網頁不同的原因。

和其他去除頁面雜物的方式相比

這些方法之所以存在，都是因為網頁很難閱讀。每一種解決其中一部分，而沒有一種能解決全部，包括這一個。

擷取視窗幫不上忙時

視窗說沒有文章

這個頁面是資訊流、商店首頁、搜尋結果或首頁，上面沒有文章可以顯示。擴充功能會拒絕任何擷取出的字元有超過約四分之一位於連結文字中的頁面，而這些頁面正是由連結組成的。在首頁是列表的網站上，先打開其中一項再擷取。

文字沒辦法再放大

擷取視窗跟隨瀏覽器的縮放，而不提供自己的大小控制項，所以 Ctrl 加 + 就是控制方式。這是刻意的：在單一視窗裡另設大小，只會多一個得重複設定偏好的地方。想完全掌控字型、間距和語音，請儲存檔案，再用你自己的閱讀工具打開。

我的螢幕閱讀器會唸出沒有標籤的圖片

頁面有提供替代文字時，它會被保留；頁面沒有提供時，替代文字就是空的。擴充功能從不產生描述，因為被當成事實唸出來的猜測描述，比沉默更糟。某個網站在這方面一直做得很差時，就為那個網站把圖片設為「略過」，圖片就完全不會出現在擷取內容中。

視窗開著，頁面還是一直打斷我

擷取視窗不執行頁面腳本，但後面的分頁仍是一個運作中的頁面，它的影片、計時器和通知都會繼續。從儲存的檔案閱讀，而不是從原始頁面前方的視窗閱讀，才能完全離開原始頁面。

它不做的事

它不會朗讀任何東西，也不是螢幕閱讀器：它為你已經在用的工具產生乾淨的文字。它不會重新設定網站本身的樣式：原始頁面原封不動地留在視窗後面。文字大小跟隨瀏覽器的縮放，而沒有自己的控制項。在沒有文章內文的頁面上（資訊流、商店首頁、搜尋結果）沒有東西可顯示，擴充功能會直接說明，而不是列出連結。

常見問題