面向移動終端的網(wǎng)站無障礙設(shè)計(jì)研究

章夢玄 趙英 范嬌穎

〔摘要〕隨著近年來智能手機(jī)、平板電腦的普及，移動終端成為人們上網(wǎng)獲取信息的重要渠道，而當(dāng)前大多數(shù)網(wǎng)站均針對桌面端設(shè)計(jì)，在通過移動終端訪問時(shí)會遇到許多可訪問性問題。W3C針對移動網(wǎng)站的建設(shè)提出了相關(guān)的最佳實(shí)踐規(guī)范，但這些規(guī)范都不是針對移動網(wǎng)站的無障礙設(shè)計(jì)，且近幾年移動互聯(lián)網(wǎng)發(fā)生了巨大變化，目前還沒有適用于當(dāng)前移動互聯(lián)網(wǎng)環(huán)境的移動網(wǎng)站無障礙設(shè)計(jì)標(biāo)準(zhǔn)。本文結(jié)合WCAG、MWBP和MWABP，從導(dǎo)航與鏈接、頁面布局、頁面定義和用戶交互4個(gè)方面，總結(jié)歸納出了可適應(yīng)于移動網(wǎng)站無障礙設(shè)計(jì)的相關(guān)準(zhǔn)則規(guī)范，并以中國殘疾人服務(wù)網(wǎng)為例，進(jìn)行了移動網(wǎng)站無障礙設(shè)計(jì)實(shí)踐。本文主要從設(shè)計(jì)和技術(shù)角度，對移動網(wǎng)站的無障礙訪問進(jìn)行了分析，所得設(shè)計(jì)準(zhǔn)則和實(shí)踐對網(wǎng)站建設(shè)具有參考意義。

〔關(guān)鍵詞〕網(wǎng)站無障礙；移動終端；WCAG；MWBP；MWAB

信息無障礙的理念是任何人（不論健全人還是殘疾人，年輕人還是老年人）在任何情況下都能平等、方便地獲取、利用信息，而網(wǎng)站無障礙則屬于其中重要的組成部分。自信息無障礙理念提出以來，各國政府都積極展開信息無障礙建設(shè)，制訂了相關(guān)法律法規(guī)保障平等的信息獲取權(quán)。萬維網(wǎng)聯(lián)盟W3C（World Wide Web Consortium）也發(fā)布了一系列技術(shù)標(biāo)準(zhǔn)，從技術(shù)角度為無障礙網(wǎng)站的設(shè)計(jì)提供指導(dǎo)。隨著移動設(shè)備的普及和移動網(wǎng)絡(luò)技術(shù)的發(fā)展，移動終端的數(shù)據(jù)處理和存儲能力不斷提升，交互方式也由實(shí)體按鍵轉(zhuǎn)變?yōu)橛|屏操作，整個(gè)互聯(lián)網(wǎng)環(huán)境發(fā)生了巨大的變化，移動終端正成為人們上網(wǎng)獲取信息的主要渠道。然而現(xiàn)有網(wǎng)站主要都是針對桌面設(shè)備設(shè)計(jì)的，在通過移動終端訪問時(shí)會存在較大的問題，如受限于屏幕尺寸而無法清晰顯示頁面內(nèi)容、頁面交互區(qū)域太小容易誤操作、用戶交互習(xí)慣帶來的困擾等。雖然W3C組織提出了一些針對移動端網(wǎng)站設(shè)計(jì)的最佳實(shí)踐指南，但是這些指南并不能完全實(shí)現(xiàn)網(wǎng)站無障礙設(shè)計(jì)，因此，如何設(shè)計(jì)面向移動終端的無障礙網(wǎng)站，保證網(wǎng)站信息的無障礙獲取是一個(gè)值得研究的問題。

1文獻(xiàn)回顧

目前國內(nèi)外對信息無障礙的研究主要在以下幾個(gè)方面展開：

1信息無障礙概念、應(yīng)用及價(jià)值研究

Wheaton（2007）等對美國和部分歐洲國家的信息無障礙法律法規(guī)進(jìn)行了綜述[1]。Savi等（2008）通過對一所中學(xué)的60名學(xué)生和遵循聯(lián)邦網(wǎng)站無障礙指導(dǎo)原則下構(gòu)建的網(wǎng)站進(jìn)行調(diào)查，研究了信息無障礙標(biāo)準(zhǔn)在青少年人群中的實(shí)施效果，發(fā)現(xiàn)遵循通用設(shè)計(jì)原則的網(wǎng)站在提升網(wǎng)站響應(yīng)精確度方面對所有青少年都有幫助[2]。孫禎祥（2007）[3]、徐恩元（2009）[4]等介紹了我國信息無障礙的發(fā)展歷史和研究現(xiàn)狀，并提出了推進(jìn)我國信息無障礙運(yùn)動的實(shí)踐策略；周曉英在論述信息無障礙含義的基礎(chǔ)上，分析了國內(nèi)外政府網(wǎng)站信息無障礙的政策、標(biāo)準(zhǔn)和舉措，并提出了我國政府信息無障礙建設(shè)策略。

