無(wú)障礙網(wǎng)頁(yè)設(shè)計(jì)論文

前言：想要寫(xiě)出一篇引人入勝的文章？我們特意為您整理了無(wú)障礙網(wǎng)頁(yè)設(shè)計(jì)論文范文，希望能給你帶來(lái)靈感和參考，敬請(qǐng)閱讀。

1網(wǎng)頁(yè)設(shè)計(jì)無(wú)障礙方案的流程和要點(diǎn)

一個(gè)合格的、適合讀屏軟件操作、符合視力障礙用戶需求的無(wú)障礙網(wǎng)站，它的一般設(shè)計(jì)流程可總結(jié)為：

(1)檢測(cè)分析：根據(jù)無(wú)障礙標(biāo)準(zhǔn)對(duì)改造前的網(wǎng)站進(jìn)行檢測(cè)及體驗(yàn)，分析、討論、匯總存在的問(wèn)題。這方面工作可采取智能化的測(cè)試平臺(tái)和人工實(shí)際體驗(yàn)相結(jié)合的方式。

(2)方案設(shè)計(jì)：根據(jù)存在問(wèn)題結(jié)合網(wǎng)站信息無(wú)障礙改造的標(biāo)準(zhǔn)和目標(biāo)，設(shè)計(jì)相應(yīng)的無(wú)障礙解決方案。

(3)實(shí)施開(kāi)發(fā)：根據(jù)解決方案，遵循相關(guān)技術(shù)標(biāo)準(zhǔn)，利用信息無(wú)障礙技術(shù)進(jìn)行實(shí)施開(kāi)發(fā)工作。

(4)測(cè)試體驗(yàn)：通過(guò)系統(tǒng)測(cè)試、人工測(cè)試、用戶體驗(yàn)相結(jié)合的方式，全方位地保障改造成果。

(5)運(yùn)行維護(hù)：為保證無(wú)障礙的可持續(xù)性，對(duì)改造后的網(wǎng)站進(jìn)行必要的運(yùn)行維護(hù)，持續(xù)測(cè)試體驗(yàn)，反饋和修正可能出現(xiàn)的偏差。在具體改造設(shè)計(jì)過(guò)程中，依據(jù)目前頒布的無(wú)障礙設(shè)計(jì)標(biāo)準(zhǔn)，主要針對(duì)以下要點(diǎn)進(jìn)行設(shè)計(jì)和開(kāi)發(fā)：

(1)針對(duì)網(wǎng)頁(yè)不同布局形式提供統(tǒng)一的無(wú)障礙網(wǎng)頁(yè)操作方法，避免由于操作不當(dāng)引起問(wèn)題。

(2)針對(duì)內(nèi)容頁(yè)面進(jìn)行單獨(dú)設(shè)置，直接讀正文內(nèi)容。

(3)對(duì)圖形驗(yàn)證碼提供語(yǔ)音提示功能，對(duì)圖片等內(nèi)容提供必要的文字說(shuō)明。

(4)避免在切換Tab鍵時(shí)產(chǎn)生焦點(diǎn)無(wú)法移動(dòng)、導(dǎo)致鍵盤(pán)陷入的現(xiàn)象，同時(shí)注意打開(kāi)網(wǎng)頁(yè)時(shí)Tab鍵焦點(diǎn)的定位點(diǎn)和光標(biāo)鍵的移動(dòng)順序。

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

(6)為功能性操作提供語(yǔ)音提示，提供有意義的可理解的提示性說(shuō)明內(nèi)容。

(7)統(tǒng)一頁(yè)面“開(kāi)啟/關(guān)閉”方式，避免焦點(diǎn)直接返回桌面。

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

(9)區(qū)分各網(wǎng)頁(yè)標(biāo)題，幫助讀屏用戶正確定位。

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

(1)采用DIV+CSS+JS技術(shù)路線實(shí)現(xiàn)網(wǎng)站結(jié)構(gòu)、表現(xiàn)、行為相分離的基本要求；對(duì)功能性內(nèi)容、Flash等進(jìn)行無(wú)障礙設(shè)計(jì)，使其不依賴鼠標(biāo)，即使用鍵盤(pán)也可完成正常操作，適合視力障礙人群瀏覽。

