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

註解:

Dreamweaver CC (含) 以後版本的用戶介面已經簡化了。因此,您在 Dreamweaver CC 和更新版本中可能會找不到本文所描述的一些選項。如需詳細資訊,請參閱本文

關於輔助功能內容

對於視障、聽障、運動障礙及其他殘障的人士,輔助功能可以協助他們使用網站和網路產品。螢幕讀取器支援、圖形的文字解說、鍵盤快速鍵、將顯示顏色變更為高對比等等,都是軟體產品和網站輔助功能的例子。Dreamweaver 提供工具可透過輔功功能供使用,也提供工具讓您撰寫輔助功能內容。

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

對於需要建立輔助功能內容的網路設計人員,Dreamweaver 可協助您建立輔助功能頁面,其中包含實用的螢幕閱讀器內容,並遵守聯邦政府訂定的準則。例如,當您插入頁面元素時,對話方塊便會提示您輸入輔助功能屬性,如影像的文字解說。因此,當這個影像出現在視障用戶的頁面時,螢幕讀取器便會閱讀這段說明。

註解:

如需有關兩個重要輔助功能計劃的更多資訊,請參閱全球資訊網協會網路輔助功能計劃 (www.w3.org/wai) 及美國聯邦復建法 508 條款 (www.section508.gov)。

註解:

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

任何撰寫工具都無法自動化開發程序。若要設計具有輔助功能的網站,您必須了解輔助功能的需求,並且不斷做出如何讓殘障用戶與網頁互動的判斷。審慎的規劃、開發、測試和評估,是確保網站符合輔助功能條件的最佳方式。

搭配 Dreamweaver 使用螢幕讀取器

螢幕讀取器會朗讀電腦螢幕上所顯示的文字。同時,也會讀出撰寫時輔助功能標籤或屬性中所提供的非文字資訊,例如應用程式中的按鈕標籤或影像描述。

身為 Dreamweaver 設計人員,您可以使用螢幕讀取器來協助您建立網頁。螢幕讀取器會從「文件」視窗的左上角開始閱讀。

Dreamweaver 支援 Freedom Scientific 開發 JAWS for Windows (www.freedomscientific.com),以及 GW Micro 開發的 Window-Eyes 螢幕閱讀器 (www.gwmicro.com)。

作業系統輔助功能的支援

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

也支援 Windows 作業系統的高對比設定。此選項是透過 Windows 控制台啟動,對 Dreamweaver 的影響如下︰

  • 對話方塊和面板會使用系統顏色設定。例如,如果將顏色設成「黑底白字」,那麼 Dreamweaver 的所有對話方塊和面板都會以白色前景和黑色背景顯示。

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

  • 「設計」檢視會使用您在「修改>頁面屬性」中所設定的背景和文字顏色,因此設計頁面所呈現的顏色會與瀏覽器呈現的顏色一致。

最佳化用來設計具有輔助功能之頁面的工作區

當建立具有輔助功能的頁面時,您必須將資訊 (例如標籤和描述) 與頁面物件建立關聯,才能讓所有用戶都可存取您的內容。

若要這樣做,請啟動每個物件的「輔助功能」對話方塊,讓 Dreamweaver 在插入物件時提示您輸入輔助功能資訊。您可以在「偏好設定」中,對「輔助功能」類別的任何物件啟動對話方塊。

  1. 選取「編輯 > 偏好設定」(Windows) 或「Dreamweaver > 偏好設定」(Macintosh)。
  2. 從左側的「類別」清單中選取「輔助功能」,選取物件,再設定下列任何選項,然後按一下「確定」。

    插入物件時顯示屬性

    選取您要啟動「輔助功能」對話方塊的物件。例如,表單物件、頁框、媒體和影像。

    將焦點保持在面板中

    將焦點保持在面板上,使螢幕讀取器可以存取該面板 (如果您不選取此選項,則用戶開啟面板時,焦點仍會保持在「設計」或「程式碼」檢視中)。

    超出螢幕的顯示

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

    註解:

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

您可以使用鍵盤在面板、檢視窗、對話方塊、頁框和表格中導覽,而不需要使用滑鼠。

註解:

只有 Windows 支援使用 Tab 鍵和方向鍵。

  1. 在「文件」視窗中,按 Control+F6 將焦點移至某個面板。

    面板標題周圍出現虛線,表示焦點在這個面板上。螢幕讀取器會閱讀有焦點的面板標題列。

  2. 再按一次 Control+F6 以移動焦點,直到焦點移至您要使用的面板上 (按 Control+Shift+F6 會將焦點移回上一個面板)。
  3. 如果您要使用的面板尚未開啟,請使用 Windows 選單中的鍵盤快速鍵來顯示適當的面板,然後按 Control+F6。

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

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

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

  1. 在「屬性」檢視窗隱藏的情況下,按 Control+F3 鍵可顯示該檢視窗。
  2. 按 Control+F6 鍵 (Windows) 直到焦點移至「屬性」檢視窗。
  3. 按 Tab 鍵在「屬性」檢視窗選項中依序移動。
  4. 適時使用方向鍵在選項的各個項目中移動。
  5. 按 Control+向下鍵/向上鍵 (Windows) 或 Command+向下鍵/向上鍵 (Macintosh) 視需要開啟或關閉「屬性」檢視窗的已展開區域,或者當焦點在右下角的展開箭號時按空格鍵。

    註解:

    鍵盤焦點必須位於「屬性」檢視窗中,而且不得在面板標題上,才能執行展開和收合動作。

  1. 按 Tab 鍵可在對話方塊的選項中移動。
  2. 使用方向鍵可以在選項的各種選擇之間移動。
  3. 如果對話方塊有「類別」清單,請按 Control+Tab 鍵 (Windows) 將焦點移至類別清單,然後使用方向鍵在清單內上下移動。
  4. 再一次按 Control+Tab 鍵,將焦點移至類別的各個選項。
  5. 按 Enter 鍵結束對話方塊。
  1. 如果您的文件含有頁框,您可以使用方向鍵將焦點移至某個頁框。

選取頁框

  1. 按 Alt+向下鍵,將插入點放在「文件」視窗中。
  2. 按 Alt+向上鍵,可選取目前具有焦點的頁框。
  3. 持續按 Alt+向上鍵,可將焦點移至頁框組,然後再移至上層頁框組 (如果頁框組是巢狀的)。
  4. 按 Alt+向下鍵,可將焦點移至下層頁框組或頁框組中的單一頁框。
  5. 當焦點位於單一頁框上時,按 Alt+向左鍵或向右鍵,即可在頁框之間移動。
  1. 視需要使用方向鍵或按 Tab 鍵,以移至表格中的其他儲存格。

    註解:

    在最右邊的儲存格按 Tab 鍵,可在表格中新增一列。

  2. 若要選取儲存格,請在插入點位於儲存格內時按 Control+A (Windows)。
  3. 若要選取整個表格,請在插入點位於儲存格中時,按兩次 Control+A (Windows),或是在選取儲存格時按一次。
  4. 若要離開表格,請在插入點位於儲存格內時按三次 Control+A (Windows),或在選取儲存格時按兩次,或在選取表格時按一次;最後按向上、向左或向右鍵。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策