5期面向移動終端的網(wǎng)站無障礙設(shè)計(jì)研究May，2016Vol36No5 2信息無障礙網(wǎng)站測評

OGrady等（2005）利用無障礙檢測工具Bobby對加拿大地區(qū)的醫(yī)療網(wǎng)站隨機(jī)抽樣后進(jìn)行了檢測，發(fā)現(xiàn)只有40%的頁面能夠與WCAG10的1優(yōu)先級一致[5]。Ana BMartínez等（2013）調(diào)查了49家歐洲銀行的網(wǎng)站無障礙程度，發(fā)現(xiàn)企業(yè)社會責(zé)任承諾越多的銀行反而其網(wǎng)站無障礙程度更低[6]。Goodwin等（2011）分析了聯(lián)合國會員國公眾網(wǎng)站的無障礙程度，確定了各成員國可訪問和不可訪問網(wǎng)站的共同屬性，發(fā)現(xiàn)實(shí)現(xiàn)反殘疾人歧視法律對網(wǎng)站無障礙建設(shè)最有效，而簽署聯(lián)合國殘疾人權(quán)利和尊嚴(yán)協(xié)議達(dá)不到這樣的效果[7]。孫禎祥（2008）以WCAG10及國內(nèi)外無障礙網(wǎng)站相關(guān)信息，總結(jié)出了中文無障礙網(wǎng)站評價(jià)模型的指標(biāo)體系[8]；王靜生（2008）等以網(wǎng)站無障礙檢測工具Bobby32和人工對我國省級電子政務(wù)網(wǎng)站首頁無障礙狀況進(jìn)行了檢測，發(fā)現(xiàn)了政府網(wǎng)站無障礙建設(shè)中存在的主要問題，并提出了提升我國電子政務(wù)網(wǎng)站無障礙水平的策略[9]；李浚（2011）利用AChecker：ATRC Accessibility Checker在線檢測工具，對12家圖書館網(wǎng)站進(jìn)行了無障礙檢測，發(fā)現(xiàn)以內(nèi)容可知感知性類問題最多，并針對相應(yīng)問題提出了技術(shù)解決方案[10]。

13無障礙網(wǎng)站建設(shè)原則和技術(shù)

Friedman，Mark G等（2007）回顧了網(wǎng)站設(shè)計(jì)指導(dǎo)原則，總結(jié)了20個(gè)已有網(wǎng)站設(shè)計(jì)指導(dǎo)中涉及的障礙類型及提出的網(wǎng)站設(shè)計(jì)建議[11]。Lopes，Rui等（2010）通過大量觀察發(fā)現(xiàn)網(wǎng)站無障礙質(zhì)量與頁面復(fù)雜度有直接關(guān)系，并提出了設(shè)計(jì)網(wǎng)站、無障礙教育的指導(dǎo)原則和一個(gè)網(wǎng)站無障礙評估框架[12]。Linaje，Marino等（2011）為解決富網(wǎng)絡(luò)應(yīng)用（Rich Internet Application，RIA）的無障礙問題，提出了一個(gè)語義化的、基于模型的創(chuàng)建RIA UIs方法，該方法主要包括戶界面結(jié)構(gòu)和交互行為兩個(gè)層級驗(yàn)證過程的無障礙問題[13]。袁俊等（2007）介紹了現(xiàn)有網(wǎng)頁可訪問性的法規(guī)和標(biāo)準(zhǔn)，分析了網(wǎng)頁可訪問性的構(gòu)成要素，提出了設(shè)計(jì)和建設(shè)無障礙網(wǎng)站的指導(dǎo)原則和開發(fā)技術(shù)[14]；王雅溪（2009）分析了視障人群的特點(diǎn)，結(jié)合聽覺界面設(shè)計(jì)的原則，提出聽覺界面的運(yùn)用是決定能否實(shí)現(xiàn)正常人與視障人群“共用”網(wǎng)站界面的關(guān)鍵，并通過網(wǎng)頁結(jié)構(gòu)劃分和改進(jìn)視障用戶瀏覽器界面兩個(gè)方面進(jìn)行了網(wǎng)絡(luò)界面的設(shè)計(jì)[15]；趙英（2010）等分析了國內(nèi)外無障礙網(wǎng)站的設(shè)計(jì)標(biāo)準(zhǔn)、輔助技術(shù)和網(wǎng)站構(gòu)想，并為我國無障礙網(wǎng)站的建設(shè)提出了建議[16]。

