最佳作法 - 輔助功能原則

  1. Adobe Animate 使用手冊
  2. Animate 簡介
    1. Animate 的新功能
    2. 視覺詞彙
    3. Animate 系統需求
    4. Animate 鍵盤快速鍵
    5. 在 Animate 中使用多個檔案類型
  3. 動畫
    1. Animate 中的動畫基本概念
    2. 如何在 Animate 中使用影格及關鍵影格
    3. Animate 中的逐格動畫
    4. 如何在 Animate 中使用傳統補間動畫
    5. 筆刷工具
    6. 移動導引線
    7. 移動補間動畫與 ActionScript 3.0
    8. 關於移動補間動畫
    9. 移動補間動畫
    10. 建立移動補間動畫
    11. 使用屬性關鍵影格
    12. 使用補間動畫將位置製成動畫
    13. 如何使用移動編輯器編輯移動補間動畫
    14. 編輯補間動畫的移動路徑
    15. 操作移動補間動畫
    16. 新增自訂加/減速
    17. 建立和套用移動預設效果
    18. 設定動畫補間動畫範圍
    19. 使用儲存為 XML 檔案的移動補間動畫
    20. 移動補間動畫與傳統補間動畫
    21. 形狀補間動畫
    22. 在 Animate 中使用骨塊工具動畫
    23. 在 Animate 進行角色製作
    24. 如何在 Adobe Animate 中使用遮色片圖層
    25. 如何在 Animate 中使用場景
  4. 互動
    1. 如何使用 Animate 建立按鈕
    2. 將 Animate 專案轉換成其他文件類型格式
    3. 在 Animate 中建立及發佈 HTML5 Canvas 文件
    4. 在 Animate 中使用程式碼片段增加互動功能
    5. 建立自訂 HTML5 組件
    6. 在 HTML5 Canvas 中使用組件
    7. 建立自訂組件:範例
    8. 自訂組件的程式碼片段
    9. 最佳作法 - 使用 Animate 做廣告
    10. 虛擬實境編寫和發佈
  5. 工作區和工作流程
    1. 建立和管理繪圖筆刷
    2. 在 HTML5 Canvas 文件中使用 Google 字體
    3. 使用 Creative Cloud Libraries 和 Adobe Animate
    4. 使用 Animate 的舞台和工具面板
    5. Animate 工作流程和工作區
    6. 在 HTML5 Canvas 文件中使用網頁字體
    7. 時間軸與 ActionScript
    8. 使用多重時間軸
    9. 設定偏好設定
    10. 使用 Animate 編寫面板
    11. 使用 Animate 建立時間軸圖層
    12. 匯出適用於行動裝置應用程式和遊戲引擎的動畫
    13. 移動和複製物件
    14. 範本
    15. Animate 中的尋找和取代
    16. 還原、重做和操作記錄面板
    17. 鍵盤快速鍵
    18. 如何在 Animate 中使用時間軸
    19. 建立 HTML 擴充功能
    20. 影像和 GIF 動畫的最佳化選項
    21. 匯出影像和 GIF 的設定
    22. Animate 中的資源面板
  6. 多媒體和視訊
    1. 在 Animate 中變形及結合圖像物件
    2. 在 Animate 中建立並使用元件實體
    3. 影像描圖
    4. 如何在 Adobe Animate 中使用聲音
    5. 匯出 SVG 檔案
    6. 建立要在 Animate 中使用的視訊檔案
    7. 如何在 Animate 增加視訊
    8. 使用視訊提示點
    9. 使用 Animate 繪製及建立物件
    10. 調整線條和形狀
    11. 使用 Animate CC 中的筆畫、填色和漸層
    12. 使用 Adobe Premiere Pro 和 After Effects
    13. Animate CC 中的色彩面板
    14. 使用 Animate 開啟 Flash CS6 檔案
    15. 在 Animate 中使用傳統文字
    16. 將圖案放入 Animate 中
    17. Animate 中匯入的點陣圖
    18. 3D 圖像
    19. 在 Animate 中使用元件
    20. 使用 Adobe Animate 繪製線條和形狀
    21. 使用 Animate 中的元件庫
    22. 匯出聲音
    23. 在 Animate CC 中選取物件
    24. 在 Animate 中使用 Illustrator AI 檔案
    25. 使用噴刷工具套用圖樣
    26. 套用混合模式
    27. 排列物件
    28. 使用命令選單自動執行工作
    29. 多國語言文字
    30. 使用 Animate 中的攝影機
    31. 搭配使用 Animate 與 Adobe Scout
    32. 使用 Fireworks 檔案
    33. 圖像濾鏡
    34. 聲音和 ActionScript
    35. 繪圖偏好設定
    36. 使用鋼筆工具繪圖
  7. 平台
    1. 將 Animate 專案轉換成其他文件類型格式
    2. 自訂平台支援
    3. 在 Animate 中建立及發佈 HTML5 Canvas 文件
    4. 建立並發佈 WebGL 文件
    5. 如何封裝 AIR for iOS 的應用程式
    6. 發佈 AIR for Android 應用程式
    7. Adobe AIR for Desktop 的發佈功能
    8. ActionScript 發佈設定
    9. 最佳作法 - 在應用程式中組織 ActionScript
    10. 如何搭配使用 ActionScript 與 Animate
    11. 最佳作法 - 輔助功能原則
    12. Animate 工作區中的輔助功能
    13. 撰寫和管理指令碼
    14. 啟用自訂平台的支援
    15. 自訂平台支援概觀
    16. 建立輔助功能內容
    17. 使用自訂平台支援外掛程式
    18. ActionScript 3.0 的除錯
    19. 啟用自訂平台的支援
  8. 匯出與發佈
    1. 如何從 Animate CC 匯出檔案
    2. OAM 發佈
    3. 匯出 SVG 檔案
    4. 使用 Animate 匯出圖像和視訊
    5. 發佈 AS3 文件
    6. 匯出適用於行動裝置應用程式和遊戲引擎的動畫
    7. 匯出聲音
    8. 匯出 QuickTime 視訊檔
    9. 使用 ActionScript 控制外部視訊播放
    10. 最佳作法 - 建立行動裝置內容的秘訣
    11. 最佳作法 - 視訊慣例
    12. 最佳作法 - SWF 應用程式編寫原則
    13. 最佳作法 - 建構 FLA 檔
    14. 最佳化 Animate 的 FLA 檔案的最佳作法
    15. ActionScript 發佈設定
    16. 指定 Animate 的發佈設定
    17. 匯出放映檔
    18. 匯出影像和 GIF 動畫
    19. HTML 發佈範本
    20. 使用 Adobe Premiere Pro 和 After Effects
    21. 快速分享和發佈您的動畫

