老年視障人士信息無障礙網(wǎng)站設(shè)計
2018-02-09 03:28:34章夢玄
中國老年學(xué)雜志 2018年2期
趙 英 章夢玄
(四川大學(xué)公共管理學(xué)院信息管理系，四川 成都 610065)
1997年萬維網(wǎng)聯(lián)盟W3C(World Wide Web Consortium)就提出了信息無障礙的理念，所謂的“信息無障礙”，其宗旨在于利用不斷發(fā)展的信息技術(shù)，消除人們因某些生理功能退化或喪失而在信息獲取過程中存在的障礙，以便他們可以更加方便地獲取信息及完整地進(jìn)行交互〔1〕。聯(lián)合國對此給出的定義是：“信息的獲取和使用對于不同的人群應(yīng)有平等的機(jī)會和差異不大的成本”，同時還具體列出了4種信息無障礙應(yīng)面向的人群〔2，3〕，其中一種就涉及身體功能喪失或弱化的人群。國外對無障礙網(wǎng)站的研究主要側(cè)重兩方面：一是無障礙標(biāo)準(zhǔn)的研究，如Rmen等〔4〕對WCAG1.0和WCAG2.0標(biāo)準(zhǔn)進(jìn)行比較研究，并提出現(xiàn)有標(biāo)準(zhǔn)還不足以保證網(wǎng)站的完全無障礙化，在未來無障礙準(zhǔn)則中應(yīng)擴(kuò)大其定義范疇；Vigo等〔5〕就如何塑造未來網(wǎng)站易讀性指標(biāo)進(jìn)行了討論，希望制定一種兼顧有效性、可靠性、靈敏度、充分性和復(fù)雜性的無障礙網(wǎng)頁框架。二是具體的測評研究，如Lazar等〔6〕使用508指導(dǎo)方針和WCAG對大西洋美國50個網(wǎng)站進(jìn)行可評估測試，并對所存在的問題做出了改進(jìn)修復(fù)。Craven等〔7〕使用基于任務(wù)的研究方法對網(wǎng)站進(jìn)行無障礙性測評，最后分析研究得出一個可用于集中評估網(wǎng)站無障礙性程度的概率模型。國內(nèi)研究起步相對較晚，但依然取得了一定研究成果。趙英等〔1〕對信息無障礙網(wǎng)站設(shè)計的標(biāo)準(zhǔn)進(jìn)行了探討研究，指出了掌握W3C標(biāo)準(zhǔn)對構(gòu)建合理無障礙網(wǎng)站的重要性，并提出了相應(yīng)的理論指導(dǎo)意見；孫禎祥等〔8〕參考WCAG標(biāo)準(zhǔn)針對中文網(wǎng)站的特點，提出了中文無障礙網(wǎng)站評價模型的指標(biāo)體系。湯恒耀等〔9〕提出了利用Web日志挖掘技術(shù)對用戶的訪問模式及興趣進(jìn)行分析，從而實現(xiàn)智能化、個性化的網(wǎng)站無障礙訪問的構(gòu)想；張曉忠等〔10〕對語音合成技術(shù)進(jìn)行了相關(guān)的研究，認(rèn)為這項技術(shù)能夠使有視覺障礙的人快速高效地獲取到想要的信息，從而實現(xiàn)Web頁面的無障礙化；駱堅〔11〕希望通過服務(wù)器訪問對用戶瀏覽目標(biāo)網(wǎng)站的網(wǎng)頁進(jìn)行處理，使之本地化，并借助間接代理技術(shù)實現(xiàn)網(wǎng)頁的無障礙瀏覽。本研究基于WCAG2.0標(biāo)準(zhǔn)對面向老年視障人士的網(wǎng)站進(jìn)行具體的無障礙設(shè)計。
1 無障礙網(wǎng)站建設(shè)標(biāo)準(zhǔn)
目前涉及的相關(guān)標(biāo)準(zhǔn)中使用最廣泛的是WCAG標(biāo)準(zhǔn)，它是W3C組織針對網(wǎng)頁無障礙建設(shè)提出的規(guī)范標(biāo)準(zhǔn)，目的是讓所有人都能夠無障礙地使用互聯(lián)網(wǎng)。WCAG1.0于1999年推出，它基于網(wǎng)頁內(nèi)容的良好呈現(xiàn)和清晰化導(dǎo)航的原則提出了14項指導(dǎo)性準(zhǔn)則，并針對網(wǎng)頁內(nèi)容的無障礙性檢測劃分了3個優(yōu)先級，涵蓋65個可訪問性檢測點。2008年提出的WCAG 2.0考慮到Web2.0技術(shù)更多的個性化交互式應(yīng)用，將內(nèi)容主要歸納為可感知性、可操作性、可理解性及兼容性4個原則，提供61個衡量標(biāo)準(zhǔn)，將原先“優(yōu)先級”重新定義為“級別”，由低到高分別為Level A、Level AA、 Level AAA〔12〕。雖然兩個版本目前都可使用，但還是建議開發(fā)設(shè)計人員在開發(fā)和升級內(nèi)容中使用WCAG2.0標(biāo)準(zhǔn)，因為相對于WCAG1.0，WCAG2.0適用性更廣泛，在針對不同類型的Web技術(shù)和更高級的應(yīng)用等方面更具條理化。除了WCAG標(biāo)準(zhǔn)外，還有一些輔助技術(shù)的相關(guān)標(biāo)準(zhǔn)，如：WAI-ARIA無障礙富聯(lián)網(wǎng)應(yīng)用：增加內(nèi)容的可訪問性；ATAG：開發(fā)工具易訪問性規(guī)范；UAAG：用戶代理易用性規(guī)范。WCAG2.0標(biāo)準(zhǔn)涵蓋廣泛，基本包含了網(wǎng)站內(nèi)容無障礙所涉及的所有問題。
2 老年人網(wǎng)站的無障礙性
要實現(xiàn)老年人網(wǎng)站的無障礙設(shè)計，就必須了解現(xiàn)有一般老年網(wǎng)站與標(biāo)準(zhǔn)化下的無障礙網(wǎng)站存在哪些不同，使用了網(wǎng)頁易用性檢測軟件AChecker對國內(nèi)多個老年人網(wǎng)站進(jìn)行無障礙測評，并對測評出的問題進(jìn)行了整理歸類。AChecker提供了基于WCAG2.0標(biāo)準(zhǔn)的檢測方式，同時還提供了多種方便的網(wǎng)頁檢測途徑，如URL地址輸入、HTML文檔導(dǎo)入、網(wǎng)頁源代碼導(dǎo)入等。
2.1測評出的問題分布情況 網(wǎng)站首頁作為網(wǎng)站服務(wù)內(nèi)容的入口，其無障礙化程度能夠較為直接反映整個網(wǎng)站的無障礙建設(shè)情況，8個較有代表性的老年人網(wǎng)站首頁檢測問題個數(shù)如下：老小孩111個、老人網(wǎng)369個、樂齡網(wǎng)158個、中國老齡網(wǎng)107個、中國老齡門戶103個、家有老人網(wǎng)260個、中華老人網(wǎng)48個全國離退休人才網(wǎng)20個。
由于各網(wǎng)站間內(nèi)容存在一定的差異性，因此檢測出的問題數(shù)也會有所不同，不能把問題數(shù)量的多少看作反映網(wǎng)站無障礙建設(shè)好壞的唯一標(biāo)準(zhǔn)，還需參照問題類型數(shù)才能準(zhǔn)確評判網(wǎng)站的無障礙性。老小孩網(wǎng)和中國老齡門戶問題類型數(shù)最少(各4種)，而老年人網(wǎng)問題類型數(shù)最多(18種)，涵蓋的問題類型比較全面，適合用來作為無障礙網(wǎng)站的改進(jìn)。樂齡網(wǎng)13種、家有老人網(wǎng)15種，其余3個網(wǎng)各9種。
常見問題的分布為顏色對比度不符合63%、圖片元素確實alt屬性22%、font字體問題5%、鼠標(biāo)事件處理3%、Text元素缺少關(guān)聯(lián)標(biāo)簽3%、文檔語言問題2%、標(biāo)簽為空問題1%、其他1%。
2.2測評出的具體問題
2.2.1圖片問題 為保障有視力障礙的老年人在使用讀屏軟件時能正常獲取相關(guān)信息，WCAG2.0標(biāo)準(zhǔn)中要求必須為圖片、語音等非文本內(nèi)容提供替代文本。如
代碼中未提供alt屬性對圖片進(jìn)行文本替代說明，那么當(dāng)該圖片因某些原因無法正常顯示或者讀屏軟件讀到此圖時，用戶就無法準(zhǔn)確獲取圖片內(nèi)容信息。另外有些功能圖片與背景圖片混在一起，特別是某些圖片中含有文本信息時，用戶便無法準(zhǔn)確判定內(nèi)容與圖片的關(guān)聯(lián)性。
2.2.2鏈接問題 網(wǎng)頁中存在一些類似“更多”這樣的通用鏈接，由于此類鏈接的信息量不足，對于視障人士來說存在一定的不可預(yù)見性，由于老年人對新鮮事物存在防備心理，導(dǎo)致他們不會輕易點擊此類鏈接，因此必須為這類鏈接提供清晰的文字?jǐn)⑹?，可通過title屬性明確此鏈接的內(nèi)容，如。另外鏈接顏色對比度問題占絕大多數(shù)，WCAG2.0標(biāo)準(zhǔn)規(guī)定文本視覺呈現(xiàn)和文本圖像至少要有4.5∶1的對比度，而檢測中許多鏈接的文字與背景色的對比度并不高，這會使老年視障人士無法理解這些顏色所代表的含義，甚至根本無法看清網(wǎng)頁內(nèi)容。
2.2.3onfoucs和onblur事件處理 Javascript網(wǎng)頁特效的使用豐富了網(wǎng)頁的內(nèi)容與表現(xiàn)形式，但是現(xiàn)有的基本都是基于對鼠標(biāo)事件操作的處理，即只設(shè)置了onmouseover和onmouseout事件處理而沒有設(shè)置基于鍵盤的onfoucs和onblur事件處理，這對習(xí)慣使用鍵盤進(jìn)行交互的視障人士來說是個障礙，WCAG2.0規(guī)定所有的網(wǎng)頁操作必須都能通過鼠標(biāo)完成。
2.2.4文檔語言標(biāo)記 網(wǎng)頁內(nèi)容可通過lang屬性設(shè)定多種國家語言，這點對于無障礙網(wǎng)站來說非常重要，因為視障人士使用的讀屏軟件只能識別設(shè)置好的語言，當(dāng)網(wǎng)站中包含多種語言而又未進(jìn)行設(shè)置說明時，讀屏軟件就有無法有效地進(jìn)行不同語言的信息轉(zhuǎn)換，大大降低了網(wǎng)頁內(nèi)容的可讀性。如中就缺少lang屬性，標(biāo)準(zhǔn)化格式應(yīng)為，只有這樣讀屏軟件才能正確識別英文。
2.2.5Lable標(biāo)簽缺失或文本為空 Lable標(biāo)簽的使用能讓瀏覽器自動聚焦到相關(guān)的表單組件上，從檢測結(jié)果可知，很多網(wǎng)頁組件并未設(shè)置Lable標(biāo)簽或標(biāo)簽文本為空，當(dāng)老年視障人士將交互焦點移到指定組件上時，讀屏軟件無法準(zhǔn)確對其進(jìn)行定位和獲取，用戶也就無法判斷此操作的意義。如下例所示，當(dāng)視障人士在進(jìn)行“性別”的選擇時，讀屏軟件對“男性”(未設(shè)置lable)這個選項無法準(zhǔn)確判知是否選中了。
。除了以上主要問題外，還有一些問題會給老年視障人士的網(wǎng)頁瀏覽帶來不便，如：未提供跳過模塊項功能，不利于快速閱讀；實時更新信息的滾動速度過快，對老年視障人來說瀏覽時間過短；沒有為視頻文件提供語音描述或是同步的旁白說明，不利于用戶完整了解視頻內(nèi)容；頁面刷新導(dǎo)致讀屏軟件回到網(wǎng)頁最初焦點，使視障人士產(chǎn)生混亂感等。上述提到的這些問題，對于正常人的網(wǎng)頁瀏覽基本不會造成太大影響，但是對于那些存在視障問題的老年人則不然，因此接下來的研究就是針對這些問題，提出對網(wǎng)站改進(jìn)的具體措施和方案。3 面向老年視障人士的無障礙網(wǎng)站設(shè)計開發(fā)
3.1網(wǎng)站無障礙化的改進(jìn)方案 基于WCAG2.0的設(shè)計理念，結(jié)合前面具體問題的分析結(jié)果，選擇對“老年人網(wǎng)”進(jìn)行系統(tǒng)化改進(jìn)，將其建設(shè)為一個面向老年視障人士的無障礙網(wǎng)站。
3.1.1網(wǎng)站整體設(shè)計的改進(jìn)措施 ①網(wǎng)站結(jié)構(gòu)及部分功能改進(jìn)：合理的網(wǎng)站結(jié)構(gòu)及功能設(shè)計意味著良好的用戶體驗，過于混亂的結(jié)構(gòu)會讓用戶產(chǎn)生厭煩心理甚至放棄瀏覽?！袄夏耆司W(wǎng)”布局過于復(fù)雜，網(wǎng)頁結(jié)構(gòu)層次太深，項目模塊過多且存在重復(fù)現(xiàn)象，如首頁有關(guān)“養(yǎng)老”話題的相關(guān)鏈接就多達(dá)8個，具體改進(jìn)措施如下：A、將首頁模塊整合精簡，刪除部分沒必要的模塊鏈接；B、遵循“三次點擊”原則(即站內(nèi)的任何頁面都能通過不超過3次的點擊到達(dá))〔13〕重新進(jìn)行設(shè)計；C、網(wǎng)頁布局采用簡單的上中下結(jié)構(gòu)，且保持統(tǒng)一風(fēng)格。此外提供多種文本、圖像的朗讀操作及多種網(wǎng)址獲取方式，比如網(wǎng)址輸入和收藏夾選擇等，各項功能的實現(xiàn)應(yīng)該側(cè)重于按鍵的反饋效果〔14〕。②網(wǎng)站導(dǎo)航設(shè)計的改進(jìn)：網(wǎng)站導(dǎo)航利用良好的邏輯結(jié)構(gòu)和框架將網(wǎng)絡(luò)信息有序化，有利于引導(dǎo)用戶快速有效地瀏覽網(wǎng)頁。其本質(zhì)是一種有效的網(wǎng)絡(luò)信息組織方式，也是用于信息服務(wù)的一種網(wǎng)站功能〔15〕?！袄夏耆司W(wǎng)”的導(dǎo)航設(shè)計不符合視障人士的上網(wǎng)需求，如：導(dǎo)航鏈接過多，雜亂缺乏層次感；風(fēng)格缺乏一致性；沒有設(shè)置跳過導(dǎo)航鏈接等。基于WCAG2.0無障礙標(biāo)準(zhǔn)，老人網(wǎng)的導(dǎo)航應(yīng)該按照如下原則進(jìn)行設(shè)計：A、導(dǎo)航簡潔易用，風(fēng)格統(tǒng)一；B、結(jié)構(gòu)具有很強層次性，體現(xiàn)出網(wǎng)站鮮明的信息組織形式；C、考慮各類用戶需求，實現(xiàn)一定的通用性(快捷鍵的設(shè)置)；D、提供跳過導(dǎo)航功能；E、盡量使用“獨立導(dǎo)航”的方式，將非導(dǎo)航信息刪除。
3.1.2網(wǎng)頁具體內(nèi)容的改進(jìn)措施 ①圖片改進(jìn)措施：A、刪除無實際用處的圖片，如僅供裝飾的圖片；B、提供alt屬性對圖片進(jìn)行文本替代說明，較為復(fù)雜的說明則使用longdesc屬性。②鏈接的改進(jìn)措施：A、刪除部分相關(guān)度較低的鏈接；B、為通用鏈接提供清晰文本說明；C、當(dāng)鏈接目標(biāo)頁面將在新窗口打開時，在鏈接處提供說明 。③有關(guān)顏色的改進(jìn)措施：A、確保網(wǎng)頁中沒有僅依賴顏色提供的信息；B、顏色統(tǒng)一樣式，文本采用對比度最高的白底黑字，顏色采用16進(jìn)位顏色碼而非英文顏色名稱。④文本的改進(jìn)措施：A、文字大小一律16 px或則更大，個別字體除外；B、使用CSS進(jìn)行樣式設(shè)定，不使用Font等屬性單獨設(shè)置；C、避免使用視障人士無法理解的象征性文字或符號；D、強調(diào)文本時使用em或strong等強調(diào)標(biāo)簽，避免使用I/B/Blod等標(biāo)簽。⑤其他措施：A、為javascript網(wǎng)頁特效提供onfoucs和onblur事件處理；B、用語音合成工具為長篇文本內(nèi)容提供相應(yīng)的音頻文件；C、為視頻文件提供說明性質(zhì)的旁白；D、為網(wǎng)頁添加lang屬性指明所用語言，暫設(shè)為zh(中文)，若網(wǎng)頁出現(xiàn)其他語言再另作處理。
3.2網(wǎng)站無障礙化的實現(xiàn) 按照前面的設(shè)計方案，以WCAG2.0規(guī)范為準(zhǔn)則，對“老人網(wǎng)”的首頁和部分二級頁面進(jìn)行了改進(jìn)設(shè)計。其中部分修改內(nèi)容能夠通過肉眼直接看出變化，比如結(jié)構(gòu)布局的簡化、字體的大小等，但是絕大部分的修改內(nèi)容還是需要通過實際的操作才能感受得到變化，如快捷鍵的使用、顏色對比度問題(正常人通過肉眼可能覺得前后沒什么變化，但是對于視障人士則有很大差別)、快速導(dǎo)航及各種圖片和鏈接的內(nèi)容提示功能等。無障礙化改進(jìn)后的網(wǎng)站首頁較之前的結(jié)構(gòu)更加清晰明了，沒有多余的內(nèi)容。文字更大，且顏色對比度有所提高，方面了老年視障人士的閱讀。另外，在導(dǎo)航部分設(shè)置了跳過導(dǎo)航功能，各組件設(shè)置了快捷鍵，有利于快速閱讀。同時所有的鏈接、圖片等組件都添加了文本說明，有利于讀屏軟件的操作。見圖1。
圖1 改進(jìn)前后的首頁
如圖2，當(dāng)用戶點擊某個鏈接進(jìn)行詳細(xì)瀏覽時，改進(jìn)前的頁面會出現(xiàn)很多與鏈接無關(guān)的信息，如購物、游戲等廣告信息，干擾了老年視障人士的閱讀，改進(jìn)后的界面則只呈現(xiàn)與鏈接相關(guān)的內(nèi)容，并且提供全文語音閱讀功能，即用戶不用操作讀屏軟件依次閱讀，只需點擊按鈕便能聽到整篇文章的音頻內(nèi)容。除了肉眼觀察和人工檢測外，通過網(wǎng)頁易用性檢測軟件AChecker，分別基于WCAG2.0(Level A)、WCAG2.0(Level AA)、WCAG2.0(Level AAA)三個級別的標(biāo)準(zhǔn)對“老人網(wǎng)”修改頁面的HTML代碼進(jìn)行了相關(guān)檢測，未檢測出有任何問題，符合WCAG2.標(biāo)準(zhǔn)的要求。
圖2 改進(jìn)前后的文章閱讀頁面
1趙 英，張培賓.針對視障人士的Web無障礙網(wǎng)站標(biāo)準(zhǔn)及設(shè)計研究〔J〕.情報雜志，2010；29(4)：138-41，168.
2張世穎.信息無障礙：概念及其實現(xiàn)途徑〔J〕.山東圖書館學(xué)刊，2010；(5)：37-41.
32014年我市國民經(jīng)濟(jì)和社會發(fā)展統(tǒng)計公報〔N〕.渭南日報，2015-03-270(03).
4R?men D，Svans D.Validating WCAG versions 1.0 and 2.0 through usability testing with disabled users〔J〕.Univ Acc Inform Soc，2012；11(4)：375-85.
5Vigo M，Brajnik G.Automatic web accessibility metrics：where we are and where we can go〔J〕.Interact Comput，2011；23(2)：137-55.
6Lazar J，Beere P，Greenidge KD，etal.Web accessibility in the Mid-Atlantic United States：a study of 50 homepages〔J〕.Univ Acc Inform Soc，2003；2(4)：331-41.
7Craven J，Nietzio A.A task-based approach to assessing the accessibility of web sites〔J〕.Perform Meas Metrics，2007；8(2)：98-109.
8孫禎祥，文劍平.中文網(wǎng)站無障礙評價模型探析〔J〕.圖書情報工作，2008；52(9)：17-20.
9湯恒耀，占曉燕.基于Web日志挖掘的信息無障礙網(wǎng)站設(shè)計研究〔J〕.電腦知識與技術(shù)，2011；7(14)：3261-2.
10張曉忠，張偉紅，王 玉.基于語音技術(shù)的信息無障礙Web頁面實現(xiàn)〔J〕.電腦知識與技術(shù)，2012；8(29)：6939-42.
11駱 堅.運用代理技術(shù)實現(xiàn)互聯(lián)網(wǎng)網(wǎng)頁信息無障礙〔J〕.神州，2012；(3)：220-1，223.
12Web Content Accessibility Guidelines (WCAG)2.0.〔EB/OL〕.http：//www.w3.org/TR/WCAG2.0/
13錢國富，涂穎哲.圖書館網(wǎng)站中的無障礙建設(shè)問題研究〔J〕.大學(xué)圖書館學(xué)報，2004;(5):56-9.
14王雅溪.針對視障用戶的網(wǎng)絡(luò)界面無障礙設(shè)計探索〔D〕.武漢：武漢理工大學(xué)，2009.
15陳子健，孫禎祥.信息無障礙視角下網(wǎng)站的導(dǎo)航設(shè)計〔J〕.圖書情報工作，2008；52(9)：6-18，31.
猜你喜歡
《學(xué)習(xí)方法報》寫作·高一(2024年48期)2024-05-07 09:34:11
科學(xué)導(dǎo)報(2020年70期)2020-11-09 12:53:56
經(jīng)濟(jì)技術(shù)協(xié)作信息(2020年35期)2020-02-28 19:44:29
制造技術(shù)與機(jī)床(2019年10期)2019-10-26 02:48:08
文理導(dǎo)航(2018年28期)2018-12-21 12:35:58
電子制作(2018年18期)2018-11-14 01:48:06
電子制作(2018年10期)2018-08-04 03:24:38
電子制作(2017年2期)2017-05-17 03:54:56
小學(xué)教學(xué)參考(2015年20期)2016-01-15 08:44:38
電子測試(2015年18期)2016-01-14 01:22:58