綜上，目前國內(nèi)外信息無障礙研究主要集中在理論介紹、網(wǎng)站測評和網(wǎng)站建設(shè)等方面，且均針對傳統(tǒng)桌面互聯(lián)網(wǎng)進(jìn)行，尚未有從移動互聯(lián)網(wǎng)出發(fā)，研究通過移動端訪問網(wǎng)站的信息無障礙問題。而事實(shí)上，移動終端正成為人們獲取信息的重要途徑，因此本文基于移動互聯(lián)網(wǎng)視角，分析現(xiàn)有無障礙標(biāo)準(zhǔn)的適用性并結(jié)合相關(guān)無障礙設(shè)計(jì)原則，整合提出適用于當(dāng)前移動互聯(lián)網(wǎng)環(huán)境的無障礙網(wǎng)站設(shè)計(jì)準(zhǔn)則，對現(xiàn)有網(wǎng)站進(jìn)行改進(jìn)，以期為相關(guān)網(wǎng)站無障礙建設(shè)提供參考。

2網(wǎng)站設(shè)計(jì)相關(guān)標(biāo)準(zhǔn)分析

網(wǎng)站是由網(wǎng)頁集合而成的，網(wǎng)站的內(nèi)容信息主要是以網(wǎng)頁的形式呈現(xiàn)給用戶。而針對網(wǎng)頁的設(shè)計(jì)，W3C出臺了一系列標(biāo)準(zhǔn)，其中無障礙方面最重要的是網(wǎng)頁內(nèi)容無障礙指南WCAG（Web Content Accessibility Guidelines），該指南是各國政府制定網(wǎng)站無障礙法律法規(guī)、技術(shù)標(biāo)準(zhǔn)的重要參考來源；移動網(wǎng)站設(shè)計(jì)方面最重要的是移動網(wǎng)站最佳實(shí)踐MWBP（Mobile Web Best Practices）和移動網(wǎng)站應(yīng)用最佳實(shí)踐MWABP（Mobile Web Application Best Practice），MWBP和MWABP主要總結(jié)了移動網(wǎng)站相關(guān)的設(shè)計(jì)經(jīng)驗(yàn)，但由于MWBP和MWABP分別是2008年和2010年提出的，期間互聯(lián)網(wǎng)絡(luò)環(huán)境發(fā)生了重大改變，因此本文在概述這3個(gè)網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)后，重點(diǎn)對MWBP和MWABP在當(dāng)前網(wǎng)絡(luò)環(huán)境適用性進(jìn)行分析。

2網(wǎng)頁內(nèi)容無障礙指南概述

網(wǎng)頁內(nèi)容無障礙指南WCAG（目前為WCAG20）是W3C與世界范圍內(nèi)的個(gè)人及企業(yè)合作而制定，旨在提供一個(gè)簡單、共享、可滿足個(gè)人、組織、政府需求的網(wǎng)站內(nèi)容可訪問性標(biāo)準(zhǔn)。其提供了不同層次的指南，即整體原則（Overall Principles）、一般性準(zhǔn)則（General Guidelines）、成功標(biāo)準(zhǔn)（Success Criteria）、技術(shù)支持（Sufficient and Advisory Techniques）。這些指南共同工作，以提供更易于訪問的網(wǎng)頁內(nèi)容。在WCAG中，四大整體原則——可感知、可操作、可理解、穩(wěn)定性構(gòu)成了網(wǎng)頁無障礙的基礎(chǔ)。一般性準(zhǔn)則居于整體原則之下，WCAG提供了12個(gè)一般性準(zhǔn)則，指出了開發(fā)者應(yīng)該為不同類型的殘障人創(chuàng)建易于訪問的網(wǎng)頁內(nèi)容應(yīng)達(dá)到的基本目標(biāo)。這些準(zhǔn)則是不可直接測試的，但它們提供了框架和整體目標(biāo)，使開發(fā)者能夠通過了解成功標(biāo)準(zhǔn)更好地實(shí)現(xiàn)該技術(shù)。WCAG中定義了3種一致性水平，由低到高分別為A、AA和AAA。對每條一般性準(zhǔn)則和成功標(biāo)準(zhǔn)，WCAG同時(shí)提供了一個(gè)廣泛的技術(shù)支持。WCAG鼓勵開發(fā)者盡其所能，遵循以上所有層次的指南，考慮盡可能廣泛的技術(shù)支持，從當(dāng)前最佳的網(wǎng)站無障礙建設(shè)中尋找相關(guān)建議，以使網(wǎng)站達(dá)到最大限度的可訪問性。

2移動網(wǎng)站最佳實(shí)踐分析

