Dreamweaver 中的輔助功能

上次更新時間 2021年4月27日

透過 Dreamweaver,讓有視覺、聽覺、行動及其他障礙的人也能夠使用網站和網路產品。

關於輔助功能內容

無障礙設計是指讓有視覺、聽覺、肢體和其他障礙的人士能夠使用網站和網頁產品。軟體產品和網站的協助工具功能範例 包括螢幕助讀程式支援、圖形的文字替代、鍵盤 快速鍵、將顯示色彩變更為高對比等。Dreamweaver 提供易於使用的工具,以及協助您編寫無障礙內容的工具。

對於需要 使用協助工具功能的 Dreamweaver 開發人員,應用程式提供螢幕助讀程式 支援、鍵盤導覽和作業系統協助工具 支援。

對於需要建立無障礙內容的網頁設計師,Dreamweaver 協助您建立無障礙頁面,其中包含對螢幕助讀程式有用的內容並符合聯邦政府準則。例如,對話框會提示 您輸入協助工具屬性 (例如影像的文字替代) 當您插入頁面元素時。然後,當影像出現 在視覺障礙使用者的頁面上時,螢幕助讀程式 會朗讀描述。

備註

如需更多關於兩個重要協助工具方案的資訊, 請參閱全球資訊網協會網頁協助工具倡議 (www.w3.org/wai) 和美國第 508 條款。聯邦復健法案 (www.section508.gov)。

備註

如需更多關於 日本工業標準協助工具準則的資訊,請參閱 JIS X 8341-3 (www.jisc.go.jp)。

任何撰寫工具都無法自動化開發程序。 設計無障礙網站需要您了解無障礙需求,並持續做出關於身心障礙使用者如何與網頁互動的相關決策。確保網站無障礙 的最佳方式是透過周密的規劃、開發、測試和評估。

搭配 Dreamweaver 使用螢幕讀取器

螢幕助讀程式會朗讀出現 在電腦螢幕上的文字。它也會朗讀非文字資訊,例如 按鈕標籤或應用程式中的影像描述,這些資訊在 編寫期間以協助工具標記或屬性提供。

身為 Dreamweaver 設計師,您可以使用 螢幕助讀程式協助您建立網頁。螢幕助讀程式會從「文件」視窗的左上角開始朗讀。

Dreamweaver 支援來自 Freedom Scientific (www.freedomscientific.com) 的 Windows 版 JAWS 和來自 GW Micro (www.gwmicro.com) 的 Window-Eyes 螢幕助讀程式。

支援作業系統協助工具功能

Dreamweaver 支援 Windows 和 Macintosh 作業 系統中的協助工具功能。例如,在 Macintosh 上,您可以在「通用存取偏好設定」對話框 (Apple > 系統偏好設定) 中設定視覺偏好。您的設定會反映在 Dreamweaver 工作區。

Windows 作業系統的高對比設定也受到支援。 您可以透過 Windows 控制面板啟用此選項,它會 對 Dreamweaver 造成以下影響:

  • 對話方塊和面板會使用系統顏色設定。 例如, 如果您將色彩設為黑底白字,所有 Dreamweaver 對話框和面板都會以 白色前景色彩和黑色背景出現。

  • 「程式碼」檢視會使用系統和視窗文字顏色。 例如, 如果您將系統色彩設為黑底白字,然後在「編輯」>「偏好設定」>「程式碼著色」中變更文字 色彩,Dreamweaver 會忽略這些色彩設定並 以白色前景色彩和黑色背景顯示程式碼文字。

  • 設計視圖使用您在「修改」> 「頁面屬性」中設定的背景和文字色彩,讓您設計的頁面轉譯色彩如同瀏覽器一般。

針對無障礙 頁面設計最佳化工作區

當您 建立無障礙頁面時,您需要將標籤和描述等資訊 與頁面物件建立關聯,以便讓所有使用者都能存取 您的內容。

若要執行此動作,請為每個物件啟動 「協助工具」對話框,以便 Dreamweaver 在您插入物件時提示您提供協助工具 資訊。您可以為「偏好設定」中「協助工具」類別內的任何物件啟動對話框。