關於輔助功能原則

螢幕朗讀程式很複雜,它是視覺有障礙的使用者用來閱讀網站的發聲軟體,在專為搭配螢幕朗讀程式而開發的 FLA 檔案中,您可能會很容易遇到無法預期的結果。文字會經由特殊設計的軟體朗讀出來。螢幕朗讀程式只能解譯文字內容。不過,它也可以朗讀您針對整個 SWF 檔案、影片片段、影像或其他圖像內容所提供的任何說明。請撰寫重要影像及動畫的說明,讓螢幕朗讀程式也可以解譯 SWF 檔中的這些資源。這樣的 SWF 檔案就相當於 HTML 網頁中的 alt 文字。

注意:您必須在 Windows 的 Internet Explorer 中檢視 Animate 應用程式,因為 Microsoft Active Accessibility (MSAA) 只支援這個瀏覽器。

Flash Player 會使用 Microsoft Active Accessibility (MSAA) 將 Animate 內容顯露給螢幕朗讀程式。MSAA 是一種以 Windows 為基礎的技術,它提供了標準化的平台,讓輔助技術 (例如螢幕朗讀程式) 之間進行資訊交換。經由使用 MSAA,螢幕朗讀程式就可以看見事件 (例如應用程式中的某項變更) 和物件。