W3C于2008年出臺移動網(wǎng)站最佳實(shí)踐MWBP，旨在提高使用移動設(shè)備訪問網(wǎng)站時(shí)的用戶體驗(yàn)。在MWBP中，主要從5個(gè)方面闡述了移動網(wǎng)站最佳實(shí)踐，分別是整體行為、導(dǎo)航和鏈接、頁面布局和內(nèi)容、頁面定義、用戶輸入。2010年W3C又出臺了移動網(wǎng)站應(yīng)用設(shè)計(jì)最佳實(shí)踐MWABP，該實(shí)踐從應(yīng)用數(shù)據(jù)、安全與隱私、資源利用、用戶體驗(yàn)、內(nèi)容傳送等方面提出針對移動網(wǎng)站應(yīng)用設(shè)計(jì)的一些最佳建議。

由于MWBP和MWABP分別是基于2008年和2010年以前的移動網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn)總結(jié)，針對當(dāng)時(shí)的移動終端（數(shù)據(jù)處理存儲能力低、實(shí)體鍵盤交互）、移動網(wǎng)絡(luò)（2G網(wǎng)絡(luò)，數(shù)據(jù)傳輸速度和內(nèi)容有限）提出的，成為當(dāng)時(shí)網(wǎng)絡(luò)環(huán)境下提升移動網(wǎng)站用戶體驗(yàn)的參考指南。然而當(dāng)前的網(wǎng)絡(luò)環(huán)境較之前已經(jīng)發(fā)生了巨大改變，移動用戶通過移動智能終端設(shè)備訪問網(wǎng)頁的內(nèi)容（主要指技術(shù)層面的標(biāo)記語言）、交互方式、成本等均有改變，MWBP和MWABP是否完全適用于當(dāng)前的移動互聯(lián)網(wǎng)是個(gè)值得探討的問題。本文認(rèn)為：既然MWBP和MWABP代表了當(dāng)時(shí)的移動網(wǎng)站最佳實(shí)踐經(jīng)驗(yàn)，若能總結(jié)出當(dāng)前移動互聯(lián)網(wǎng)環(huán)境下的移動網(wǎng)站最佳實(shí)踐經(jīng)驗(yàn)并將其與MWBP和MWABP進(jìn)行對比，若一致說明該實(shí)踐經(jīng)驗(yàn)仍適用于當(dāng)前網(wǎng)絡(luò)環(huán)境，反之則不適用。為發(fā)現(xiàn)當(dāng)前移動互聯(lián)網(wǎng)環(huán)境下的最佳移動網(wǎng)站實(shí)踐，本文根據(jù)流量排名網(wǎng)站Alexa，選出全球排名前20的網(wǎng)站，去除不可訪問和同一網(wǎng)站的不同版本后，得到參與測試的網(wǎng)站如表1所示：

表1測試網(wǎng)站列表

網(wǎng)站名稱網(wǎng)站域名網(wǎng)站類型排名網(wǎng)站名稱網(wǎng)站域名網(wǎng)站類型排名GoogleGooglecom搜索引擎1領(lǐng)英Linkedincom社交網(wǎng)站〖〗12百度Baiducom搜索引擎4Windows LiveLivecom搜索引擎〖〗13雅虎Yahoocom門戶網(wǎng)站5新浪Sinacomcn門戶網(wǎng)站14維基Wikipediaorg社交網(wǎng)站6微博Weibocom社交網(wǎng)站〖〗15亞馬遜Amazoncom購物網(wǎng)站7天貓Tmallcom購物網(wǎng)站17淘寶Taobaocom購物網(wǎng)站9易貝Ebaycom購物網(wǎng)站20騰訊Qqcom門戶網(wǎng)站10

移動端設(shè)備主要包括手機(jī)和平板電腦，本文選擇iPhone 5S、New iPad作為測試設(shè)備。由于本文測試網(wǎng)站主要通過瀏覽器訪問，設(shè)備本身以及所選用的操作系統(tǒng)對測試目標(biāo)不會造成影響，因此測試結(jié)果對于其他的移動設(shè)備依然適用。此外，本文主要采用工具檢測，不會受到較大主觀因素的影響，但為保證檢驗(yàn)結(jié)果的嚴(yán)謹(jǐn)性和完整性，保證測試問題沒有遺漏，作者3人分別訪問了上述13個(gè)網(wǎng)站，最終將檢測結(jié)果進(jìn)行匯總，并將訪問結(jié)果與MWBP和MWABP規(guī)范進(jìn)行對比，從而分析MWBP和MWABP在當(dāng)前移動互聯(lián)網(wǎng)環(huán)境下的適用性。根據(jù)對比結(jié)果，將產(chǎn)生的沖突分為明顯性沖突和潛在性沖突，明顯性沖突是指通過移動設(shè)備訪問上述移動網(wǎng)站站點(diǎn)后頁面呈現(xiàn)與MWBP和MWABP確定不一致的情況，潛在性沖突指通過移動設(shè)備訪問上述移動網(wǎng)站站點(diǎn)后頁面呈現(xiàn)與MWBP和MWABP部分不一致的情況。

