網(wǎng)頁(yè)設(shè)計(jì)無(wú)障礙方案研究,網(wǎng)頁(yè)設(shè)計(jì)論文近年來(lái)，筆者持續(xù)介入信息無(wú)障礙標(biāo)準(zhǔn)的起草和評(píng)審工作，以及諸多網(wǎng)站的無(wú)障礙規(guī)劃和測(cè)試。以上海市部門網(wǎng)站的無(wú)障礙改造為例，(十二五期間上海市殘疾人事業(yè)主要發(fā)展指標(biāo)〕指出：網(wǎng)站施行無(wú)障礙改造的比例，預(yù)期性大于80%.據(jù)上海市部門網(wǎng)站管理中心、有關(guān)承建單位的不完全統(tǒng)計(jì)，上海市共有64家部門網(wǎng)站納入無(wú)障礙改造計(jì)劃〔華而不實(shí)區(qū)縣網(wǎng)站17家，委辦局網(wǎng)站47家〕。截至2020年12月，已施行無(wú)障礙改造的54家，正施行和待施行的網(wǎng)站10家，上海市64家網(wǎng)站施行無(wú)障礙改造比例已達(dá)84.38%,這些網(wǎng)站的無(wú)障礙改造為相關(guān)標(biāo)準(zhǔn)的應(yīng)用和完善提供了豐富的實(shí)踐經(jīng)歷體驗(yàn)?？v觀國(guó)內(nèi)外有關(guān)網(wǎng)頁(yè)設(shè)計(jì)的無(wú)障礙標(biāo)準(zhǔn)，它們的一大共同點(diǎn)，就是強(qiáng)調(diào)無(wú)障礙網(wǎng)站的四項(xiàng)基本原則：〔1〕網(wǎng)頁(yè)內(nèi)容必須是可感悟的；〔2〕網(wǎng)頁(yè)內(nèi)容中的界面組件必須是可操作的；〔3〕網(wǎng)頁(yè)內(nèi)容和控件必須是可理解的；〔4〕網(wǎng)頁(yè)內(nèi)容應(yīng)具備足夠兼容性和前瞻性，能夠與當(dāng)下及將來(lái)的用戶代理〔包括輔助技術(shù)〕協(xié)同工作。以上這些可簡(jiǎn)述為：可感悟、可操作、可理解、以及兼容性,是每個(gè)設(shè)計(jì)人員應(yīng)該遵循和把握的基本原則。2網(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é)合的方式?！?〕方案設(shè)計(jì)：根據(jù)存在問(wèn)題結(jié)合網(wǎng)站信息無(wú)障礙改造的標(biāo)準(zhǔn)和目的，設(shè)計(jì)相應(yīng)的無(wú)障礙解決方案。〔3〕施行開(kāi)發(fā)：根據(jù)解決方案，遵循相關(guān)技術(shù)標(biāo)準(zhǔn)，利用信息無(wú)障礙技術(shù)進(jìn)行施行開(kāi)發(fā)工作?！?〕測(cè)試體驗(yàn)：通過(guò)系統(tǒng)測(cè)試、人工測(cè)試、用戶體驗(yàn)相結(jié)合的方式，全方位地保障改造成果?！?〕運(yùn)行維護(hù)：為保證無(wú)障礙的可持續(xù)性，對(duì)改造后的網(wǎng)站進(jìn)行必要的運(yùn)行維護(hù)，持續(xù)測(cè)試體驗(yàn)，反應(yīng)和修正可能出現(xiàn)的偏差。在詳細(xì)改造設(shè)計(jì)經(jīng)過(guò)中，根據(jù)當(dāng)前公布的無(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)題?！?〕針對(duì)內(nèi)容頁(yè)面進(jìn)行單獨(dú)設(shè)置，直接讀正文內(nèi)容?！?〕對(duì)圖形驗(yàn)證碼提供語(yǔ)音提示功能，對(duì)圖片等內(nèi)容提供必要的文字講明?！?〕避免在切換Tab鍵時(shí)產(chǎn)生焦點(diǎn)無(wú)法移動(dòng)、導(dǎo)致鍵盤陷入的現(xiàn)象，同時(shí)注意打開(kāi)網(wǎng)頁(yè)時(shí)Tab鍵焦點(diǎn)的定位點(diǎn)和光標(biāo)鍵的移動(dòng)順序?！?〕提出快速鍵施行方案，提供一整套熱門跳轉(zhuǎn)、區(qū)域跳轉(zhuǎn)、欄目跳轉(zhuǎn)等快速鍵。并注意這些快速鍵能否與已有的系統(tǒng)快速鍵、讀屏軟件快速鍵相沖突?！?〕為功能性操作提供語(yǔ)音提示，提供有意義的可理解的提示性講明內(nèi)容?！?〕統(tǒng)一頁(yè)面開(kāi)啟/關(guān)閉方式，避免焦點(diǎn)直接返回桌面?！?〕為繁瑣的非文本內(nèi)容提供替代內(nèi)容頁(yè)面?！?〕區(qū)分各網(wǎng)頁(yè)標(biāo)題，幫助讀屏用戶正確定位?！?0〕部署無(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)站構(gòu)造、表現(xiàn)、行為相分離的基本要求；對(duì)功能性內(nèi)容、Flash等進(jìn)行無(wú)障礙設(shè)計(jì)，使其不依靠鼠標(biāo)，即便用鍵盤可以完成正常操作，合適視力障礙人群閱讀?！?〕輔助工具條充分考慮不同布局、不同色覺(jué)環(huán)境下的顏色辨識(shí)度和文字放大率，設(shè)計(jì)開(kāi)發(fā)功能完善的輔助閱讀工具條，可集約化部署在某一中心門戶網(wǎng)站上，供各部門網(wǎng)站分享?！?〕采用先進(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)，采用解析技術(shù)定位網(wǎng)頁(yè)元素，通過(guò)與網(wǎng)站內(nèi)容管理系統(tǒng)的整合對(duì)新增內(nèi)容進(jìn)行無(wú)障礙檢測(cè)，確保信息發(fā)布無(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)確性?！?〕實(shí)踐證明，在網(wǎng)站的無(wú)障礙建設(shè)經(jīng)過(guò)中，必須始終根據(jù)國(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ì)和改造。3實(shí)現(xiàn)強(qiáng)化的無(wú)障礙語(yǔ)音導(dǎo)航和快速鍵操作設(shè)計(jì)一套優(yōu)化的語(yǔ)音提示跳轉(zhuǎn)鏈接，配合區(qū)域跳轉(zhuǎn)、欄目跳轉(zhuǎn)、熱門或錨點(diǎn)跳轉(zhuǎn)等快速操作，幫助讀屏軟件用戶快速準(zhǔn)確地在諸多的頁(yè)面和欄目鏈接內(nèi)定位。為了充分講明語(yǔ)音導(dǎo)航和快速鍵跳轉(zhuǎn)的特點(diǎn)，可參見(jiàn)圖1和圖2.華而不實(shí)圖1為某區(qū)門戶網(wǎng)站首頁(yè)的部分屏幕截圖，是我們平常所熟悉的網(wǎng)頁(yè)樣式。而圖2是將該網(wǎng)頁(yè)另存為文本文檔〔*.txt〕后的屏幕截圖。與原來(lái)的網(wǎng)頁(yè)相比，在頭部區(qū)域新出現(xiàn)了：無(wú)障礙操作講明跳轉(zhuǎn)到網(wǎng)站導(dǎo)航區(qū)跳轉(zhuǎn)到主要內(nèi)容區(qū)域等隱含的鏈接，這些通過(guò)語(yǔ)音提示獲取的隱含鏈接，必須使用讀屏軟件方可朗讀出來(lái)，視力障礙用戶能夠根據(jù)語(yǔ)音提示回車確認(rèn)，快速跳轉(zhuǎn)到需要的位置。通常我們?yōu)樽x屏軟件用戶專門設(shè)計(jì)了一套統(tǒng)一的鍵盤快速鍵操作方案，例如：〔1〕支持全鍵盤操作，無(wú)需依靠于鼠標(biāo)。一般采用Tab鍵、光標(biāo)鍵切換、回車鍵確認(rèn)等，輔以讀屏軟件配置的朗讀功能鍵實(shí)現(xiàn)網(wǎng)頁(yè)的閱讀和內(nèi)容頁(yè)的朗讀?！?〕欄目跳轉(zhuǎn)，實(shí)現(xiàn)欄目分組間的跳轉(zhuǎn)；一般采用Ctrl+Z鍵?！?〕區(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,，等?！?〕熱門跳轉(zhuǎn)快速鍵，可分別快速定位到：跳轉(zhuǎn)到無(wú)障礙操作講明頁(yè)面、跳轉(zhuǎn)到主菜單〔網(wǎng)站導(dǎo)航〕、跳轉(zhuǎn)到主要內(nèi)容區(qū)域、跳轉(zhuǎn)到網(wǎng)站地圖鏈接，等。一般采用Ctrl〔或Alt〕+數(shù)字鍵1,2,3,，等。4網(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)維經(jīng)過(guò)中全程介入，以利于問(wèn)題的發(fā)現(xiàn)和解決?！?〕堅(jiān)持可持續(xù)發(fā)展的原則。網(wǎng)站信息無(wú)障礙建設(shè)是一個(gè)長(zhǎng)期的系統(tǒng)工程，必須在整個(gè)經(jīng)過(guò)中重視無(wú)障礙建設(shè)，堅(jiān)持貫徹?zé)o障礙標(biāo)準(zhǔn)和規(guī)范。同時(shí)關(guān)注人員組織的可持續(xù)性，加強(qiáng)技術(shù)溝通與培訓(xùn)，促使本地化技術(shù)氣力不斷成熟發(fā)展?！?〕加強(qiáng)網(wǎng)站管理人員、技術(shù)開(kāi)發(fā)人員的培訓(xùn)工作。當(dāng)前有關(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í)際的改造方案。5與民生服務(wù)密切相關(guān)的