基于WCAG2.1的直轄市學(xué)分銀行網(wǎng)站可訪問性研究

于蓓莉 門正興 徐亮 龔宏 張小霞

（成都航空職業(yè)技術(shù)學(xué)院 四川省成都市 610010）

1 引言

構(gòu)建學(xué)分銀行是建設(shè)終身教育體系和學(xué)習(xí)型社會的需要。國家和各級政府長期教育改革和發(fā)展規(guī)劃綱要都要求建立“學(xué)分銀行”制度，搭建終身學(xué)習(xí)“立交橋”，建設(shè)終身教育體系和學(xué)習(xí)型社會。[1]構(gòu)建學(xué)分銀行是滿足國民多元化學(xué)習(xí)和發(fā)展的需要。國家層面、省級層面、市級層面分別建設(shè)了“學(xué)分銀行”網(wǎng)站，以供學(xué)習(xí)者使用[2]。

在網(wǎng)站開發(fā)中，公認(rèn)三大要求為：可用性、可訪問性和可維護(hù)性。創(chuàng)建一個易于訪問的網(wǎng)站首先確保網(wǎng)站的可訪問。可訪問性是指“網(wǎng)站能夠被任何人、通過任何瀏覽技術(shù)進(jìn)行同等訪問，以獲取網(wǎng)站內(nèi)包含的所有信息和功能，并于網(wǎng)站進(jìn)行完全交互的能力的一種特性。”[3]“網(wǎng)站的可訪問性不僅關(guān)系到普通用戶對網(wǎng)頁內(nèi)容的理解，更關(guān)系到殘障用戶是否能夠無障礙地獲取網(wǎng)絡(luò)信息，享受在線服務(wù)。可訪問性對網(wǎng)站來說尤其重要。”[4]

目前國內(nèi)學(xué)術(shù)界對直轄市級別學(xué)分銀行網(wǎng)站的可訪問性研究還處于空白階段。本文以四個直轄市級的學(xué)分銀行網(wǎng)站為研究對象，對其可訪問性進(jìn)行實證研究。

2 調(diào)查對象及標(biāo)準(zhǔn)

2.1 調(diào)查對象

目前，四個直轄市分別建立了面向轄區(qū)內(nèi)市民的學(xué)分銀行網(wǎng)站并投入使用，他們分別為北京市學(xué)分銀行（http://bjcb.org.cn/）、天津終身學(xué)習(xí)網(wǎng)（http://www.tjedu.cn）、上海市終身教育學(xué)分銀行（http://www.shcb.org.cn/）、重慶終身學(xué)習(xí)學(xué)分銀行（http://credit.cqdd.cq.cn/）。

2.2 調(diào)查標(biāo)準(zhǔn)

網(wǎng)站可訪問性的評價標(biāo)準(zhǔn)較多，比如德國（BITV 系列標(biāo)準(zhǔn)）、日本（JIS 標(biāo)準(zhǔn)）、美國（508 條例）、意大利（訪問標(biāo)準(zhǔn)）、中國（《網(wǎng)站設(shè)計無障礙技術(shù)要求》）。本次調(diào)查采用的標(biāo)準(zhǔn)為萬維網(wǎng)聯(lián)盟W3C 標(biāo)準(zhǔn)，該標(biāo)準(zhǔn)獲得國際一直認(rèn)可并影響深遠(yuǎn)，目前發(fā)展為三個版本。版本分別為1995年制定的《網(wǎng)頁內(nèi)容可訪問性指南》被稱為WCAG1.0，制定了網(wǎng)站可訪問性評判標(biāo)準(zhǔn)。其涵蓋14 條指導(dǎo)項和65 個點(diǎn)，得到世界各國的認(rèn)可。伴隨著新技術(shù)的出現(xiàn)2008年W3C 于該標(biāo)準(zhǔn)的升級版WCAG2.0，2018年更新為WCAG2.1，該標(biāo)準(zhǔn)依據(jù)分級設(shè)置差異化的判定標(biāo)準(zhǔn)，分別為A、AA、AAA，其中A 標(biāo)準(zhǔn)為基本標(biāo)準(zhǔn)，是可訪問性的基本標(biāo)準(zhǔn)，AA、AAA 是較高級別評價標(biāo)準(zhǔn)。[5]

2.3 調(diào)查工具和測評過程

（1）調(diào)查工具采用目前國內(nèi)外測評可信度較高的PoweMapper為測評工具；

（2）測試過程：登陸四個直轄市的學(xué)分銀行門戶網(wǎng)站，搜集門戶網(wǎng)站的網(wǎng)絡(luò)地址；利用PoweMapper平臺調(diào)用WCAG2.1（LEVEL AA 和LEVEL A）標(biāo)準(zhǔn)測評；