2明顯性沖突

（1）為導(dǎo)航菜單和頻繁訪問的功能提供快捷鍵

MWBP指出，應(yīng)該為頻繁訪問的鏈接分配快捷鍵。本次測試均采用觸屏設(shè)備，無實(shí)體鍵，且移動終端采用多點(diǎn)觸控交互，用戶通過手指點(diǎn)擊即可訪問相應(yīng)內(nèi)容，無需采用實(shí)體按鍵逐個(gè)選取，因此快捷鍵的設(shè)置不再成為必須。MWABP也并未對移動端的觸屏訪問網(wǎng)絡(luò)提出相關(guān)的最佳設(shè)計(jì)建議。

（2）不要依賴Cookies

MWBP指出，很多設(shè)備不支持Cookies，建議不要依賴Cookies，而MWABP中則開始建議適量地使用Cookies。現(xiàn)如今各大瀏覽器（如UC瀏覽器、QQ瀏覽器、百度瀏覽器、Safari Mobile等）都能夠很好地支持Cookies，合理使用Cookies有助于記錄用戶訪問信息，簡化用戶登錄過程等，極大提升用戶訪問網(wǎng)站的體驗(yàn)。

（3）盡可能避免自由文本輸入

MWBP指出，考慮到移動設(shè)備的輸入限制，界面必須盡可能減少用戶的輸入。實(shí)際測試過程中，各網(wǎng)站均提供需要輸入自由文本的輸入框、登錄框、用戶評論等控件。借助于設(shè)備的性能和輸入法軟件的便捷，移動設(shè)備的輸入限制已經(jīng)大大降低。

（4）創(chuàng)建鏈接，表單和對象的邏輯順序

MWBP指出，應(yīng)創(chuàng)建網(wǎng)頁各區(qū)域和對象的邏輯順序，即Tab鍵順序。本次測試均采用觸屏設(shè)備，無實(shí)體Tab鍵。同快捷鍵設(shè)置類似，由于當(dāng)前的移動終端通過觸摸點(diǎn)擊訪問，因此Tab鍵的訪問不再成為必須。

2潛在性沖突

（1）在頁面頂部提供最小化導(dǎo)航

MWBP指出，用戶應(yīng)該在頁面加載后未滾動的情況下見到頁面內(nèi)容，為此應(yīng)該將最基本的導(dǎo)航放置頁面頂部。在檢測結(jié)果中，導(dǎo)航的位置根據(jù)網(wǎng)站類型的不同，體現(xiàn)出較大的差異性：對門戶網(wǎng)站而言，置頂顯示的是導(dǎo)航；對購物網(wǎng)站和搜索引擎而言，置頂突出顯示的卻多是站內(nèi)搜索框。

（2）文本輸入模型，語言/輸入格式等

MWBP指出，一些標(biāo)記語言允許指定一個(gè)輸入模式，如只能允許輸入數(shù)字、字母等，但這依賴于標(biāo)記語言。在實(shí)際測試過程中并沒有發(fā)現(xiàn)這樣的限制，而現(xiàn)有輸入檢測是通過腳本如Ajax進(jìn)行檢測。

（3）不要依賴嵌入式對象或腳本

MWBP認(rèn)為，許多移動設(shè)備不支持嵌入式對象或腳本，并且使用腳本會增加設(shè)備的能耗，因此要減少嵌入式對象和腳本的使用。在實(shí)際測試中，頁面普遍嵌有音頻、視頻等多媒體對象，并在控件輸入有效性檢測方面使用腳本進(jìn)行檢測。

根據(jù)分析結(jié)果，MWBP提到的60條最佳實(shí)踐列表中，共有4條明顯不適合、3條可能不適合當(dāng)前移動互聯(lián)網(wǎng)環(huán)境，MWABP所提到的34條最佳實(shí)踐基本符合當(dāng)前移動互聯(lián)網(wǎng)環(huán)境的要求。從分析結(jié)果來看，MWBP中沖突的幾點(diǎn)準(zhǔn)則大多是由于設(shè)備的變化所致，即這些準(zhǔn)則無法適用于當(dāng)前設(shè)備，在為當(dāng)前的觸屏移動智能終端創(chuàng)建移動網(wǎng)站時(shí)可以不加考慮。MWBP剩余的53條最佳實(shí)踐列表包含的設(shè)計(jì)原則及技術(shù)細(xì)節(jié)，如確保內(nèi)容在移動環(huán)境中可用、使用樣式表而不是表格控制頁面布局、使用言簡意賅的頁面標(biāo)題等，則是具有普適性的或?qū)儆赪eb標(biāo)準(zhǔn)技術(shù)范疇的指導(dǎo)原則，這些實(shí)踐準(zhǔn)則與MWABP實(shí)踐準(zhǔn)則都對當(dāng)前移動網(wǎng)站設(shè)計(jì)仍具有指導(dǎo)意義。

