無障礙網頁設計論文

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了無障礙網頁設計論文范文，希望能給你帶來靈感和參考，敬請閱讀。

1網頁設計無障礙方案的流程和要點

一個合格的、適合讀屏軟件操作、符合視力障礙用戶需求的無障礙網站，它的一般設計流程可總結為：

(1)檢測分析：根據無障礙標準對改造前的網站進行檢測及體驗，分析、討論、匯總存在的問題。這方面工作可采取智能化的測試平臺和人工實際體驗相結合的方式。

(2)方案設計：根據存在問題結合網站信息無障礙改造的標準和目標，設計相應的無障礙解決方案。

(3)實施開發：根據解決方案，遵循相關技術標準，利用信息無障礙技術進行實施開發工作。

(4)測試體驗：通過系統測試、人工測試、用戶體驗相結合的方式，全方位地保障改造成果。

(5)運行維護：為保證無障礙的可持續性，對改造后的網站進行必要的運行維護，持續測試體驗，反饋和修正可能出現的偏差。在具體改造設計過程中，依據目前頒布的無障礙設計標準，主要針對以下要點進行設計和開發：

(1)針對網頁不同布局形式提供統一的無障礙網頁操作方法，避免由于操作不當引起問題。

(2)針對內容頁面進行單獨設置，直接讀正文內容。

(3)對圖形驗證碼提供語音提示功能，對圖片等內容提供必要的文字說明。

(4)避免在切換Tab鍵時產生焦點無法移動、導致鍵盤陷入的現象，同時注意打開網頁時Tab鍵焦點的定位點和光標鍵的移動順序。

(5)提出快捷鍵實施方案，提供一整套熱點跳轉、區域跳轉、欄目跳轉等快捷鍵。并注意這些快捷鍵是否與已有的系統快捷鍵、讀屏軟件快捷鍵相沖突。

(6)為功能性操作提供語音提示，提供有意義的可理解的提示性說明內容。

(7)統一頁面“開啟/關閉”方式，避免焦點直接返回桌面。

(8)為繁瑣的非文本內容提供替代內容頁面。

(9)區分各網頁標題，幫助讀屏用戶正確定位。

(10)部署無障礙工具條，方便低視力和老年用戶按需調節屏幕顯示樣式；提供純文本模式瀏覽，提供語音插件。但必須注意不能僅以此來替代上述各項必要的無障礙設計。頁面改造則結合輔助功能以及無障礙檢測工具的模式進行：

(1)采用DIV+CSS+JS技術路線實現網站結構、表現、行為相分離的基本要求；對功能性內容、Flash等進行無障礙設計，使其不依賴鼠標，即使用鍵盤也可完成正常操作，適合視力障礙人群瀏覽。

(2)輔助工具條充分考慮不同布局、不同色覺環境下的顏色辨識度和文字放大率，設計開發功能完善的輔助瀏覽工具條，可集約化部署在某一中心門戶網站上，供各部門網站共享。

(3)采用先進的云平臺技術理念，從功能、性能及安全性等要求進行架構設計，搭建網站語音服務

(4)無障礙檢測根據WCAG2.0以及相關的國家標準和行業標準，設計開發無障礙檢測網關，采用HTML解析技術定位網頁元素，通過與網站內容管理系統的整合對新增內容進行無障礙檢測，確保信息無障礙的可持續性。需要注意以下兩點：

(1)網站無障礙建設應滿足全體人群在任何情況下都能平等、方便、無障礙地獲取和利用信息。在保持網站原有風格和功能、不改變視力健全人士瀏覽網站和獲取信息服務的基礎上提升視障人群訪問政府網站的便捷性、準確性。

(2)實踐證明，在網站的無障礙建設過程中，必須始終按照國際通用的WCAG2.0標準和規范以及相關的國家標準和行業標準，采用國際領先的無障礙建設方法進行，而不是簡單的通過架設某一服務器端推送的語音系統或語音頻道來代替全網站的無障礙設計和改造。

2實現強化的無障礙語音導航和快捷鍵操作

設計一套優化的語音提示跳轉鏈接，配合區域跳轉、欄目跳轉、熱點或錨點跳轉等快捷操作，幫助讀屏軟件用戶快速準確地在眾多的頁面和欄目鏈接內定位。某區政府門戶網站首頁的部分屏幕截圖，是我們平時所熟悉的網頁樣式。是將該網頁另存為文本文檔(*.txt)后的屏幕截圖。與原來的網頁相比，在頭部區域新出現了：“無障礙操作說明跳轉到網站導航區跳轉到主要內容區域”等隱含的鏈接，這些通過語音提示獲取的隱含鏈接，必須使用讀屏軟件方可朗讀出來，視力障礙用戶可以根據語音提示回車確認，快速跳轉到需要的位置。通常我們為讀屏軟件用戶專門設計了一套統一的鍵盤快捷鍵操作方案，例如：

(1)支持全鍵盤操作，無需依賴于鼠標。一般采用Tab鍵、光標鍵切換、回車鍵確認等，輔以讀屏軟件配置的朗讀功能鍵實現網頁的瀏覽和內容頁的朗讀。

(2)欄目跳轉，實現欄目分組間的跳轉；一般采用Ctrl+Z鍵。

(3)區域跳轉，實現頁面內各區塊的跳轉，主要包括：頂部導航區、左部導航區、中間內容區、主要內容區、底部內容區等區塊；一般采用組合鍵：Alt+Shift+數字鍵1，2，3，…，等。

(4)熱點跳轉快捷鍵，可分別快速定位到：跳轉到無障礙操作說明頁面、跳轉到主菜單(網站導航)、跳轉到主要內容區域、跳轉到網站地圖鏈接，等。一般采用Ctrl(或Alt)+數字鍵1，2，3，…，等。

3網站無障礙改造的其他技術要點

網站無障礙改造的推進，除了上述各項技術要點外，還應該注重以下幾點：

(1)堅持以用戶體驗為核心，視障人群全程參與的原則。引入體驗員監督機制，通過組織招聘無障礙體驗人員，在項目建設的前、中、后期以及整個運維過程中全程參與，以利于問題的發現和解決。

(2)堅持可持續發展的原則。網站信息無障礙建設是一個長期的系統工程，必須在整個過程中重視無障礙建設，堅持貫徹無障礙標準和規范。同時關注人員組織的可持續性，加強技術交流與培訓，促使本地化技術力量不斷成熟發展。

(3)加強網站管理人員、技術開發人員的培訓工作。目前有關網站無障礙設計的國家標準和行業標準已經出臺，一方面有必要在各地設立權威的測試網點，另一方面迫切需要對網站的從業人員進行標準化的培訓，使得網站管理人員、技術開發人員充分了解視力障礙用戶的需求、網站中存在的障礙現象，語音讀屏軟件的基本操作方法等，避免引入不切實際的改造方案。

4與民生服務密切相關的網站無障礙改造

當前，政府部門網站、殘聯系統網站等率先垂范，取得了很好的經驗和成果，但對于為數眾多的其他服務部門網站和大眾傳媒網站等，無障礙改造的任務還很艱巨，這些與殘障人士息息相關的服務部門網站還存在著大量的障礙。據了解，中國殘疾人聯合會等正在擬定相關的政策指導意見，希望各類網站的無障礙改造能繼續深入展開。

作者：朱雙六 單位：同濟大學