（3）測評時間：2021年7月16-21日；

（4）統(tǒng)計分析數(shù)據(jù)，收集整理四個直轄市門戶網(wǎng)站的可訪問性報告。基于報告數(shù)據(jù)和反饋意見進(jìn)行歸納和分析。為了保證樣本的可靠性，筆者預(yù)先對四個直轄市樣本網(wǎng)站進(jìn)行預(yù)檢測。從預(yù)檢測結(jié)果看，出現(xiàn)的錯誤數(shù)LEVEL A 標(biāo)準(zhǔn)低于LEVEL AA，鑒于大部分研究者對網(wǎng)站的測評均采用LEVEL A 標(biāo)準(zhǔn)，因此本文擬采用LEVEL A 標(biāo)準(zhǔn)檢測檢索結(jié)果進(jìn)行分析。

3 結(jié)果分析

學(xué)分銀行承擔(dān)著其轄區(qū)內(nèi)所有市民終身學(xué)習(xí)的保障任務(wù)，每個用戶是否能公平、平等地利用網(wǎng)絡(luò)對網(wǎng)站進(jìn)行利用，主要取決于網(wǎng)站的可訪問性。分析其已知的可訪問性問題，可以提高其門戶網(wǎng)站的可訪問性水平，促進(jìn)用戶公平、平等地利用、轉(zhuǎn)換學(xué)習(xí)資源。從調(diào)查的結(jié)果可以看出，測評的結(jié)果不理想。

3.1 門戶網(wǎng)站首頁布局問題

布局風(fēng)格導(dǎo)致出現(xiàn)錯誤數(shù)存在一定的差異。可訪問性較差的網(wǎng)站頁面上承載大量的圖片和動畫，無法突出圖書館網(wǎng)頁的主要功能和服務(wù)項目。大量的圖片和列表導(dǎo)致部分功能的可訪問性受到限制，增加訪問者的訪問難度。

通過網(wǎng)絡(luò)調(diào)查得出四個直轄市網(wǎng)頁的布局大致可以分為兩類，國字型和封面海報型。其中北京、重慶網(wǎng)站屬于國字型。此種類型的主要特點(diǎn)為的圖書館網(wǎng)站承載較多內(nèi)容。大致結(jié)構(gòu)為頁面的最上面是圖標(biāo)、新聞，內(nèi)容的展示以列表為主，左右分別羅列。頁面的最底端為版權(quán)聲明、聯(lián)系方式等。這也一定程度上導(dǎo)致出現(xiàn)的錯誤數(shù)較多。上海、天津市學(xué)分銀行主頁面采用封面海報型布局結(jié)構(gòu)，大致結(jié)構(gòu)為頁面上方主要為檢索欄或鏈接，頁面下方主要分布圖書館的服務(wù)項目和圖片。簡單的布局保證出現(xiàn)錯誤數(shù)較少。

3.2 門戶網(wǎng)站已知錯誤類型分布

如表1所示，通過匯總表可看出，測評出來的主要問題集中在，“網(wǎng)頁默認(rèn)語言可用程序確定”、“為任何非文本內(nèi)容提供替代品”。其他問題頻次較高依次為“展現(xiàn)的信息、結(jié)果和關(guān)系可被軟件識別或可用文本表達(dá)”、“每個鏈接的目的課通過鏈接文本確定”、“網(wǎng)頁提供描述其主體或目的的標(biāo)題”、“每個鏈接的目的課通過鏈接文本確定”，“標(biāo)記語言使用規(guī)范”、“顏色并不是作為傳達(dá)信息、表明動作、引起反應(yīng)或區(qū)分視覺元素的唯一視覺手段”較為分散。

表1：四個直轄市學(xué)分銀行網(wǎng)站可訪問性測評基于LEVELA

3.3 門戶網(wǎng)站文檔可讀性問題

已知錯誤類型中占據(jù)第一位為 “網(wǎng)頁默認(rèn)的語言可用程序確定”問題，其錯誤主要表現(xiàn)為表現(xiàn)文檔語言未被識別，文檔的語言代碼無效。原因為文檔未添加lang 屬性和xmllang 屬性。此類問題只要在設(shè)計時候，對相關(guān)文檔的根元素中設(shè)置符合ISO-639-1 的雙字母語言代碼到opening html 元素中即可解決。比如針對html 類型文檔設(shè)置lang 屬性，對xhtml 文檔設(shè)置lang 和 xmllang 屬性即可解決。

3.4 門戶網(wǎng)站圖片、動畫問題

