Copyright © 2021 W3C® (MIT, ERCIM, Keio, Beihang). W3C liability, trademark and permissive document license rules apply.
本文件，EPUB固定版面無障礙輔助性，匡列了製作更具無障礙輔助性EPUB®固定版面出版品的技巧和最佳實踐。
本章節解釋了本文件在其發表時的狀態。其他文件可能取代本文件。W3C的當前出版品清單以及本技術報告的最新版本可於位在 https://www.w3.org/TR/之W3C技術報告索引
本文件由EPUB 3工作小組發布為編輯草稿。
作為編輯草稿發表不代表受W3C及其會員支持。
本文件為草稿，而且可能會隨時會被其他文件更新、取代、淘汰。編輯作業尚未完成前，不適宜引用本文件。
本文件由基於W3C專利政策下運作的一個小組所製作。W3C維護了一份與該小組交付成果有關的 任何專利披露公開清單，該頁面也包含了專利披露的說明。任何人若實際擁有某項專利知識並相信其包含該專利之 主要申請範圍，則必需依照W3C專利政策第六節之規定揭露該訊息。
本文件受2021年11月2日W3C流程文件所規範。
固定版面出版品，或者在數位版本中保存其印刷版面的出版品，在EPUB 3.0.1之前就廣受周知。這樣的出版品跨相當多的種類以及類型，包含漫畫書、食譜、童書以及其他。
創建固定版面出版品背後的主要動機是需要保存該書的印刷版面，可能是相較文字而言，版面相當重要（例如具有複雜的圖表），或者因為藝術上的目的（例如具有插畫文字）。然而，這些出版品通常部分或者整體，都讓無法閱讀印刷書的障礙者無法閱讀。
本備忘用以協助內容作者與出版者，嘗試描述一些在固定版面內容中常見的無障礙輔助性問題，包括導覽、閱讀順序、以及替代文字。本文件為[EPUB-A11Y-11]的隨伴，為了固定版面出版品特化。所有在[EPUB-A11Y-11]、[EPUB-33]，以及[EPUB-RS-33]中的推薦都可適用並在此延伸。
固定版面出版品呈現了許多固有的無障礙輔助性挑戰。在[EPUB-A11Y-11]提出規定，推薦符合[WCAG2]AA等級，但在許多固定版面的使用案例中，在不根本性地改變內容之下，實在不可能滿足。
我們想要認識這些對內容製作者的挑戰，並且在此份文件中匡列許多技巧來管理這些挑戰。我們鼓勵內容製作者發覺數位出版品所呈現的可能性，儘管在製作固定版面出版品時亦然。
EPUB的關鍵概念為：EPUB出版品中包含了多種資源，而能被人以及程式，按照某些指定順序來完整導覽及閱讀。 1.2.1閱讀順序 [EPUB-OVERVIEW-33]
當許多重排的出版品擁有明確的閱讀順序，或者其內容有著邏輯進程，固定版面出版品通常在設計上更為複雜，其版面通常在同一頁上包含了多個可閱讀的物件。
對視覺頁面的觀看者來說，閱讀順序可透過多種視覺要素推斷，包含：
此外在固定版面頁面上，可能還有一些文字與圖片物件不需要被包含在閱讀順序內，包括：
對複雜的設計而言，在固定版面頁面上物件的位置並非其閱讀順序可靠的指引。
在多欄文件中，內容流的線性呈現順序由一欄的頂端開始到一欄的底部，然後再由下一蘭的頂端開始。
文字轉換語音（Text to Speech, TTS）的預設閱讀順序由元素在XHMTL頁面（DOM）中的順序所決定。熱門的頁面排版程式，像是Adobe InDesign以及Apple Pages在輸出頁面內容時按照物件在頁面上的堆疊順序，而並非其在頁面上的位置。在最上層的物件位於其他的物件之上，所以被寫在HTML的最末尾。
以上設計可能會被以相反的閱讀順序處理。
<div style="width:500px;height:200px;top:400px;position:absolute; … ">
<p …="">Bottom object</p>
</div>
<div style="width:500px;height:200px;top:225px;position:absolute; … ">
<p …="">Middle object</p>
</div>
<div style="width:500px;height:200px;top:50px;position:absolute; … ">
<p …="">Top object</p>
</div>
如果有一位盲人使用者，他可以透過遵循來源順序的螢幕閱讀器來讀該網頁，就可以和看得到的使用者一樣，按照視覺順序閱讀該頁面。他們也許會在遇到資訊以不同順序呈現時感到困擾。弱視的使用者將螢幕放大鏡與螢幕閱讀器並用，當閱讀順序在螢幕上中斷時，也會感到困惑。鍵盤使用者在來源的順序與視覺順序不符合時，也會無法預設下一個要前往的焦點而產生問題。
自動輸出所得到的閱讀順序，是透過對頁面位置的分析，及/或層疊順序而來，而會影響到閱讀順序。兩者都不合適，變更層疊順序以供預測閱讀順序的做法，可能會潛在地變更或者破壞頁面的設計。
推薦的最佳實踐解決方案是調整XHTML頁面中的元素順序，以及使用CSS的z-index語法來保持其設計。
<div style="z-index:3;width:500px;height:200px;top:50px;position:absolute; … ">
<p …="">Top object</p>
</div>
<div style="z-index:2;width:500px;height:200px;top:225px;position:absolute; … ">
<p …="">Middle object</p>
</div>
<div style="z-index:1;width:500px;height:200px;top:400px;position:absolute; … ">
<p …="">Bottom object</p>
</div>
在一些狀況中，文字會出現在頁面上，但卻非必要、重複，還有其他加到閱讀順序中會造成困擾的狀況。例如，頁碼、章節標題，這些出版品結構中的一部分以及用於視覺效果的文字。
添加aria-hidden="true"可以將整個元素從無障礙輔助API中移除。
<div aria-hidden="true">
<p class="folio">210</p>
</div>
固定版面文件可以透過「同步跨頁」的方式呈現，讓左頁與右頁一起以跨頁的方式顯示。因為在固定版面文件中的每一頁都是獨立的XHTML文件，所以該文件的閱讀順序是由左而右（當使用由左而右翻頁設定時）但實際上閱讀順序由左而右又由又回到左頁，並非不會出現。
如果文字一定要以這種方式被讀到，唯一維持正確的閱讀順序的解決方式就是將跨兩頁的內容結合成單一的橫向頁面包含所有褲頁中的內容，在EPUB中被排列為單一頁面。
在固定版面的書中描述圖片的方式多少依存於這些圖片所在書的類型。例如描述兒童的圖畫書，就會和描述漫畫這種固定版面的圖像小說有所不同。
圖片通常是固定版面出版品整合的一部分。固定版面出版品有時完全由圖片所構成，像是漫畫，或者圖片被用於作為故事背景，像是童書。
確保圖片中所傳達的資訊，可被無法感知其背景、或者難以處理的使用者獲得。在使固定版面盡可能地具備無障礙輔助性中，具有高優先度。
最基本的規定就是當圖片包含理解該出版品所必需的資訊時，都需提供替代文字以及延伸敘述。
應用在固定版面時，例如，當故事的對話以文字層存在時，使用者可能可以跟隨。但放在圖片上的位置可能提供哪個角色正在說些什麼的脈絡。
SVG提供了兩個元素來描述圖片：
title — 等同於HTML的alt屬性；其用於提供整個SVG圖片以及其中獨立元件的替代文字。
desc — 用於提供整個SVG圖片以及其中獨立元件的延伸敘述。
當一份出版品由固定版面SVG頁面所構成時，這兩個元素可以被用於描述其內容。請注意ARIA屬性 (role及aria-describedby) 用於增進對輔助科技的支援，但在SVG上依然未完整支援。
<svg xmlns="http://www.w3.org/2000/svg" xml:lang="en" role="group" aria-describedby="svgtitle svgdesc">
<title id="svgtitle">The Hydrologic Cycle</title>
<desc id="svgdesc">The continuous cycle by which water …</desc>
…
</svg>
SVG元素中title與desc也可以用於註解大幅圖片中的部件。
<g fill="lightgray" stroke="gray" role="img" aria-describedby="gtitle">
<title id="gtitle">Rain clouds</title>
…
</g>
使用這些元素來對SVG進行著解的問題在於，這些內容一般僅能透過輔助科技讓使用者取得。
更先進的做法是添加一個連結或者按鍵，使用動畫或者腳本來檢視描述（例如以跳出方式開啟描述）。EPUB閱讀系統對這種手段的支援可能有所限制，但鼓勵多加嘗試。
當一則圖片嵌入於HTML固定版面頁面時就有更多可用的方式來包含無障礙輔助用描述。就像SVG固定版面一樣，主要的限制考量一樣是僅有有限的螢幕空間能夠包含描述。
因此，描述通常使用各種HTML、ARIA以及CSS技巧在視覺上進行隱藏。描述可以被隱藏、省略一部分、改為透明、變成圖片下的圖層等。知識庫上的隱藏內容頁面提供更近一步對可能性的探索。
對EPUB的XHTML內容文件中的腳本支援，目前比起對SVG文件的支援來得好，所以有更多可靠的技巧捨已使用，讓描述被更廣範圍使用者所觀看到。透過點擊或者觸摸圖片來呈現其描述，例如。範本生命之旅EPUB為本技巧實驗性的範例。
不像重排性質的出版品，CSS background-image特性在固定版面中可以用來設定頁面的背景圖片。但最好盡可能地限制使用者種方法來呈現純表現性的背景，因為這會讓提供描述給任何使用者能夠接觸的能力變得複雜（例如，通常涉及隱藏僅為輔助科技提供的描述）。
按照圖片的複雜性，可能會需要以以下格式提供更複雜的描述：
如果一則圖片跨到兩頁上，請將完整的的圖片描述放在第一則影像，並且在第二則影像提供參照到第一則。請見多重頁面跨頁。
如果有一組序列中的圖片，你僅需要在第一則圖片中敘述細節。在處理圖片時僅需要描述何處改變了。W3對圖片群組的教程。
不需要將所有細節都寫在圖片的替代文字中，你需要描述的部分相當重的比例取決於脈絡。例如，如果有一張描述由圍繞的文字所描述，你僅需要在替代文字中簡單敘述。更多對於何時以及如何描述的資訊，可以到DIAGRAM中心或者AccessibilePublishing.ca。請從參考資料中獲得連結。
易讀性或者可讀性，對於固定版面內容而言是一項重要的有用特性以提升無障礙輔助性，尤其對弱視、認知或者學習障礙的使用者而言。因為固定版面文件中的文字無法改變。所以考量最佳實踐，使其成為清晰易讀的文件格外重要。提醒內容製作者，電子書會在相當大量不同的螢幕尺寸與設備上被閱讀，其中許多小於該頁面的印刷尺寸。設計固定版面內容應該考量到小螢幕尺寸對易讀性與版面的影響。本章節將會聚焦在建構更具易讀性的固定版面出版品，該考量些什麼上頭。
沒有任何單一字型可以滿足所有使用者的易讀性需求，但可以考量特定的字型特徵以提升易讀性。當在固定版面出版品中規劃字型選擇時，考量到以下要素：
在[WCAG2]中沒有字級指引，然而多數桌面以及行動瀏覽器的預設字級，內文為16pt（也就是在<p>元素中的內容）。該尺寸對多數內容來說夠大，而標題應該以其為基礎，使用[CSS]的em或者rem來調整尺寸。如果內容包含很多文字，推薦採用更大的內文字像是18pt來確保易讀性。
內容製作者也應該確保整份內容中的字型模組保持一致，可協助使用者區分並且理解內容脈絡。
取決於所選的字體，可能需要考量字體的粗細來讓其更易讀。400的字重一般被視為標準（normal或regular），但按照字體不同，可能會太細。太細的字型可能會埋在該頁面的背景中，尤其在沒有考量到清晰度或者對比的狀況下。700的字重被視為粗體（bold)
，而且更容易閱讀，但過度使用粗體字體，對於易讀性而言自身就是個問題。
對內容挑選字體取決於相當多的要素。當為固定版面內容挑選字體時，內容製作者需要考量到易讀性，因為使用者可能無法更改字體以適應其需求或者偏好。
字型易讀性的一項重要特性與字母區分有關。字型的字母區分是一項重要的易讀性指標，特別是在一種字體中有著許多類似型的狀況。在拉丁字母表中，字母像是I與l、b與d、或者a o與 e，按照字型的樣式，看起來可能會很相似。同樣的問題也會發生在其他字母表的字型上，尤其是字形在外觀上使用相同的元素造成近似時。
[WCAG2]指定了色彩對比應該符合特定比例，取決於其尺寸與粗細。
內文字或者在尺寸上小於18pt的文字（或者粗體14pt）對背景必須要有至少4.5:1的對比。
大尺寸文字，尺寸大於18pt（或者粗體14pt）對背景必須要有至少3:1的對比。
推薦文字被置放在實心或者較為柔和的背景，以提升文字的易讀性。
固定版面出版品的文字排版，在易讀性考量上也很重要。如同在閱讀順序章節中所提及，頁面上內容的順序以及代碼中的順序需要一致。當在固定版面文件中配置版面時，請考量讀者應該遵從的順序，如何才能在視覺上指引該順序，以及是否有會打亂順序的元素（例如邊欄、定義、圖片等）。
當建構一頁或一章時，請考量以下各點：
h2開始，其子章節就應該採用h3或者其他適合的層級）。待寫
文字做成圖片，或者圖片中的文字，都不具無障礙輔助性。所以無論如何避免把文字做成圖片相當重要，對固定版面來說尤其是挑戰。
製作具無障礙輔助表格最好的方式就是以表狀資料呈現。這已經在DAISY知識庫中記載為文件，並且提供為表格製作語意標籤的指示。
如果該表格需要維持圖片狀態，另一個選項是使用替代文字以及說明，或者ARIA roles來以邏輯閱讀順序描述資料。該說明可以用於表格的摘要，而替代文字可以更為深入。你可以由描述標題列有些什麼，以及每一列有些什麼內容開始。然後可以更為深入地列出所有資料，如依閱讀順序顯示。
基於圖片的複雜性不同，可能會需要以以下格式之一來提供複雜描述：
為表格提供延伸敘述，可以使用aria-describedby或者aria-details。
aria-details比aria-describedby好的地方在於其讓使用者能夠存取到連結描述的標記（可以為表格標記，如果你放在其中，例如在一個詳細元素中供展開）。當下的缺點，則是該屬性並未受到很好的支援。同時當使用者在固定版面頁面中透過點擊展開詳細元素就像是打開一場災難（除非找到在螢幕外穩定的位置展開，但還是限制了能存取的對象）。
aria-describedby的大缺點則是，它會把描述展開為一個長的文字字串，使用者必須用聽的。且沒有辦法在行與列之間進行導覽，或者唸出其標題，所以很難讓使用者理解內容，除非表格很簡單並且內容很少。
有無障礙元素的書必需要以詮釋資料來只是所能提供的無障礙輔助性，以及可能對讀者產生的危害。
schema.org特性accessibilityFeature用於定義書中所有無障礙輔助功能。
固定版面書可以套用一些值：
schema.org特性accessMode用於定義本書可以透過visual、textual、auditory或者tactile等方式消費。
圖片書可能僅具備visual accessMode。
一本固定版面的書包含文字與圖片可能定義兩種不同的accessMode。
schema.org特性accessModeSufficient用於定義本書可以被visual、textual、 auditory或者tactile等方式消費的組合。
圖片書可能被完全由視覺消費，所以可以單獨指定visual為其accessModeSufficient。
同時擁有visual與textual元素的固定版面書籍則把accessModeSufficient定義為visual,textual較為合適。
如果一本固定版面的書其中所有的圖片都擁有敘述，那麼其accessModeSufficient定義為textual會較為合適，其意味著該書對螢幕閱讀器友善，可以透過輔助科技完整閱讀。
schema.org特性accessibilityHazard定義了書中的危害。
一般而言，在固定版面書中不會有危害，現在僅定義了三種可能的危害：閃光flashing、聲音sound和模仿動作motionSimulation。這些危害都指向書中的嵌入聲音、影片或者動態圖片，如gif。
如果書中沒有任何危害，可以簡單地提供none，或者每一項都宣告為非危害noFlashingHazard、noSoundHazard、以及noMotionSimulationHazard。
schema.org特性accessibilitySummary為人可閱讀的宣告說明該本書如何具備無障礙輔助性以及不具備之處。