EPUB固定版面可及性

全球資訊網協會編輯草稿

有關本文件的更多詳細訊息
本版本:
https://w3c.github.io/epub-specs/epub33/fxl-a11y/
最新發布版本:
https://www.w3.org/TR/epub-fxl-a11y/
最新編輯草稿:
https://w3c.github.io/epub-specs/epub33/fxl-a11y/
歷史:
發布歷程
編輯者:
Wendy Reid (Rakuten Kobo)
回饋:
GitHub w3c/epub-specs (pull requests, new issue, open issues)
以郵件主旨[epub-fxl-a11y]…主題資訊…寄到public-pm-wg@w3.org (存檔)

摘要

本文件〈固定版面可及性〉在認知到為固定版面格式提供可及性為一項獨特挑戰的前提下,勾勒出EPUB固定版面書籍的無障礙需達到的目的。

本文件的狀態

本節介紹本文件發布時的狀態。這可以在W3C技術報告索引(W3C technical reports index)(https://www.w3.org/TR/)找到當前W3C出版物列表和本技術報告的最新版本。

這是出版維護工作小組(Publishing Maintenance Working Group)所發佈的編輯草稿。

文件在以工作草稿發表階段,不代表受到W3C與其會員所背書。

本文件為草稿,而且可能會隨時會被其他文件更新、取代、淘汰。編輯作業尚未完成前,不適宜引用本文件。

本文件由 W3C專利政策下運作的團隊所製作。 W3C維護與該組織的可交付成果相關的任何專利揭露的公開清單;該頁面還包括揭露專利的說明。個人(個體)對專利具備實際知識而該個人(個體)認為其包含 基本要求時, 必須根據W3C專利政策第6節揭露該資訊。

本文件受2023年6月12日W3C流程文件所管控。

1. 介紹

1.1 概要

EPUB固定版面(fixed layout, 簡寫為FXL)出版品,或在本文件中稱為「出版品」,在數位版本中保留了印刷書的版面。制定完成時間早於EPUB 3.0.1版。這些出版品涵蓋了多書種與類型,包括漫畫書、食譜、童書等等。

要為固定版面EPUB檔案提供可及性,需要符合網頁內容可及性指引2(WCAG 2)中AA等級[wcag2],以及EPUB可及性1.1[cite>epub-a11y-11]中的可及性規定,包含了色彩對比、閱讀順序、字形排版、結構導覽、後設資料,以及替代文字。

製作固定版面出版品的主要動機是需要保存印刷書的版面,可能是因為版面對文字而言很重要(例如:複雜圖表),也可能是出於設計目的(例如:手繪文字)。然而,這些書對於無法閱讀印刷書的障礙者而言,通常無法取用部分或者全部的內容。

本文件目的為協助 EPUB製作者、出版社,以及閱讀系統,描述一些固定版面內容中常見的可及性問題,包括:導覽、閱讀順序,以及替代文字。本文件為EPUB可及性1.1[epub-a11y-11]的附件,專供固定版面出版品使用。適用EPUB可及性1.1[epub-a11y-11]、EPUB 3.3[epub-33]以及EPUB閱讀系統3.3[epub-rs-33]中的推薦項目,並且在本文件中延伸說明。

除了本文件中的推薦項目以外,出版維護工作小組下的固定版面可及性任務組正在製作一份隨附的技巧文件,以提供固定版面可及性的技術面資訊。

1.2 固定版面可及性的限制/h3>

固定版面出版品為提供可及性,需要面對一些特殊的挑戰。EPUB可及性1.1[epub-a11y-11]中規定推薦達到WCAG 2 AA等級[cite>wcag2],但對於固定版面的內容而言,若不做出調整就可能無法達成。

特別是弱視或者學習障礙者有著調整文字的需求(例如:閱讀障礙),固定版面內容幾乎不可能提供。考量到此點的EPUB製作者,可能不會選擇使用固定版面製作。

我們希望理解這是對EPUB製作者的挑戰,並且在這份文件中列舉各種供製作更易於取用固定版面內容的推薦項目。我們鼓勵EPUB製作者探索各種能夠提供數位出版品近用性的可能,就算在製作固定版面出版品時亦然。

閱讀系統在呈現易存取內容時也有其角色。本文件將列舉閱讀系統處理固定版面近用性時的特殊考量,以及閱讀系統可以使用哪些方法來讓內容更易於存取。

2. 內容可及性

2.1 固定版面內容產製時的考量

EPUB 3.3[[epub-33]提供多種製作內容的方式,特別是固定版面內容。組成EPUB內容文件的兩種主要方法為使用XHTML與SVG。多數EPUB FXL書籍採用第三種方法:在EPUB檔案的書脊中參照圖片檔案。我們在本文件中,將討論這三種方法的近用性考量。

2.2 閱讀順序

EPUB的關鍵概念為:一本EPUB出版品由多重資源所組成,並且提供完整導覽,並且可以由個人或者程式以某些指定順序閱讀——出自EPUB 3.3概要[epub-overview-33]的1.2.1閱讀順序章節。

相較於流動排版出版品有著明確的閱讀順序,或者貫穿內容的邏輯進程;固定版面出版品通常在設計與版面上更為複雜,同時可能在同一頁中包含多個可閱讀的物件。

讀者閱讀視覺頁面時,可以透過各種視覺提示來推測閱讀順序,包括:

此外,在固定版面頁面中可能會有一些額外的文字或者圖片物件,不需要包含在閱讀順序之中,像是:

2.2.1 變更閱讀順序

試想一位視障使用者透過螢幕閱讀器,依原始碼順序閱讀頁面,就像視力正常的使用者按照視覺順序一般閱讀頁面,當他們遇到資訊以不同順序呈現時,可能會感到混亂。弱視使用者以螢幕放大鏡配合螢幕閱讀器閱讀時,如果閱讀順序在螢幕上跳動,可能也會感到混亂。鍵盤使用者面對原始碼順序與視覺順序不對應時,可能會難以預測下一個焦點的位置。- 匹配DOM順序與視覺順序

2.2.2 從閱讀順序中移除項目

有些狀況,像是頁面中非必要的文字,加到閱讀順序中會重複或者造成其他困擾。像是:頁碼、章節標題,已經包含在出版品結構中,或者用於提供視覺效果的文字。

2.2.3 「折疊」中的閱讀順序

固定版面文件可以同步跨頁的方式呈現,由左頁與右頁一起呈現為跨頁。由於每一張固定版面文件頁面都是分離的XHTML文件,(當使用由左而右的行頁方向時)其閱讀順序預期由文件的左側往右側閱讀,而不可能讓閱讀順序由左到右以後,再回到左頁。

如果文字一定要以此方式閱讀,唯一能夠維持正確閱讀順序的解法是把兩張跨頁頁面合併成單一橫向頁面,其包含全部的跨頁內容,讓EPUB能被處理成單一頁面。

2.3 固定版面中的圖片

2.3.1 概要

圖片經常是固定版面出版品不可欠缺的元件。固定版面出版品有時全部由圖片所構成,像是漫畫;或者可能將圖片用於故事背景圖片,像是童書。無論固定版面內容中圖片用於內容或者版面構件,都給在乎近用性的EPUB製作者給出了大難題。

製作固定版面時若要盡可能地使其易於存取,優先順序最高的目標就是確保圖片所傳達的資訊,可以讓不能夠感知圖片、或難以認知圖片的使用者取得。

對於 所有圖片的基本要求就是:當這些圖片包含理解出版品的必要資訊時,提供替代文字以及延伸說明。例如,當讀者閱讀故事中以文字顯示的對話時,只能透過圖片上的位置來提供哪個角色說了什麼的脈絡。

固定版面的一項挑戰就是尋找提供圖片描述的方法,以及在頁面上沒有多餘空間能讓使用者互動時,如何置放提供脈絡的描述。其他對內容的挑戰則像是把文字像素化作為圖片的一部分,當文字為圖片的一部分,或者文字為手繪時,這些內容則不可避免地得如此處理。

透過圖片描述與替代文字轉譯圖片內容為文字也有其限制,這些限制包括:適當地將頁面上的動作對應到文字的能力、或者將視覺效果轉譯為對等文字的能力。這領域目前正在嘗試提升體驗的方法,我們也會在下面章節指出目前無法達成的部份。

2.3.2 替代文字與圖片描述/h4>

在固定版面書中描述圖片,有時需要視圖片的書籍類型而定。例如描述一本兒童繪本可能會和描述一本固定版面的圖像小說,例如漫畫,有所不同。

編輯筆記

2.3.3 複雜的圖片描述

根據圖片的複雜程度,可能需要採以下格式提供複雜的描述:

如果圖片分割位於兩頁,將完整的圖片描述置於兩張圖片的第一張,並且讓第二張圖片參照回第一張。請見多頁跨頁

如果為一組有順序的圖片,你僅需在第一張圖片中描述細節。在後續的圖片描述哪些部分改變。

為圖片書寫替代文字時,不需要寫出所有細節,需要描述哪些得由脈絡來判斷。例如,如果一張圖片附近有描述的文字,你僅需要在替代文字中做簡單描述。

2.3.3.1 供圖片描述的可用資源

2.5 視認性與視覺呈現

固定版面內容的視認性,或稱易讀性,對其近用性而言是重要的因素之一,特別對弱視、認知或者學習障礙者。由於固定版面文件中的文字無法調整,在製作清晰易讀的文件時,考量最佳實踐相當重要。需要提醒EPUB製作者:書可能在不同螢幕尺寸的各種裝置上被閱讀,許多螢幕可能會比印刷版本的頁面來得小。設計固定版面內容時,應該考量到較小的螢幕對視認性與版面造成的影響。本章節將關注於建構更易於視認的固定版面出版品所需考量的要素。

網頁內容可及性指引WCAG [wcag2] 有一系列與內容顯示相關的的成功準則:

2.5.1 視覺調整

由於固定版面內容呈現上的格式限制,有一些內容呈現相關的成功準則很難、或者不可能達成。

以下成功準則與視覺可調整程度或內容版面有關:

  • 1.3.4 螢幕方向 (AA)
  • 1.4.4 調整文字尺寸 (AA)
  • 1.4.10 流動排版 (AA)
  • 1.4.12 文字間距 (AA)

除了能夠縮放(zoom)外,大多數固定版面閱讀系統不允許讀者以變更文字尺寸或者調整文字排版(字母、單詞、行距或邊界)的方式來改變視覺呈現。但EPUB製作者能為固定版面EPUB書籍指定呈現方向。

EPUB閱讀系統如何顯示固定版面內容的限制意味著這些內容可以免除於部分規定,特別是1.3.4與1.4.10。這些限制自動無法達到1.4.4與1.4.12。這些限制意味著EPUB製作者在設計內容時,應該盡可能地考量這些規定。EPUB製作者可以考量以下事項:

  • 呈現方向:可以利用包裝後設資料中的orientations特性來指定固定版面內容的固定呈現方向。許多閱讀系統會尊重這項設定,但允許使用者自行調整偏好取而代之。
  • 文字尺寸:由於文字尺寸無法調整,可以考慮適於在各種螢幕尺寸上閱讀的基礎文字尺寸。
  • 文字間距:固定版面EPUB無法調整邊界、字母、單詞以及行距,所以在設計內容時可以考量適於在各種螢幕尺寸上閱讀的間距。

2.5.2 視覺設計

許多前述的成功準則關注於內容是否透過程式處理提供給使用者(可供輔助科技存取),不過與程式溝通的原則也能適用於視覺傳遞。例如,大多數內容設計上會讓標題與本文有著視覺上的區分,作為彼此關係的視覺指示。程式上,我們會使用像<h1><p>等元素來達成此目標;視覺上,我們則會在標題上使用較大的文字、不同的色彩或者不同字體。

以下成功準則可以透過有意識的視覺設計達成:

  • 1.3.1 資訊與關連性 (A)
  • 1.3.2 有意義的序列 (A)
  • 1.4.1 色彩使用(A)
  • 1.4.3 對比值(最小) (AA)
  • 2.4.6 標題與標籤 (AA)
  • 3.2.4 一致的識別 (AA)
2.5.2.1 跨版面的相關內容

成功準則1.3.1、1.3.2、2.4.6以及3.2.4皆涵蓋確保內容能在程式上有所關聯,並且能被辨識如視覺上的呈現。視覺呈現對於所有內容而言都極為重要,但對固定版面EPUB來說,會更顯得重要。

由於固定版面呈現上的限制,以及可能會使用固定版面內容的裝置,EPUB製作者需要考量內容視覺設計呈現對弱視、認知或者學習障礙使用者造成的挑戰。

當設計內容時,需考量以下事項:

  • 接近性(Proximity):相關內容(例如:標題與內文)位置應該彼此相鄰,讀者才能理解其關係。
  • 閱讀順序:頁面上內容的閱讀順序應該遵從內容所使用的語言的標準模式(例如:英文預期的模式為由左到右、由上到下)。
  • 恆定性(Consistency):當配置組件的視覺處理(例如:標題、旁註、圖表)時,確保設計上恆定,如此一來讀者才能透過視覺線索理解其目的。

EPUB製作者也應該考量在設計與製作過程中,在不同的螢幕尺寸與縮放層級上進行測試,以協助理解讀者可能要面對的潛在挑戰。

2.5.2.2 使用色彩

色彩為視覺設計的重要要素,若妥善使用,可有助於視認性及理解。成功準則1.4.1及1.4.3要求適當地使用色彩,並且提供充足的對比。

內容設計使用色彩時,需考量以下事項:

  • 色彩不能作為用來識別某項事物的唯一手段(例如,以綠色文字識別一組問題的正確答案)。應該額外使用色彩以外的視覺區分,像是圖示、文字裝飾(底線、粗體、斜體),或者文字內容本身可供識別(例如正確答案開頭加上「答案:」)。
  • 用於文字、視覺組件,以及背景的色彩,應該提供充足的對比。大的文字元素或者組件,對其邊框或背景的最小對比為3:1。文字的最小對比值為4.5:1。
  • 當決定要使用哪一種色彩時,透過色彩反轉設定、高反差模式,以及能展示不同種類色彩認知狀態(紅色盲、綠色盲)的濾鏡來進行測試很重要。你所使用的色彩組合可能符合對比規定,但是透過這些方式觀看時可能不甚理想。

2.5.3 非文字內容或圖片中的文字

非文字內容像是圖片、影片、視覺化或者圖表,可以作為理解書籍內容的關鍵。對於某些讀者而言,非文字內容可以增強他們理解或整合文本內容或主題的能力。當設計書籍時考量這些內容的格式與位置,最大程度地讓讀者得益相當重要。

為符合成功準則1.1.1及1.4.5,必須為內容提供文字性質的替代品。特別對1.4.5,重要的是思考圖片中的文字內容是否一定要為圖片,或者可以合併到周圍的內容中。

對以視覺方式投入內容的使用者而言,思索以下項目是重要的:

  • 使用的色彩以及色彩對比
  • 適應性(Adaptability),使用者在對圖片或者視覺化放大時,不會在品質與視認性上有所丟失
  • 目的,內容是否一定要為圖片或者影片,或者可以另一種方式做到更好的整合

2.6 媒體層疊

待完善

2.7 表格

製作易存取表格的最佳方式就是以結構化資料呈現。此做法在DAISY知識庫中已經有文件提供為表格製作語意標籤的指示。

如果表格需要以圖片處理時,另一個選項是使用替代文字以及caption,或者使用ARIA roles來以邏輯閱讀順序描述資料。caption可以用以作為表格的摘要,替代文字則可以更為深入。你可以從描述標題列有些什麼開始,然後接著說明每一列有什麼內容。你可以更近一步按照閱讀順序列出所有資料。

按照圖片的複雜程度,可能需要以下列格式之一提供複雜描述:

註釋

2.7.1 ARIA供表格使用的roles

可以使用 aria-describedbyaria-details為表格提供延伸描述。

aria-detailsaria-describedby好的地方在於其允許使用者存取連結到描述的標籤(例如,如果你可以把table放在一個detail元素中來進行折疊)。然而,缺點是目前對該屬性的支援尚不完善。在固定版面頁面中展開details元素,需要使用者點擊,也可能會造成混亂(除非你能在螢幕之外找到適合的位置,但也限制了誰能夠存取)。

aria-describedby屬性的大缺點就是會把描述轉換成一段很長的文字串,使用者非得聽完不可。也沒有提供行與列的導覽,或者讀出標題的方法。所以除了非常簡單及非常小的表格外,使用者可能難以理解。

3. 包裝後設資料

EPUB中的 包裝後設資料是供閱讀系統判斷內容為固定版面或者流動內容的主要方法。此外透過rendition:layout來辨識分頁模式,包裝後設資料也可以讓EPUB製作者對其他顯示特徵做出一些控制。

這些顯示特徵包含:

orientation以及spread特性的預設值為auto,代表使用閱讀系統設定或者預設值。

建議EPUB製作者不得指定特定的orientation特性,會干擾到使用者裝置的預設值,其符合WCAG成功準則1.3.4。對於無法改變裝置方向來對應內容設定的使用者而言,此項格外重要。

4. 可及性後設資料

具備無障礙元素的書需要透過後設資料來指示如何易於存取,以及是否會將危害呈現給讀者。

4.1 可及性功能

使用schema.org特accessibilityFeature來定義書中所有可及性功能。

  • alternativeText - 圖片以替代文字描述
  • longDescriptions - 複雜圖片有描述細節
  • readingOrder - 視覺與非視覺元素之間的閱讀順序一致

某些accessibilityFeature特性,像是displayTransformability不應該用於固定版面內容。

4.2 存取模式

使用schema.org特性accessMode來定義該書可以visual(視覺)、textual(文字)、auditory(聽覺)或tactile(觸覺)來消費。

沒有「活」的文字的圖像書僅能提供accessModevisual

一本固定版面書籍包含文字與圖片,可以定義兩種各自獨立的accessMode

4.3 必要存取模式

使用schema.org特性accessModeSufficient來定義該書可被消費之存取模式,為visual(視覺)、textual(文字)、auditory(聽覺)或tactile(觸覺)的組合。

一本沒有文字或者沒有替代文字的圖片書,消費的方式只能完全仰賴視覺,所以僅能將accessModeSufficient定義為visual

有著visual與textual元素的固定版面書籍就適合將accessModeSufficient設定為visual,textual。此外,如果該固定版面書籍主要由有完整描述的圖片所構成,也可以適用textual,意味著該書對螢幕閱讀器友善並且可以透過輔助科技完整閱讀。

如果一本固定版面書籍所有圖片都有完整描述,那麼適合將accessModeSufficient設定為textual,意味著該書對螢幕閱讀器友善並且可以透過輔助科技完整閱讀。

4.4 可及性摘要

schema.org特性accessibilitySummary為供人類閱讀的陳述,表達該書易於存取與不易存取的狀態。

5. 供閱讀系統使用的固定版面可及性指引

5.1 介紹

EPUB閱讀系統可有多種型態。例如,可以是一塊呈現內容給使用者的視覺顯示區域,或者可以僅提供內容的音訊播放。因此,沒有一組固定的規則可以適用於所有閱讀系統。

5.2 閱讀系統可及性規定

5.3 如何為HTML內容提供最佳化顯示

5.4 如何為SVG內容提供最佳化顯示

5.5 如何為以圖片為主的內容提供最佳化顯示

5.6 供閱讀系統使用的可及性功能

5.7 腳本

A. 參考

A.1 規範性參考文獻

[epub-33]
EPUB 3.3. Ivan Herman; Matt Garrish; Dave Cramer. W3C. 25 May 2023. W3C Recommendation. URL: https://www.w3.org/TR/epub-33/
[epub-a11y-11]
EPUB Accessibility 1.1. George Kerscher; Matt Garrish; Charles LaPierre; Avneesh Singh; Gregorio Pellegrino. W3C. 25 May 2023. W3C Recommendation. URL: https://www.w3.org/TR/epub-a11y-11/
[epub-overview-33]
EPUB 3 Overview. Matt Garrish; Ivan Herman. W3C. 19 May 2023. W3C Working Group Note. URL: https://www.w3.org/TR/epub-overview-33/
[epub-rs-33]
EPUB Reading Systems 3.3. Ivan Herman; Matt Garrish; Dave Cramer. W3C. 25 May 2023. W3C Recommendation. URL: https://www.w3.org/TR/epub-rs-33/
[wcag2]
Web Content Accessibility Guidelines (WCAG) 2. W3C. URL: https://www.w3.org/TR/WCAG2/