章夢(mèng)玄 趙英 范嬌穎

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

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

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

1文獻(xiàn)回顧

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

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

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

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

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

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

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

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

網(wǎng)站是由網(wǎng)頁(yè)集合而成的，網(wǎng)站的內(nèi)容信息主要是以網(wǎng)頁(yè)的形式呈現(xiàn)給用戶。而針對(duì)網(wǎng)頁(yè)的設(shè)計(jì)，W3C出臺(tái)了一系列標(biāo)準(zhǔn)，其中無(wú)障礙方面最重要的是網(wǎng)頁(yè)內(nèi)容無(wú)障礙指南WCAG（Web Content Accessibility Guidelines），該指南是各國(guó)政府制定網(wǎng)站無(wú)障礙法律法規(guī)、技術(shù)標(biāo)準(zhǔn)的重要參考來(lái)源；移動(dòng)網(wǎng)站設(shè)計(jì)方面最重要的是移動(dòng)網(wǎng)站最佳實(shí)踐MWBP（Mobile Web Best Practices）和移動(dòng)網(wǎng)站應(yīng)用最佳實(shí)踐MWABP（Mobile Web Application Best Practice），MWBP和MWABP主要總結(jié)了移動(dòng)網(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)對(duì)MWBP和MWABP在當(dāng)前網(wǎng)絡(luò)環(huán)境適用性進(jìn)行分析。

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

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

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

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

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

表1測(cè)試網(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門(mén)戶網(wǎng)站5新浪Sinacomcn門(mén)戶網(wǎng)站14維基Wikipediaorg社交網(wǎng)站6微博Weibocom社交網(wǎng)站〖〗15亞馬遜Amazoncom購(gòu)物網(wǎng)站7天貓Tmallcom購(gòu)物網(wǎng)站17淘寶Taobaocom購(gòu)物網(wǎng)站9易貝Ebaycom購(gòu)物網(wǎng)站20騰訊Qqcom門(mén)戶網(wǎng)站10

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

2明顯性沖突

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

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

（2）不要依賴Cookies

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

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

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

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

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

2潛在性沖突

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

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

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

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

（3）不要依賴嵌入式對(duì)象或腳本

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

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

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

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

1導(dǎo)航和鏈接

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

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

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

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

1可讀性問(wèn)題

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

2可操作性問(wèn)題

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

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

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

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

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

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

4總結(jié)與展望

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

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

雖然本文的研究對(duì)于移動(dòng)無(wú)障礙網(wǎng)站的建設(shè)有幫助，但本文主要是基于MWBP、MWABP和WCAG這些上層指導(dǎo)性規(guī)范進(jìn)行的探討，并沒(méi)有對(duì)網(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]孫禎祥，張家年，王靜生.我國(guó)信息無(wú)障礙運(yùn)動(dòng)研究綜述[J].圖書(shū)情報(bào)工作，2007，（11）：71-74.

[4]徐恩元，張.我國(guó)信息無(wú)障礙建設(shè)進(jìn)程探究[J].圖書(shū)館論壇，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)站無(wú)障礙評(píng)價(jià)模型探析[J].圖書(shū)情報(bào)工作，2008，（9）：17-20.

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

[10]李浚.圖書(shū)館網(wǎng)站無(wú)障礙問(wèn)題調(diào)查及解決策略[J].現(xiàn)代圖書(shū)情報(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ú)障礙網(wǎng)站的Web可訪問(wèn)性設(shè)計(jì)原則及技術(shù)[J].重慶大學(xué)學(xué)報(bào)：自然科學(xué)版，2007，（7）：109-112.

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

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