在已知錯誤中出現(xiàn)頻率第二位的“為任何非文本內(nèi)容提供替代品”，其錯誤主要表現(xiàn)為圖片、動畫等非文本內(nèi)容缺乏相應(yīng)的屬性。設(shè)計網(wǎng)站時，工作人員未對非文本的圖片等內(nèi)容進(jìn)行設(shè)計，比如圖片、動畫首先應(yīng)該選擇可以實現(xiàn)文字解釋類的圖片和動畫類型，再勾選alt 屬性進(jìn)行文字解釋。功能性圖片和動畫應(yīng)該考慮顏色對比等，將相關(guān)的可訪問性標(biāo)準(zhǔn)在具體的設(shè)計中加以實現(xiàn)。

3.5 其他問題歸納

除了上述幾種問題外，其他問題歸納如下：在1.3.1 條款中出現(xiàn)的主要問題為Input 元素，缺少相關(guān)的label 標(biāo)簽。通過設(shè)置label標(biāo)簽即可。在2.1.1 條款中“內(nèi)容的所有功能都可通過鍵盤接口實現(xiàn)操作”出現(xiàn)的主要問題為“未向腳本添加處理程序”，通過向腳本添加onblur 處理程序，亦可解決類似問題。其他問題諸如文檔使用語言、文本指示性信息等，均可在設(shè)計時通過已有的技術(shù)進(jìn)行設(shè)置。

4 學(xué)分銀行門戶網(wǎng)站建設(shè)建議

4.1 改進(jìn)學(xué)分銀行門戶網(wǎng)站的設(shè)計

作為信息門戶，學(xué)分銀行網(wǎng)站應(yīng)該設(shè)置檢索服務(wù)，幫助使用者檢索資源。在交互功能方面，四個直轄市學(xué)分銀行網(wǎng)站均進(jìn)行設(shè)置。網(wǎng)站在設(shè)計時首先應(yīng)該保障這些基本功能的前提下，注重網(wǎng)站設(shè)計的簡潔性與實用性，首頁不應(yīng)承載過多欄目。門戶網(wǎng)站首先應(yīng)該確保布局清晰簡單，混亂的布局會加重用戶的認(rèn)知負(fù)擔(dān)，界面必須能夠?qū)δ芙M件的尺寸進(jìn)行調(diào)整，因此響應(yīng)式布局至關(guān)重要。此外還應(yīng)該保證有清晰的路徑指示器和簡單的任務(wù)流程可以實現(xiàn)順暢的導(dǎo)航。

4.2 加強(qiáng)可訪問性建設(shè)意識及人員培訓(xùn)

從上述的檢測結(jié)果分析可看出，目前基于WCAG2.1 的標(biāo)準(zhǔn)下出現(xiàn)的可訪問性標(biāo)準(zhǔn)出現(xiàn)的主要問題均可通過開發(fā)人員的建設(shè)過程中重視并利用一定的信息技術(shù)即可解決。這表明在開發(fā)網(wǎng)頁時，開放人員缺乏可訪問性建設(shè)的相關(guān)意識。急需對開發(fā)人員進(jìn)行相關(guān)知識的普及和技術(shù)培訓(xùn)。

4.3 定期對網(wǎng)站進(jìn)行可訪問性檢測

在網(wǎng)站運(yùn)行過程中，應(yīng)定期利用相關(guān)標(biāo)準(zhǔn)進(jìn)行檢測，以保障其可訪問性。應(yīng)以制度的形式對可訪問性檢測的手段和時間進(jìn)行界定。為保障各類用戶利用任何設(shè)備都能夠有效地訪問圖書館網(wǎng)站，應(yīng)該在制度中對可訪問性的標(biāo)準(zhǔn)進(jìn)行界定。此外，網(wǎng)站維護(hù)人員在日常任何時間對圖書館進(jìn)行維護(hù)和更新后，都應(yīng)對學(xué)分銀行網(wǎng)站的可訪問性進(jìn)行檢測，以保證其正常運(yùn)行。

4.4 設(shè)置輔助工具，增強(qiáng)網(wǎng)站的可訪問性

通過網(wǎng)絡(luò)調(diào)查四個直轄市，均未設(shè)置無障礙訪問工具。為保障每個公民平等公平、平等地利用網(wǎng)絡(luò)對教育資源進(jìn)行利，作為信息門戶應(yīng)當(dāng)適當(dāng)增加一些無障礙訪問輔助工具。網(wǎng)站通過設(shè)立一些小程序或增加輔助功能對有訪問有障礙的用戶進(jìn)行輔助訪問。比如為視障用戶提供的可為其朗讀的輔助工具或提供音頻資源，用戶必須能夠暫停/停止、他，調(diào)整音量以及控制字幕等。此外還需要考慮那些無法使用鼠標(biāo)和行動不便的群體可以通過鍵盤進(jìn)行導(dǎo)航，例如使用各種按鈕，包括箭頭、空格鍵、回車鍵等。