(2)輔助工具條充分考慮不同布局、不同色覺(jué)環(huán)境下的顏色辨識(shí)度和文字放大率，設(shè)計(jì)開(kāi)發(fā)功能完善的輔助瀏覽工具條，可集約化部署在某一中心門(mén)戶網(wǎng)站上，供各部門(mén)網(wǎng)站共享。

(3)采用先進(jìn)的云平臺(tái)技術(shù)理念，從功能、性能及安全性等要求進(jìn)行架構(gòu)設(shè)計(jì)，搭建網(wǎng)站語(yǔ)音服務(wù)

(4)無(wú)障礙檢測(cè)根據(jù)WCAG2.0以及相關(guān)的國(guó)家標(biāo)準(zhǔn)和行業(yè)標(biāo)準(zhǔn)，設(shè)計(jì)開(kāi)發(fā)無(wú)障礙檢測(cè)網(wǎng)關(guān)，采用HTML解析技術(shù)定位網(wǎng)頁(yè)元素，通過(guò)與網(wǎng)站內(nèi)容管理系統(tǒng)的整合對(duì)新增內(nèi)容進(jìn)行無(wú)障礙檢測(cè)，確保信息無(wú)障礙的可持續(xù)性。需要注意以下兩點(diǎn)：

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

(2)實(shí)踐證明，在網(wǎng)站的無(wú)障礙建設(shè)過(guò)程中，必須始終按照國(guó)際通用的WCAG2.0標(biāo)準(zhǔn)和規(guī)范以及相關(guān)的國(guó)家標(biāo)準(zhǔn)和行業(yè)標(biāo)準(zhǔn)，采用國(guó)際領(lǐng)先的無(wú)障礙建設(shè)方法進(jìn)行，而不是簡(jiǎn)單的通過(guò)架設(shè)某一服務(wù)器端推送的語(yǔ)音系統(tǒng)或語(yǔ)音頻道來(lái)代替全網(wǎng)站的無(wú)障礙設(shè)計(jì)和改造。

2實(shí)現(xiàn)強(qiáng)化的無(wú)障礙語(yǔ)音導(dǎo)航和快捷鍵操作

設(shè)計(jì)一套優(yōu)化的語(yǔ)音提示跳轉(zhuǎn)鏈接，配合區(qū)域跳轉(zhuǎn)、欄目跳轉(zhuǎn)、熱點(diǎn)或錨點(diǎn)跳轉(zhuǎn)等快捷操作，幫助讀屏軟件用戶快速準(zhǔn)確地在眾多的頁(yè)面和欄目鏈接內(nèi)定位。某區(qū)政府門(mén)戶網(wǎng)站首頁(yè)的部分屏幕截圖，是我們平時(shí)所熟悉的網(wǎng)頁(yè)樣式。是將該網(wǎng)頁(yè)另存為文本文檔(*.txt)后的屏幕截圖。與原來(lái)的網(wǎng)頁(yè)相比，在頭部區(qū)域新出現(xiàn)了：“無(wú)障礙操作說(shuō)明跳轉(zhuǎn)到網(wǎng)站導(dǎo)航區(qū)跳轉(zhuǎn)到主要內(nèi)容區(qū)域”等隱含的鏈接，這些通過(guò)語(yǔ)音提示獲取的隱含鏈接，必須使用讀屏軟件方可朗讀出來(lái)，視力障礙用戶可以根據(jù)語(yǔ)音提示回車(chē)確認(rèn)，快速跳轉(zhuǎn)到需要的位置。通常我們?yōu)樽x屏軟件用戶專門(mén)設(shè)計(jì)了一套統(tǒng)一的鍵盤(pán)快捷鍵操作方案，例如：

(1)支持全鍵盤(pán)操作，無(wú)需依賴于鼠標(biāo)。一般采用Tab鍵、光標(biāo)鍵切換、回車(chē)鍵確認(rèn)等，輔以讀屏軟件配置的朗讀功能鍵實(shí)現(xiàn)網(wǎng)頁(yè)的瀏覽和內(nèi)容頁(yè)的朗讀。

(2)欄目跳轉(zhuǎn)，實(shí)現(xiàn)欄目分組間的跳轉(zhuǎn)；一般采用Ctrl+Z鍵。