註解:

不是所有螢幕朗讀程式技術都能搭配 Flash Player 7 (與更新版本) 來使用。協力廠商軟體提供者必須處理 MSAA 提供的資訊。

建立具有輔助功能的網站

建立涉及以下不同準則的輔助功能網站:

顯露資訊給螢幕朗讀程式

讓文字或影像能實際可使用

某些參訪者可能在閱讀小型文字或觀看小型圖形時有困難。利用 SWF 檔案中可縮放的向量圖像,讓使用者能夠放大這些元素。

提供音效旁白

請針對沒有螢幕朗讀程式的參訪者,或者是螢幕朗讀程式無法運作的地方 (例如包含視訊內容),考慮提供音效旁白。

提供音效旁白的字幕

某些參訪者可能無法聽見網站或視訊的音效旁白,請考慮為這些參訪者提供字幕。

請勿依靠顏色來傳達資訊,

因為許多參訪者可能有色盲。如果您依靠顏色來傳達資訊 (例如:按一下綠色的按鈕前往第 1 頁,按一下紅色的按鈕前往第 2 頁),請提供對等的文字或語音。

根據過去的經驗,許多線上簡報 (如視訊) 都會提供不同的方法供視覺障礙的參訪者存取內容,如視訊的文字說明。不過,Animate 是直接提供文字資訊給螢幕朗讀程式。雖然這通常表示您必須在 FLA 檔案中進行額外的設定或 ActionScript,但這樣就不必建立另一個完整版本。

SWF 檔案的某些部分可以顯露給螢幕朗讀程式。與 MSA 相容的螢幕朗讀程式可以解譯文字元素 (例如文字欄位、靜態文字和動態文字)、按鈕、影片片段、組件及整個 SWF 檔案。

508 條款是美國制定的法律,提供為身體殘障人士製作輔助功能資訊的原則。508 條款在很多方面都具體解決了輔助功能網站的需求。一些網站 (包括美國聯邦政府的所有網站) 都必須符合這些原則。如果 SWF 檔案無法傳達所有資訊給螢幕朗讀程式,則這個 SWF 檔案就不符合 508 條款。如需詳細資訊,請參閱「508 條款」網站。

許多國家都已指定了建立輔助功能網站必須遵守的原則,不然就是要遵守其他組織建立的原則。如需輔助功能及網站標準的詳細資訊,請參閱「全球資訊網協會」(World Wide Web Consortium,W3C) 的「網頁輔助功能推動組織」(Web Accessibility Initiative) 網站。這些標準和原則會說明當您建立具有輔助功能之 HTML 網站時必須解決的因素,以及某些適用於 Animate 的資訊。

顯露 SWF 檔案結構與瀏覽

因為某些 SWF 檔案具有高度視覺本質,所以網頁的版面與瀏覽可能會很複雜,並難以讓螢幕朗讀程式解譯。SWF 檔案的整體說明很重要,因為它可以傳達有關其結構的資訊,以及如何透過網站結構進行瀏覽。若要提供這項說明,您可以按一下「舞台」,然後在「輔助功能」面板中輸入說明。您也可以建立個別的網站區域,提供這項說明或概觀。

註解:

如果您輸入主 SWF 檔案的說明,每次重新整理 SWF 檔案時就會讀取這項說明。您可以建立個別的資訊頁面,來避免多餘的重複讀取。

請告知使用者有關 SWF 檔案中變更的任何瀏覽元素。也許是新增了某個按鈕,或者是按鈕表面的文字變更了,螢幕朗讀程式也會朗讀這項變更。Flash Player 7 及更新版本都支援使用 ActionScript 來更新這些屬性。這表示如果在執行階段變更內容,您就可以在應用程式中更新輔助功能資訊。

控制說明與重複

設計人員與開發人員可以針對 SWF 檔案中的動畫、影像和圖像指定說明。請提供圖像的名稱,讓螢幕朗讀程式能夠解譯。如果某個圖像或動畫並沒有將重要資訊傳達給 SWF 檔案 (它或許只是裝飾或重複性質),或者您已經在 SWF 檔案的整體說明中概述了此元素,就不要再提供該元素的另一個說明。提供不必要的說明可能會讓使用螢幕朗讀程式的使用者感到困擾。

