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

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

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

1 引言

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

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

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

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

2.1 調(diào)查對(duì)象

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

2.3 調(diào)查工具和測(cè)評(píng)過程

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

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

（3）測(cè)評(píng)時(shí)間：2021年7月16-21日；

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

3 結(jié)果分析

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

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

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

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

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

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

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

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

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

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

在已知錯(cuò)誤中出現(xiàn)頻率第二位的“為任何非文本內(nèi)容提供替代品”，其錯(cuò)誤主要表現(xiàn)為圖片、動(dòng)畫等非文本內(nèi)容缺乏相應(yīng)的屬性。設(shè)計(jì)網(wǎng)站時(shí)，工作人員未對(duì)非文本的圖片等內(nèi)容進(jìn)行設(shè)計(jì)，比如圖片、動(dòng)畫首先應(yīng)該選擇可以實(shí)現(xiàn)文字解釋類的圖片和動(dòng)畫類型，再勾選alt 屬性進(jìn)行文字解釋。功能性圖片和動(dòng)畫應(yīng)該考慮顏色對(duì)比等，將相關(guān)的可訪問性標(biāo)準(zhǔn)在具體的設(shè)計(jì)中加以實(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)容的所有功能都可通過鍵盤接口實(shí)現(xiàn)操作”出現(xiàn)的主要問題為“未向腳本添加處理程序”，通過向腳本添加onblur 處理程序，亦可解決類似問題。其他問題諸如文檔使用語(yǔ)言、文本指示性信息等，均可在設(shè)計(jì)時(shí)通過已有的技術(shù)進(jìn)行設(shè)置。

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

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

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

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

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

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

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

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

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