選取「編輯 > 偏好設定」(Windows) 或「Dreamweaver > 偏好設定」(Macintosh)。
從左側的「類別」清單中選取「協助工具」, 選取物件,設定下列任一選項,然後按一下「確定」。

插入物件時顯示屬性

選取您要為其啟動協助工具 對話框的物件。例如,表單物件、頁框、媒體和影像。

將焦點保持在面板中

將焦點保持在面板上,讓螢幕助讀程式能夠存取面板。(如果您未選取此選項,當使用者開啟面板時,焦點 會保持在「設計」或「程式碼」檢視中。)

超出螢幕的顯示

使用螢幕讀取器時,請選取此選項。

備註

當您插入新的表格時,「插入表格」對話方塊中便會顯示輔助功能屬性。

您可以使用鍵盤來導覽面板、檢查器、對話框、框架和表格,而不需要滑鼠。

備註

Tab 鍵 和方向鍵的使用僅支援 Windows。

在「文件」視窗中,按 Control+F6 將焦點切換至面板。

面板標題周圍的虛線表示焦點 在該面板上。螢幕助讀程式會讀出擁有焦點 的面板標題列。

再次按 Control+F6 來切換焦點,直到您將 焦點放在要使用的面板上。(按 Control+Shift+F6 將焦點切換至上一個面板。)
如果您要使用的面板未開啟,請使用 「視窗」選單中的鍵盤快速鍵來顯示適當的 面板;然後按 Control+F6。

如果您要使用的面板已開啟但未展開, 請將焦點放在面板標題列上,然後按空格鍵。 再按一次空格鍵即可收合面板。

按 Tab 鍵在 面板中的選項間移動。
請視需要使用方向鍵:
  • 如果選項有多種選擇,請使用方向 鍵捲動選項,然後按空格鍵 進行選取。

  • 如果面板群組中有標籤可開啟其他 面板,請將焦點放在開啟的標籤上,然後使用左或右 方向鍵開啟其他標籤。開啟新標籤後,按 Tab 鍵在該面板的選項間移動。

如果「屬性」 檢測器不可見,請按 Control+F3 將它顯示。
按 Control+F6 (僅限 Windows),直到您將焦點切換至「屬性檢視器」。
按 Tab 鍵在屬性檢視器選項間移動。
使用適當的方向鍵在選項之間移動。
按一下 Control+向下鍵/向上鍵 (Windows) 或 Command+向下鍵/向上鍵 (Macintosh) 來開啟和關閉「屬性」檢測器的展開區段,或者,在右下角的展開器箭頭上按一下空格鍵。
備註

鍵盤焦點必須在「屬性」檢測器內部 (而不是在面板標題上) 才能進行展開和收合。

按一下 Tab 鍵在對話框的選項之間移動。
使用方向鍵可以在選項的各種選擇之間移動。
如果對話框有類別清單,請按一下 Control+Tab (Windows) 將焦點移至類別清單,然後使用方向鍵在清單中上下移動。
再次按一下 Control+Tab 切換到類別的選項。
按 Enter 鍵結束對話方塊。
如果您的文件包含框架,可以 使用方向鍵將焦點移至框架。

選取頁框

按一下 Alt+向下鍵將插入點 置於「文件」視窗中。
按一下 Alt+向上鍵選取目前 具有焦點的框架。
繼續按一下 Alt+向上鍵將焦點移至 框架集,然後移至主版框架集 (如果有巢狀 框架集)。
按一下 Alt+向下鍵將焦點移至子框架集 或框架集內的單一框架。
在單一框架上按一下 Alt+向左鍵或向右鍵 在框架之間移動。
使用方向鍵或按一下 Tab 鍵 視需要移至表格中的其他儲存格。
備註

在最右邊的儲存格中按一下 Tab 鍵會 在表格中新增另一列。

若要選取儲存格,請在插入點位於儲存格中時按 Ctrl+A (僅限 Windows)。
若要選取整個表格,如果插入點在儲存格中,請按兩次 Control+A;如果已選取儲存格,則按一次 Control+A。
若要退出表格,如果插入點在儲存格中,請按三次 Control+A,如果已選取儲存格,請按兩次,如果已選取表格,請按一次,然後按一下向上鍵、向左鍵或向右鍵。