註解:

如果您在 SWF 檔案中分割文字或使用影像代表文字,請提供這些元素的名稱或說明。

如果您有數個巢狀影片片段,但都只是同一個用途,或者都是傳達同一個概念,那麼請務必完成下列事項:

  • 將這些元素群組在 SWF 檔案中。

  • 提供父輩影片片段的說明。

  • 讓所有子系影片片段無法存取。

    這是非常重要的事,要不然螢幕朗讀程式就會試圖說明所有無關的巢狀影片片段,讓使用者感到混淆,可能會造成使用者離開您的網站。每當 SWF 檔案中有多個物件 (例如有很多影片片段),您就必須做這項決策。如果只使用一個說明是傳達整體訊息的最佳方式,請提供其中一個物件的說明,然後讓螢幕朗讀程式無法存取所有其他物件。

    循環 SWF 檔案及應用程式會造成螢幕朗讀程式持續重新整理,因為螢幕朗讀程式會偵測到頁面上的新內容。因為朗讀程式會認為內容已經更新,所以會回到網頁頂端並開始重新朗讀內容。不要讓螢幕朗讀程式存取任何不需重複朗讀的循環或重新整理物件。

    注意:請不要在螢幕朗讀程式朗讀出來的實體 (例如文字) 的「輔助功能」面板中「說明」欄位裡輸入說明。

使用顏色

您必須決定是否要在輔助功能檔案中使用顏色,但不可以只依靠顏色來傳達特定資訊或指示給使用者。如果網頁要求使用者按一下藍色區域以開啟新頁面,或是按一下紅色區域來聆聽音樂,色盲的使用者將無法操作網頁。此時,請在網頁上提供對等的文字,或是以另一種文字版本來輔助網站。同時,也請檢查前景及背景顏色間具有強烈對比,以加強可讀性。如果您在白色背景上使用淡灰色的文字,使用者將很難閱讀這些文字。同樣的,許多參訪者也很難閱讀小型文字。即使是沒有視覺障礙的人士,使用高對比以及大型或可調整大小的文字,對大部分使用者亦會有助益。

順序、定位鍵與鍵盤

製作 Animate 輔助功能網站時,朗讀順序及定位鍵都是重要的考量項目。當您設計一個介面時,它出現在頁面上的順序可能不符合螢幕朗讀程式所描述每一個實體的順序。您可以控制與測試 SWF 檔案中的朗讀順序,以及控制定位鍵。

控制朗讀順序

預設的朗讀順序不是可預測的,也並非總是符合資源的擺放位置或網頁的視覺版面。保持簡單的版面配置有助於建立不使用 ActionScript 的邏輯朗讀順序。不過,如果您在 SWF 檔中使用 ActionScript 並測試朗讀順序,將能更容易控制朗讀順序。

註解:

請勿遺忘在 SWF 檔案中安排一個實體的順序,否則朗讀順序會回復成預設的 (無法預測的) 朗讀順序。

控制定位鍵與內容

依靠螢幕朗讀程式說明網站內容的參訪者一般會使用定位鍵與鍵盤控制來瀏覽作業系統和網頁,因為無法看到螢幕時,使用滑鼠是沒有用的。使用 tabIndextabEnabled 屬性,並搭配影片片段、按鈕、文字欄位或組件實體可提供 SWF 輔助功能檔案中智慧的定位鍵控制。除了定位鍵外,您也可以使用任何按鍵動作來瀏覽整個 SWF 檔案,但必須使用「輔助功能」面板來傳達這項資訊。使用 ActionScript 中的 Key 類別,可將按鍵動作指令碼新增到 SWF 檔。選取您要使用按鍵指令碼的物件,然後在「輔助功能」面板的「快速鍵」欄位中加入快速鍵。請在 SWF 檔案中加入必要與常用按鈕的鍵盤快速鍵。