3移動網(wǎng)站無障礙設(shè)計(jì)準(zhǔn)則

由上面的分析可知，WCAG提出了有關(guān)網(wǎng)頁內(nèi)容無障礙的設(shè)計(jì)標(biāo)準(zhǔn)，但是WCAG提出時(shí)主要是面向桌面端網(wǎng)頁設(shè)計(jì)，由于移動設(shè)備與桌面端設(shè)備差距較大，這些標(biāo)準(zhǔn)對于移動端網(wǎng)頁設(shè)計(jì)不具備針對性，而MWBP和MWABP則是針對移動端網(wǎng)站設(shè)計(jì)提出的最佳實(shí)踐，并未完全達(dá)到信息無障礙設(shè)計(jì)標(biāo)準(zhǔn)。這兩類標(biāo)準(zhǔn)都各具側(cè)重點(diǎn)，但又不能單獨(dú)作為移動網(wǎng)站無障礙設(shè)計(jì)的參考標(biāo)準(zhǔn)，所以本文結(jié)合WCAG、MWBP和MWABP對移動網(wǎng)站無障礙設(shè)計(jì)相關(guān)的準(zhǔn)則進(jìn)行分析和總結(jié)。

1導(dǎo)航和鏈接

頁面導(dǎo)航包括導(dǎo)航和定位，其中導(dǎo)航為用戶提供在網(wǎng)站中的操作路徑，定位告知用戶目前所處的位置。從無障礙角度說，良好的頁面導(dǎo)航不僅要有良好的視覺導(dǎo)航設(shè)計(jì)，還需能夠被各類輔助技術(shù)所識別。借助于頁面導(dǎo)航，用戶可以順利地在網(wǎng)站中進(jìn)行網(wǎng)頁瀏覽。表2為總結(jié)的有關(guān)導(dǎo)航與鏈接的網(wǎng)頁設(shè)計(jì)指南：

3中國殘疾人服務(wù)網(wǎng)問題分析

自網(wǎng)站無障礙提出以來，各國組織都積極按照網(wǎng)站無障礙標(biāo)準(zhǔn)進(jìn)行網(wǎng)站設(shè)計(jì)，我國許多政府、殘疾人網(wǎng)站也達(dá)到了無障礙建設(shè)的標(biāo)準(zhǔn)。而現(xiàn)有無障礙標(biāo)準(zhǔn)均針對桌面網(wǎng)站而言，沒有考慮通過移動終端訪問網(wǎng)頁的情況，因此需表5用戶交互設(shè)計(jì)準(zhǔn)則

設(shè)計(jì)準(zhǔn)則參考來源指定一個(gè)默認(rèn)的文字輸入模式，語言和/或輸入格式，如果設(shè)備支持的話。標(biāo)簽與引導(dǎo)信息。需要用戶輸入時(shí)，需要提供明確的標(biāo)簽或引導(dǎo)信息WCAG-用戶請求后再做出變化WCAG-對界面元素定義明確的名稱和功能以保證瀏覽器和輔助技術(shù)的工作表現(xiàn)WCAG-優(yōu)化應(yīng)用程序的啟動時(shí)間MWABP-351減少感觀上的延遲MWABP-設(shè)計(jì)多種交互方式MWABP-要分析通過移動終端訪問網(wǎng)頁時(shí)的可訪問性問題。為此，本文以中國殘疾人服務(wù)網(wǎng)為例，通過移動終端訪問網(wǎng)頁來分析其可訪問性問題。中國殘疾人服務(wù)網(wǎng)由中國殘疾人聯(lián)合會信息中心所主辦，在殘疾人網(wǎng)站中擁有最高的日均瀏覽量，該網(wǎng)站提供了無障礙網(wǎng)頁瀏覽，選取該網(wǎng)站進(jìn)行測試具有較強(qiáng)的代表性。通過使用移動終端對中國殘疾人服務(wù)網(wǎng)的訪問，發(fā)現(xiàn)的問題主要如下：

1可讀性問題

在實(shí)際訪問中，移動終端完整呈現(xiàn)了網(wǎng)頁所有內(nèi)容，并通過縮放將適宜于桌面設(shè)備屏幕的頁面呈現(xiàn)在尺寸有限的移動終端設(shè)備，這樣造成了頁面內(nèi)容極差的可讀性，用戶不得不通過反復(fù)的頁面縮放、拖動等操作才能正常瀏覽內(nèi)容。