(3)區(qū)域跳轉(zhuǎn)，實(shí)現(xiàn)頁(yè)面內(nèi)各區(qū)塊的跳轉(zhuǎn)，主要包括：頂部導(dǎo)航區(qū)、左部導(dǎo)航區(qū)、中間內(nèi)容區(qū)、主要內(nèi)容區(qū)、底部?jī)?nèi)容區(qū)等區(qū)塊；一般采用組合鍵：Alt+Shift+數(shù)字鍵1，2，3，…，等。

(4)熱點(diǎn)跳轉(zhuǎn)快捷鍵，可分別快速定位到：跳轉(zhuǎn)到無(wú)障礙操作說(shuō)明頁(yè)面、跳轉(zhuǎn)到主菜單(網(wǎng)站導(dǎo)航)、跳轉(zhuǎn)到主要內(nèi)容區(qū)域、跳轉(zhuǎn)到網(wǎng)站地圖鏈接，等。一般采用Ctrl(或Alt)+數(shù)字鍵1，2，3，…，等。

3網(wǎng)站無(wú)障礙改造的其他技術(shù)要點(diǎn)

網(wǎng)站無(wú)障礙改造的推進(jìn)，除了上述各項(xiàng)技術(shù)要點(diǎn)外，還應(yīng)該注重以下幾點(diǎn)：

(1)堅(jiān)持以用戶體驗(yàn)為核心，視障人群全程參與的原則。引入體驗(yàn)員監(jiān)督機(jī)制，通過(guò)組織招聘無(wú)障礙體驗(yàn)人員，在項(xiàng)目建設(shè)的前、中、后期以及整個(gè)運(yùn)維過(guò)程中全程參與，以利于問(wèn)題的發(fā)現(xiàn)和解決。

(2)堅(jiān)持可持續(xù)發(fā)展的原則。網(wǎng)站信息無(wú)障礙建設(shè)是一個(gè)長(zhǎng)期的系統(tǒng)工程，必須在整個(gè)過(guò)程中重視無(wú)障礙建設(shè)，堅(jiān)持貫徹?zé)o障礙標(biāo)準(zhǔn)和規(guī)范。同時(shí)關(guān)注人員組織的可持續(xù)性，加強(qiáng)技術(shù)交流與培訓(xùn)，促使本地化技術(shù)力量不斷成熟發(fā)展。

(3)加強(qiáng)網(wǎng)站管理人員、技術(shù)開(kāi)發(fā)人員的培訓(xùn)工作。目前有關(guān)網(wǎng)站無(wú)障礙設(shè)計(jì)的國(guó)家標(biāo)準(zhǔn)和行業(yè)標(biāo)準(zhǔn)已經(jīng)出臺(tái)，一方面有必要在各地設(shè)立權(quán)威的測(cè)試網(wǎng)點(diǎn)，另一方面迫切需要對(duì)網(wǎng)站的從業(yè)人員進(jìn)行標(biāo)準(zhǔn)化的培訓(xùn)，使得網(wǎng)站管理人員、技術(shù)開(kāi)發(fā)人員充分了解視力障礙用戶的需求、網(wǎng)站中存在的障礙現(xiàn)象，語(yǔ)音讀屏軟件的基本操作方法等，避免引入不切實(shí)際的改造方案。

4與民生服務(wù)密切相關(guān)的網(wǎng)站無(wú)障礙改造

當(dāng)前，政府部門(mén)網(wǎng)站、殘聯(lián)系統(tǒng)網(wǎng)站等率先垂范，取得了很好的經(jīng)驗(yàn)和成果，但對(duì)于為數(shù)眾多的其他服務(wù)部門(mén)網(wǎng)站和大眾傳媒網(wǎng)站等，無(wú)障礙改造的任務(wù)還很艱巨，這些與殘障人士息息相關(guān)的服務(wù)部門(mén)網(wǎng)站還存在著大量的障礙。據(jù)了解，中國(guó)殘疾人聯(lián)合會(huì)等正在擬定相關(guān)的政策指導(dǎo)意見(jiàn)，希望各類網(wǎng)站的無(wú)障礙改造能繼續(xù)深入展開(kāi)。

作者：朱雙六 單位：同濟(jì)大學(xué)