注意:在 ActionScript 3.0 中,tabIndextabEnabled 都是 InteractiveObject 類別的屬性。在 ActionScript 2.0 中,它們不需要類別參考。

註解:

請避免在輔助 SWF 檔案中使用隱藏按鈕,因為螢幕朗讀程式無法辨識這些按鈕。所謂隱藏按鈕是指只定義感應區的按鈕,或者是只有定義作用區域的按鈕。

許多 SWF 檔案的後續資訊速度太快,螢幕朗讀程式通常無法趕上這個步伐。請提供 SWF 檔案的控制權,讓使用者使用按鈕以他們自己的步調來瀏覽檔案,並且讓他們在有必要的時候暫停程序。

處理音效、視訊與動畫

當您提供音效旁白或包含語音的視訊時,為聽不見的使用者提供字幕是很重要的事。您可以在 Animate 中使用文字欄位、匯入包含字幕的視訊,或甚至使用 XML 字幕檔。您可使用視訊提示點來指定在執行階段文字欄位應該更新文字資訊的時機。

如需有關使用 Hi-Caption SE 和 Hi-Caption Viewer 組件的詳細資訊,請參閱 Adobe Add-ons 頁面。在其他進階控制當中,這項協力廠商擴充功能可讓您建立字幕,然後儲存在 XML 檔案中並在執行階段載入至 SWF 檔案。或者,您可使用提示點及文字欄位來顯示字幕資訊。

輔助功能及擴充 Animate

使用 Animate 中的擴充性圖層,開發人員便可以建立啟用進階編寫功能的擴充功能。這可讓協力廠商開發具有輔助功能的擴充功能。驗證 SWF 檔案或加上字幕有多種方式。

例如,驗證工具可以檢查 SWF 檔案以找出遺漏的說明。它會檢查是否已經針對一群實體加入說明,或者文字是否具有實體標籤,然後告訴您是否有任何問題。這種工具也會檢查 SWF 檔案中的朗讀順序,然後找出必須加以指定的所有實體。在分析 SWF 檔案後,您可使用對話方塊來指定朗讀順序。

如需有關目前可用的協力廠商擴充功能的詳細資訊,請參閱 Adobe Add-ons 頁面

測試檔案與進行變更

請測試要與螢幕朗讀程式搭配使用的任何 SWF 檔案。每當發行新的 Flash Player 版本 (包括次要版本) 時,請以下列方式測試 SWF 檔:

  • 使用 Window Eyes 與 JAWS for Windows 螢幕朗讀程式。它們會以不同方式來處理 SWF 檔,因此您可以得到不同的結果。

  • 在沒有螢幕朗讀程式的瀏覽器中,以不使用滑鼠的方式來瀏覽網站。

  • 關閉螢幕,並試著只使用螢幕朗讀程式來瀏覽網站。

  • 如果您使用音效旁白,請在不使用喇叭的情況下測試網站。

  • 利用代表您目標網站參訪者的數位使用者。

註解:

您不需要測試不同的瀏覽器,因為只有 Windows 上的 Internet Explorer 可支援用來將 SWF 檔顯露給螢幕朗讀程式的技術 (MSAA)。

使用螢幕朗讀程式聆聽 SWF 檔案時,請檢查下列要點:

  • 朗讀順序是否正確?

  • SWF 檔案中是否有快速鍵的說明?

  • 介面中各個元素的說明是否充分而完整?

  • 是否有充分的說明以便瀏覽網站結構?

  • 是否有朗讀更新或重新整理的 SWF 檔案內容?

  • 如果您變更了「舞台」上任何元素的內容 (例如,將某個按鈕從「播放」改成「暫停」),螢幕朗讀程式是否有宣告這項變更?

    和 HTML 驗證不同的是,目前沒有正式的工具可驗證 SWF 檔案。不過,還是有一些協力廠商工具可協助您驗證此檔案。如需有關這些擴充功能的詳細資訊,請參閱 Adobe Add-ons 頁面

Adobe 標誌

登入您的帳戶