2可操作性問題

頁面縮小至移動終端屏幕大小同時(shí)也帶來了可操作性方面的問題，頁面縮小后導(dǎo)航、鏈接、可交互組件等均隨之縮小，用戶為完成某一操作需要反復(fù)的頁面縮放、拖動等操作，極大降低了用戶訪問網(wǎng)站的體驗(yàn)。

通過采用移動終端對中國殘疾人服務(wù)網(wǎng)的訪問，發(fā)現(xiàn)遵循WCAG的無障礙網(wǎng)頁設(shè)計(jì)在移動端也能有較好的表現(xiàn)，如改變頁面顏色對比度、圖片的非文本元素等能被移動終端的讀屏軟件識別等，當(dāng)前存在的最大問題在于網(wǎng)頁在小屏幕上顯示時(shí)造成的可讀性和可操作性問題。

2無障礙網(wǎng)站的具體設(shè)計(jì)

在總結(jié)移動網(wǎng)站無障礙設(shè)計(jì)準(zhǔn)則后，本文對中國殘疾人服務(wù)網(wǎng)進(jìn)行了面向移動終端的無障礙網(wǎng)站設(shè)計(jì)實(shí)踐。比如，在原始頁面中，由于瀏覽器的縮放機(jī)制，所有頁面內(nèi)容擠壓在狹窄的屏幕中，用戶為獲取其想查閱的內(nèi)容，須經(jīng)過縮放、拖動等復(fù)雜操作才能定位，這對正常人來說已經(jīng)非常不便，對殘障人士更是困難。改進(jìn)后，頁面自動適配屏幕空間。對像iPhone這類屏幕空間有限的智能手機(jī)，所有內(nèi)容進(jìn)行列表式呈現(xiàn)，用戶只需上下滾動操作即能清晰瀏覽內(nèi)容；對像iPad之類空間較大的平板電腦，頁面充分利用屏幕空間，進(jìn)行多欄現(xiàn)實(shí)，減少用戶操作步驟，如圖1所示。

另外，問卷頁面會涉及大量交互操作，同首頁類似，頁面縮放導(dǎo)致操作繁瑣，給用戶完成問卷操作帶來極大困難；無法清晰呈現(xiàn)問卷結(jié)構(gòu)，用戶無法了解更多問卷信息。改進(jìn)后，根據(jù)準(zhǔn)則為頁面增加導(dǎo)航定位，對頁面信息采用漸進(jìn)式呈現(xiàn)，使用戶能首先快速了解問卷結(jié)構(gòu)，同時(shí)細(xì)節(jié)信息逐次展開，無需放大、拖動等操作即可獲取信息，快速完成頁面填寫操作。如圖2所示。

以上的頁面改進(jìn)是按照 3節(jié)所提出來的設(shè)計(jì)規(guī)范進(jìn)行的，除了這兩個(gè)實(shí)例，我們還對其他頁面進(jìn)行了改進(jìn)，并對改進(jìn)后的網(wǎng)站從主觀和客觀兩個(gè)維度進(jìn)行了無障礙測評。主觀來看，本文根據(jù)總結(jié)的移動網(wǎng)站無障礙設(shè)計(jì)準(zhǔn)則對網(wǎng)頁進(jìn)行重新設(shè)計(jì)，使頁面更加適合于移動終端的閱讀和操作，無論是正常人還是殘障人用戶，均能通過移動終端更加方便、快捷地獲取網(wǎng)頁信息；從客觀來看，改進(jìn)后的網(wǎng)站通過了信息無障礙檢測工具的檢測，達(dá)到了無障礙的要求，也就是改進(jìn)后的網(wǎng)頁內(nèi)容能被讀屏軟件所識別，方便那些需要借助讀屏軟件的視障人士來獲取頁面內(nèi)容信息。本文采用iOS系統(tǒng)自帶讀屏功能VoiceOver對網(wǎng)頁進(jìn)行測試，達(dá)到了網(wǎng)頁所有內(nèi)容尤其是圖片能被讀屏軟件識別的要求。

4總結(jié)與展望

本文主要從設(shè)計(jì)和技術(shù)角度研究了移動互聯(lián)網(wǎng)環(huán)境下無障礙網(wǎng)站的設(shè)計(jì)，通過將移動網(wǎng)站最佳實(shí)踐MWBP、移動網(wǎng)站應(yīng)用最佳實(shí)踐 MWABP與現(xiàn)今全球排名最高的網(wǎng)站進(jìn)行對比，對這兩個(gè)最佳設(shè)計(jì)實(shí)踐在當(dāng)前網(wǎng)絡(luò)環(huán)境下的適圖2問卷頁改進(jìn)前后對比

用性進(jìn)行了分析。并參考MWBP、MWABP中提出的移動網(wǎng)站設(shè)計(jì)的最佳實(shí)踐準(zhǔn)則，以及WCAG中提出的網(wǎng)頁無障礙設(shè)計(jì)標(biāo)準(zhǔn)，總結(jié)歸納出了可適應(yīng)于移動網(wǎng)站無障礙設(shè)計(jì)的相關(guān)標(biāo)準(zhǔn)，并以此標(biāo)準(zhǔn)對中國殘疾人服務(wù)網(wǎng)進(jìn)行了具體的設(shè)計(jì)改進(jìn)，驗(yàn)證了該移動網(wǎng)站無障礙設(shè)計(jì)標(biāo)準(zhǔn)的實(shí)踐性。本文針對移動端網(wǎng)站無障礙的研究，不僅為移動網(wǎng)站的無障礙設(shè)計(jì)提供了參考，同時(shí)也能對基于網(wǎng)頁框架開發(fā)的應(yīng)用設(shè)計(jì)提供指導(dǎo)。

雖然本文的研究對于移動無障礙網(wǎng)站的建設(shè)有幫助，但本文主要是基于MWBP、MWABP和WCAG這些上層指導(dǎo)性規(guī)范進(jìn)行的探討，并沒有對網(wǎng)站建設(shè)所需用到的一些底層通用技術(shù)支持標(biāo)準(zhǔn)如HTML5、CSS、SMIL等進(jìn)行分析，這是在以后進(jìn)行更全面和深入的研究中需要做的工作。

參考文獻(xiàn)

[1]Wheaton，J.，& Bertini，P.Web Accessibility in Europe and the United States：What We Are Doing to Increase Inclusion[J].Rehabilitation Education，2007，21（4）：259-268.

[2]Savi，C.，Savenye，W.，& Rowland，C.The Effects of Implementing Web Accessibility Standards on the Success of Secondary Adolescents[J].Journal of Educational Multimedia and Hypermedia，2008，17（3）：387-411.

[3]孫禎祥，張家年，王靜生.我國信息無障礙運(yùn)動研究綜述[J].圖書情報(bào)工作，2007，（11）：71-74.

[4]徐恩元，張.我國信息無障礙建設(shè)進(jìn)程探究[J].圖書館論壇，2009，（6）：237-240，246.

[5]OGrady，L.Accessibility compliance rates of consumer-oriented Canadian health care Web sites[J].Medical Informatics & The Internet In Medicine，2005，30（4）：287-295.

[6]Martínez，AB.，De Andrés，J.，& García，J.Determinants of the Web accessibility of European banks[J].Information Processing & Management，2014，50（1）：69-86.

[7]Goodwin，M.，Susar，D.，Nietzio，A.，Snaprud，M.，& Jensen，CS..Global Web Accessibility Analysis of National Government Portals and Ministry Web Sites[J].Journal of Information Technology & Politics，2011，8（1）：41-67.

[8]孫禎祥，文劍平.中文網(wǎng)站無障礙評價(jià)模型探析[J].圖書情報(bào)工作，2008，（9）：17-20.

[9]王靜生，張家年.基于信息平等的我國省級電子政務(wù)網(wǎng)站無障礙研究[J].圖書情報(bào)工作，2008，（9）：13-16.

[10]李浚.圖書館網(wǎng)站無障礙問題調(diào)查及解決策略[J].現(xiàn)代圖書情報(bào)技術(shù)，2011，（11）：78-83.

[11]Friedman，MG.，& Bryen，D.Web accessibility design recommendations for people with cognitive disabilities[J].Technology & Disability，2007，19（4）：205-212.

[12]Lopes，R.，& Carrio，L.Macroscopic characterisations of Web accessibility[J].New Review of Hypermedia & Multimedia，2010，16（3）：221-243.

[13]Linaje，M.，Lozano-Tello，A.，Perez-Toledano，MA.，Preciado，J.，Rodriguez-Echeverria，R.，& Sanchez-Figueroa，F(xiàn).Providing RIA user interfaces with accessibility properties[J].Journal of Symbolic Computation，2011，46（2）：207-217.

[14]袁俊，王成良，譚明紅.建設(shè)無障礙網(wǎng)站的Web可訪問性設(shè)計(jì)原則及技術(shù)[J].重慶大學(xué)學(xué)報(bào)：自然科學(xué)版，2007，（7）：109-112.

[15]王雅溪.針對視障用戶的網(wǎng)絡(luò)界面無障礙設(shè)計(jì)探索[D].武漢：武漢理工大學(xué)，2009.

[16]趙英，張培賓.針對視障人士的Web無障礙網(wǎng)站標(biāo)準(zhǔn)及設(shè)計(jì)研究[J].情報(bào)雜志，2010，（4）：138-141，168.